Android 中自訂屬性(attr.xml,TypedArray)的使用

 
Android高手進階教程(四)之----Android 中自訂屬性(attr.xml,TypedArray)的使用!
收藏

今天我們的教程是根據前面一節擴充進行的，如果你沒有看,請點擊 Android高手進階教程(三)

查看第三課,這樣跟容易方便你的理解!

在xml
檔案裡定義控制項的屬性，我們已經習慣了android:attrs=""
,那麼我們能不能定義自己的屬效能，比如:test:attrs=""
呢？答案是肯定的.

好了我就不賣關子了，直接進入主題。大致以下步驟:

一、
在res/values
檔案下定義一個attrs.xml
檔案.代碼如下:

view plaincopy to clipboardprint?

1. 一、在res/values檔案下定義一個attrs.xml檔案.代碼如下:  
2. <?xml version="1.0" encoding="utf-8"?>  
3. <resources>  
4.     <declare-styleable name="MyView">  
5.         <attr name="textColor" format="color" />  
6.         <attr name="textSize" format="dimension" />  
7.     </declare-styleable>  
8. </resources>  

二、
我們在MyView.java
代碼修改如下，其中下面的構造方法是重點，我們擷取定義的屬性我們R.sytleable.MyView_textColor,
擷取方法中後面通常設定預設值(float textSize = a.getDimension(R.styleable.MyView_textSize, 36
);
)，
防止我們在xml
檔案中沒有定義.從而使用預設值!

擷取，MyView
就是定義在<declare-styleable name="MyView
"></declare-styleable>
裡的
名字,擷取裡面屬性用 名字_ 屬性
串連起來就可以.TypedArray
通常最後調用 .recycle()
方法，為了保持以後使用該屬性一致性！

view plaincopy to clipboardprint?

1. public MyView(Context context,AttributeSet attrs)  
2.     {  
3.         super(context,attrs);  
4.         mPaint = new Paint();  
5.           
6.         TypedArray a = context.obtainStyledAttributes(attrs,  
7.                 R.styleable.MyView);  
8.           
9.         int textColor = a.getColor(R.styleable.MyView_textColor,  
10.                 0XFFFFFFFF);  
11.         float textSize = a.getDimension(R.styleable.MyView_textSize, 36);  
12.           
13.         mPaint.setTextSize(textSize);  
14.         mPaint.setColor(textColor);  
15.           
16.         a.recycle();  
17.     }  

MyView.java
全部代碼如下:

view plaincopy to clipboardprint?

1. package com.android.tutor;  
2. import android.content.Context;  
3. import android.content.res.TypedArray;  
4. import android.graphics.Canvas;  
5. import android.graphics.Color;  
6. import android.graphics.Paint;  
7. import android.graphics.Rect;  
8. import android.graphics.Paint.Style;  
9. import android.util.AttributeSet;  
10. import android.view.View;  
11. public class MyView extends View {  
12.     private Paint mPaint;  
13.     private Context mContext;  
14.     private static final String mString = "Welcome to Mr Wei's blog";  
15.       
16.     public MyView(Context context) {  
17.         super(context);  
18.         mPaint = new Paint();  
19.     }  
20.     public MyView(Context context,AttributeSet attrs)  
21.     {  
22.         super(context,attrs);  
23.         mPaint = new Paint();  
24.           
25.         TypedArray a = context.obtainStyledAttributes(attrs,  
26.                 R.styleable.MyView);  
27.           
28.         int textColor = a.getColor(R.styleable.MyView_textColor,  
29.                 0XFFFFFFFF);  
30.         float textSize = a.getDimension(R.styleable.MyView_textSize, 36);  
31.           
32.         mPaint.setTextSize(textSize);  
33.         mPaint.setColor(textColor);  
34.           
35.         a.recycle();  
36.     }  
37.     @Override  
38.     protected void onDraw(Canvas canvas) {  
39.         // TODO Auto-generated method stub  
40.         super.onDraw(canvas);  
41.         //設定填充  
42.         mPaint.setStyle(Style.FILL);  
43.           
44.         //畫一個矩形,前倆個是矩形左上方座標，後面倆個是右下角座標  
45.         canvas.drawRect(new Rect(10, 10, 100, 100), mPaint);  
46.           
47.         mPaint.setColor(Color.BLUE);  
48.         //繪製文字  
49.         canvas.drawText(mString, 10, 110, mPaint);  
50.     }  
51. }  

三、將我們自訂的MyView
加入布局main.xml
檔案中，平且使用自訂屬性,自訂屬性必須加上:

      xmlns:test
="http://schemas.android.com/apk/res/com.android.tutor

"藍色

是自訂屬性的首碼，紅色

是我們包名.

main.xml
全部代碼如下:

view plaincopy to clipboardprint?

1. <?xml   
2. version="1.0" encoding="utf-8"?>  
3. <LinearLayout   
4. xmlns:android="http://schemas.android.com/apk/res/android"  
5.                 
6. xmlns:test="http://schemas.android.com/apk/res/com.android.tutor"  
7.     android:orientation="vertical"  
8.     android:layout_width="fill_parent"  
9.     android:layout_height="fill_parent"  
10.     >  
11. <TextView    
12.     android:layout_width="fill_parent"   
13.     android:layout_height="wrap_content"   
14.     android:text="@string/hello"  
15.     />  
16. <com.android.tutor.MyView  
17.     android:layout_width="fill_parent"   
18.     android:layout_height="fill_parent"   
19.     test:textSize="20px"  
20.     test:textColor="#fff"  
21. />  
22. </LinearLayout>  

四、運行之效果如:

今天就到此結束，大家有什麼疑問的，請留言，我會及時回覆大家!謝謝~