Android 自定義View(一)
前言:可是有時候我們總感覺官方定義的一些基本元件不夠用,自定義元件就不可避免了。那麼如何才能做到像官方提供的那些元件一樣用xml來定義他的屬性呢?
先總結下自定義View的步驟:
1、自定義View的屬性;
2、在View的構造方法中獲得自定義的屬性。
一、在res/values檔案下定義一個attrs.xml檔案,程式碼如下:
<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="MyView"><!--定義屬性名和格式的地方--> <attr name="rect_color" format="color"/> </declare-styleable> </resources>
二、在自定義元件中,可以如下獲得xml中定義的值:
public class MyRect extends View { public MyRect(Context context) { super(context); } //資源解析器解析的方法 public MyRect(Context context,AttributeSet attrs) { super(context, attrs); //TypedArray獲得對屬性集的引用 TypedArray ta=context.obtainStyledAttributes(attrs,R.styleable.MyView); //對屬性的設定 int color=ta.getColor(R.styleable.MyView_rect_color,0xffff0000); setBackgroundColor(color); ta.recycle();//進行回收 } }
三、在佈局xml中如下使用該屬性:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:custom="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <com.example.customview.MyRect android:layout_width="100dp" android:layout_height="100dp" custom:rect_color="#ff0000ff"/> </LinearLayout>
就這麼簡單的三步,即可完成對自定義屬性的使用。
*********************************************************************
好了,基本用法已經講完了,現在來看看一些注意點和知識點吧。
首先來看看attrs.xml檔案.............
該檔案是定義屬性名和格式的地方,需要用<declare-styleable name="MyView"></declare-styleable>包圍所有屬性。其中name為該屬性集的名字,主要用途是標識該屬性集。那在什麼地方會用到呢?主要是在第三步。看到沒?在獲取某屬性標識時,用到"R.styleable.MyView",很顯然,他在每個屬性前面都加了"MyView_"。
在來看看各種屬性都有些什麼型別吧:string , integer , dimension , reference , color , enum......
前面幾種的宣告方式都是一致的,例如:<attr name="rect_color" format="color"/>。 只有enum是不同的,用法舉例:
<attr name="testEnum">
<enum name="fill_parent" value="-1"/>
<enum name="wrap_content" value="-2"/>
</attr>
如果該屬性可同時傳兩種不同的屬性,則可以用“|”分割開即可。
讓我們再來看看佈局xml中需要注意的事項。
首先得宣告一下:xmlns:custom="http://schemas.android.com/apk/res-auto" 注意,“custom”可以換成其他的任何名字,後面的url地址Gradle就會自動查詢自定屬性。自定義屬性了,在屬性名前加上“custom”即可。
最後來看看java程式碼中的注意事項。
在自定義元件的建構函式中,用
TypedArray ta=context.obtainStyledAttributes(attrs,R.styleable.MyView);
來獲得對屬性集的引用,然後就可以用“a”的各種方法來獲取相應的屬性值了。這裡需要注意的是,如果使用的方法和獲取值的型別不對的話,則會返回預設值。因此,如果一個屬性是帶兩個及以上不用型別的屬性,需要做多次判斷,知道讀取完畢後才能判斷應該賦予何值。當然,在取完值的時候別忘了回收資源哦!
自定義屬性資料型別簡介:
一、reference:參考指定Theme中資源ID。
1.定義:
1 2 3 |
<declare-styleable name="My"> <attr name="label" format="reference" > </declare-styleable> |
2.使用:
1 |
<Button zkx:label="@string/label" > |
二、Color:顏色
1.定義:
1 2 3 |
<declare-styleable name="My"> <attr name="textColor" format="color" /> </declare-styleable> |
2.使用:
1 |
<Button zkx:textColor="#ff0000"/> |
三、boolean:布林值
1.定義:
1 2 3 |
<declare-styleable name="My"> <attr name="isVisible" format="boolean" /> </declare-styleable> |
2.使用:
1 |
<Button zkx:isVisible="false"/> |
四、dimension:尺寸值
1.定義:
1 2 3 |
<declare-styleable name="My"> <attr name="myWidth" format="dimension" /> </declare-styleable> |
2.使用:
1 |
<Button zkx:myWidth="100dip"/> |
五、float:浮點型
1.定義:
1 2 3 |
<declare-styleable name="My"> <attr name="fromAlpha" format="float" /> </declare-styleable> |
2.使用:
1 |
<alpha zkx:fromAlpha="0.3"/> |
六、integer:整型
1.定義:
1 2 3 |
<declare-styleable name="My"> <attr name="frameDuration" format="integer" /> </declare-styleable> |
2.使用:
1 |
<animated-rotate zkx:framesCount="22"/> |
七、string:字串
1.定義:
1 2 3 |
<declare-styleable name="My"> <attr name="Name" format="string" /> </declare-styleable> |
2.使用:
1 |
<rotate zkx:pivotX="200%"/> |
八、fraction:百分數
1.定義:
1 2 3 |
<declare-styleable name="My"> <attr name="pivotX" format="fraction" /> </declare-styleable> |
2.使用:
1 |
<rotate zkx:Name="My name is zhang kun xiang"/> |
九、enum:列舉
1.定義:
1 2 3 4 5 |
<declare-styleable name="My"> <attr name="language"> <enum name="English" value="1"/> </attr> </declare-styleable> |
2.使用:
1 |
<Button zkx:language="English"/> |
十、flag:位或運算
1.定義:
1 2 3 4 5 6 |
<declare-styleable name="My"> <attr name="windowSoftInputMode"> <flag name="stateUnspecified" value="1" /> <flag name = "adjustNothing" value = "0x30" /> </attr> </declare-styleable> |
2.使用:
1 |
<activity android:windowSoftInputMode="stateUnspecified | adjustNothing"> |
屬性定義時可以指定多種型別值:
1 2 3 |
<declare-styleable name = "名稱"> <attr name="background" format="reference|color" /> </declare-styleable> |
使用:
1 |
<ImageView android:background = "@drawable/圖片ID|#00FF00"/> |