android 自定義View - 自定義屬性

要用到自定義的view,但是自定義view需要重寫構造方法,構造方法中有TypedArray /AttributeSet,學習android到現在感覺仍是一無所知,怎么辦?繼續學習。

TypedArray是什么?
AttributeSet是什么?

TypedArray是一個類型數組,也是一個十分重要的屬性容器。用于存放各種屬性的資源。是屬性的集合,我們獲取屬性一般就是這個類的.getxxx()方法.
重點是學習TypedArray的實例是怎么來的?一般是由context.obtainStyledAttributes這個方法,有4個重載的方法。

TypedArray android.content.Context.obtainStyledAttributes(AttributeSet set, int[] attrs, int defStyleAttr, int defStyleRes)

這個方法就是從資源里挑出一些屬性來,按照順序放到TypedArray里,參數可以控制從哪里挑選屬性,挑選哪些。

參數set:挑選屬性的出處是AttributeSet。

參數attrs:這是一個屬性的數組,只是哪些屬性被挑選出來,在之前看R文件的時候R.styleable.button1就是這樣的數組,我們可以自己new這樣的數組,再賦值。

參數defStyleAttr:挑選屬性的出處是defStyleAttr。

參數defStyleRes:挑選屬性的出處是defStyleRes。

通過第2個參數指定獲取一些屬性,獲取到的是一個類似數組的結果,它的下標就像數組似的從0開始。在這里我們可以聯想到之前在attrs.xml文件里定義的declare-styleable節點,定義這個節點會在R文件產生一個屬性數組如button1,還會產生下標比如button1_textSize1 = 0,這樣我們可以用R文件里的這兩個屬性來處理獲取屬性的這些操作。當然我們也可以new出來int的數組,下標自己寫上去。

【】
AttributeSet 是接收xml中定義的屬性信息,不然xml中定義的屬性信息就無法接收。Attributeset看名字就知道是一個屬性的集合,實際上,它內部就是一個XML解析器,幫我們將布局文件中該控件的所有屬性解析出來,并以key-value的兼職對形式維護起來。其實我們完全可以只用他通過下面的代碼來獲取我們的屬性就行。

//打印AttributeSet中的值
    for (int i = 0; i < attrs.getAttributeCount(); i++) {
        Log.i(TAG, "name:" + attrs.getAttributeName(i) + ",value:" + attrs.getAttributeValue(i));
    }

看看我們打印出來的結果

 com.qianmo.activitydetail I/MyTextView: getWidth():1080,getHeight(): 1731
com.qianmo.activitydetail I/MyTextView: name:background,value:#ff00ff00
com.qianmo.activitydetail I/MyTextView: name:layout_width,value:-1
com.qianmo.activitydetail I/MyTextView: name:layout_height,value:-1
com.qianmo.activitydetail I/MyTextView: name:myText,value: I Love You ......I Love You ......
com.qianmo.activitydetail I/MyTextView: name:myTextColor,value:#ffff3399
com.qianmo.activitydetail I/MyTextView: name:myTextSize,value:25.0sp

可以看到使用Attributeset得到的屬性的值是取到的xml文件中的值,而我們想要的textsize的大小,還得想方法將sp去掉才能拿到我們的25.0,這時候我們就需要一個人幫我們來這樣做了,而TypedArray就順勢而生了,我們來看看使用TypedArray得到的數據

TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.MyTextView2, defStyleAttr, 0);
    mText = a.getString(R.styleable.MyTextView2_myText);
    mTextColor = a.getColor(R.styleable.MyTextView2_myTextColor, Color.BLACK);
    mTextSize = a.getDimension(R.styleable.MyTextView2_myTextSize, 30f);
    a.recycle();

這樣的數據就是我們想要的了。

自己寫完自定義view后再來補充。

【問題點】
———————————————————————————————
1、為什么要使用自定義屬性呢?相當于iOS中的自定義view中擴展的屬性嗎?

我們要使用自定義屬性的話首先要我們有這個自定義屬性,那么我們常見的控件Textview的Android:text屬性是怎么來的呢,我們來一起看一下系統的自定義屬性源碼,系統定義的所有屬性我們可以在\sdk\platforms\Android-xx\data\res\values目錄下找到attrs.xml這個文件,這里只找幾個很常見的view屬性

 <declare-styleable name="View">
