1. 程式人生 > >Android 自定義View(一)

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"/>