<attr name="id" format="reference" />
<attr name="background" format="reference|color" />
<attr name="padding" format="dimension" />
 ...
<attr name="focusable" format="boolean" />
 ...
</declare-styleable>

<declare-styleable name="TextView">
<attr name="text" format="string" localization="suggested" />
<attr name="hint" format="string" />
<attr name="textColor" />
<attr name="textColorHighlight" />
<attr name="textColorHint" />
 ...
</declare-styleable>

<declare-styleable name="ViewGroup_Layout">
<attr name="layout_width" format="dimension">
    <enum name="fill_parent" value="-1" />
    <enum name="match_parent" value="-1" />
    <enum name="wrap_content" value="-2" />
</attr>
<attr name="layout_height" format="dimension">
    <enum name="fill_parent" value="-1" />
    <enum name="match_parent" value="-1" />
    <enum name="wrap_content" value="-2" />
</attr>
</declare-styleable>

<declare-styleable name="LinearLayout_Layout">
<attr name="layout_width" />
<attr name="layout_height" />
<attr name="layout_weight" format="float" />
<attr name="layout_gravity" />
</declare-styleable>

<declare-styleable name="RelativeLayout_Layout">
<attr name="layout_centerInParent" format="boolean" />
<attr name="layout_centerHorizontal" format="boolean" />
<attr name="layout_centerVertical" format="boolean" />
 ...
</declare-styleable>

首先我們知道我們所有的控件都是繼承自view這個類的,所以view類所擁有的屬性我們繼承它的子類是全部都擁有的,而我們父view類卻不能使用子view的特有的屬性,充分的體現了我們的語言的多態性。再看看我們上面的標簽,都有一個共同點,就是<declare-styleable name = "xxxx"> ,然后里面還有一堆的子標簽,而這些子標簽就表示這是這個XXX類的屬性。但是并不是每個控件都能使用所有屬性,LinearLayout中能使用layout_weight屬性,而RelativeLayout卻不能使用,因為layout_weight是為LinearLayout的LayoutParams定義的。

如果自定義一個view,可以設自定義view的背景色,view的展示樣式這時候就需要自定義屬性了。

———————————————————————————————
2、怎么自定義屬性

我們根據上面的源碼我們知道,這兩種的區別就是attr標簽后面帶不帶format屬性,如果帶format的就是在定義屬性,如果不帶format的就是在使用已有的屬性,name的值就是屬性的名字,format是限定當前定義的屬性能接受什么值。而系統定義的屬性一般引用都用android:XXX引用,如果我們現在要定義一個text屬性,所以我們可以有兩種定義我們的方式

常規方式:

<resources>
   <declare-styleable name="MyTextView">
       <attr name=“text" format="string" />
   </declare-styleable>
</resources>

引用系統已經定義好的:

<resources>
  <declare-styleable name="MyTextView">
      <attr name=“android:text"/>
  </declare-styleable>
</resources>

為什么這里我們還要引自系統屬性呢,因為我們的MyTextView是繼承的View,而android:text是TextView的特殊屬性,所以這里必須要引用一下。


3、屬性值的類型format

format一共支持11種類型

① reference

  • 屬性定義:

    <declare-styleable name = "MyImageView">
       <attr name = "background" format = "reference" />
    </declare-styleable>
    
  • 屬性使用:

      <ImageView android:background = "@drawable/圖片ID"/>
    

② color

  • 屬性定義:

    <attr name = "textColor" format = "color" />
    
  • 屬性使用:

    <TextView android:textColor = "#00FF00" />
    

③boolean

  • 屬性定義:

    <attr name = "focusable" format = "boolean" />
    
  • 屬性使用:

    <Button android:focusable = "true"/>
    

④dimension

  • 屬性定義:

     <attr name = "layout_width" format = "dimension" />
    
  • 屬性使用:

      <Button android:layout_width = "42dip"/>
    

⑤float

  • 屬性定義:

     <attr name = "fromAlpha" format = "float" />
    
  • 屬性使用:

    <alpha android:fromAlpha = "1.0"/
    

⑥integer

  • 屬性定義:

    <attr name = "framesCount" format="integer" />
    
  • 屬性使用:

    <animated-rotate android:framesCount = "12"/>
    

⑦string

  • 屬性定義:

     <attr name = "text" format = "string" />
    
  • 屬性使用:

    <TextView android:text = "我是文本"/>
    

⑧fraction

  • 屬性定義:

    <attr name = "pivotX" format = "fraction" />
    
  • 屬性使用:

    <rotate android:pivotX = "200%"/>
    

⑨ enum:枚舉值

  • 屬性定義:

    <declare-styleable name="名稱">
       <attr name="orientation">
           <enum name="horizontal" value="0" />
           <enum name="vertical" value="1" />
       </attr>
    </declare-styleable>
    
  • 屬性使用:

    <LinearLayout  
        android:orientation = "vertical">
    </LinearLayout>
    

注意:當使用枚舉屬性的話不能在一個屬性中同時使用兩個值

⑩ flag:位或運算

  • 屬性定義:

       <declare-styleable name="名稱">
           <attr name="gravity">
               <flag name="top" value="0x30" />
               <flag name="bottom" value="0x50" />
               <flag name="left" value="0x03" />
               <flag name="right" value="0x05" />
               <flag name="center_vertical" value="0x10" />
        ...
         </attr>
      </declare-styleable>
    
  • 屬性使用:

      <TextView android:gravity="bottom|left"/>
    

位運算符在使用的時候可以使用多個屬性

?混合類型:屬性定義時可以指定多種類型值

  • 屬性定義:

     <declare-styleable name = "名稱">
          <attr name = "background" format = "reference|color" />
    </declare-styleable>
    
  • 屬性使用:

     <ImageView android:background = "@drawable/圖片ID" />
      //或者:
     <ImageView  android:background = "#00FF00" />
    

以上就是所有的自定義屬性的格式了,知道了這些,以后方便我們更準確的去定義自己的屬性


4、 在類中獲取對應的自定義屬性

首先在attrs文件中添加我們的自定義屬性

   <?xml version="1.0" encoding="utf-8"?>
     <resources>
       <declare-styleable name="MyTextView2">
          <attr name="myText" format="string"/>
          <attr name="myTextColor" format="color"/>
          <attr name="myTextSize" format="dimension"/>
       </declare-styleable>
    </resources>

然后我們在布局文件中添加我們的自定義屬性,這里要注意一下要引入我們的自定義空間,一般來說有兩種:xmlns:mytextview="http://schemas.android.com/apk/res-auto”,res-auto表示自動查找,還有一種寫法xmlns:mytextview="http://schemas.android.com/apk/com.example.myview",com.example.myview 為我們的應用程序包名。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:myview="http://schemas.android.com/apk/res-auto"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
> 
<com.qianmo.activitydetail.MyTextView2
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#00ff00"
    myview:myText=" I Love You ......I Love You ......"
    myview:myTextColor="#ff3399"
    myview:myTextSize="25sp"
    />

</LinearLayout>

在構造方法中獲取我們的自定義屬性

public MyTextView2(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
   super(context, attrs, defStyleAttr);
   init(context, attrs, defStyleAttr);
  }

   /**
    * 初始化數據
  */
  private void init(Context context, AttributeSet attrs, int defStyleAttr) {
   //獲取自定義屬性的值
   TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.MyTextView2, defStyleAttr, 0);
   mText = a.getString(R.styleable.MyTextView2_myText);
   mTextColor = a.getColor(R.styleable.MyTextView2_myTextColor, Color.BLACK);
   mTextSize = a.getDimension(R.styleable.MyTextView2_myTextSize, 30f);
   a.recycle();

   //初始化Paint數據
   mPaint = new Paint();
   mPaint.setColor(mTextColor);
   mPaint.setTextSize(mTextSize);

   //獲取繪制的寬高
   mBound = new Rect();
   mPaint.getTextBounds(mText, 0, mText.length(), mBound);
   Log.i(TAG, "mText :" + mText + ",mTextColor:" + mTextColor+ ",mTextSize:" + mTextSize);
 }

以上只是自定義view基礎

參考:
https://blog.csdn.net/bingospunky/article/details/39890053
https://www.cnblogs.com/wjtaigwh/p/6594680.html

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容