Android高手进阶教程(四)之----Android 中自定义属性(attr.xml,TypedArray)的使用!

Android高手进阶教程(四)之----Android 中自定义属性(attr.xml,TypedArray)的使用!

2010-04-20 21:11:25

标签： xml Android 进阶 attr TypedArray

原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。 http://weizhulin.blog.51cto.com/1556324/311453

今天我们的教程是根据前面一节扩展进行的，如果你没有看,请点击 Android高手进阶教程(三) 查看第三课,这样跟容易方便你的理解!

在xml 文件里定义控件的属性，我们已经习惯了android:attrs="" ,那么我们能不能定义自己的属性能，比如:test:attrs="" 呢？答案是肯定的.

好了我就不卖关子了，直接进入主题。大致以下步骤:

一、 在res/values 文件下定义一个attrs.xml 文件.代码如下:

view plaincopy to clipboardprint?
一、在res/values文件下定义一个attrs.xml文件.代码如下:  
 

1. <?xml version="1.0" encoding="utf-8"?>     
2. <resources>     
3.     <declare-styleable name="MyView">     
4.         <attr name="textColor" format="color" />     
5.         <attr name="textSize" format="dimension" />     
6.     </declare-styleable>     
7. </resources>    
8. 一、在res/values文件下定义一个attrs.xml文件.代码如下:  
9. <?xml version="1.0" encoding="utf-8"?> 
10. <resources> 
11.     <declare-styleable name="MyView"> 
12.         <attr name="textColor" format="color" /> 
13.         <attr name="textSize" format="dimension" /> 
14.     </declare-styleable> 
15. </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.     }    
18. public MyView(Context context,AttributeSet attrs)  
19.  {  
20.   super(context,attrs);  
21.   mPaint = new Paint();  
22.     
23.   TypedArray a = context.obtainStyledAttributes(attrs,  
24.     R.styleable.MyView);  
25.     
26.   int textColor = a.getColor(R.styleable.MyView_textColor,  
27.     0XFFFFFFFF);  
28.   float textSize = a.getDimension(R.styleable.MyView_textSize, 36);  
29.     
30.   mPaint.setTextSize(textSize);  
31.   mPaint.setColor(textColor);  
32.     
33.   a.recycle();  
34.  }   

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. }    
52. package com.android.tutor;  
53. import android.content.Context;  
54. import android.content.res.TypedArray;  
55. import android.graphics.Canvas;  
56. import android.graphics.Color;  
57. import android.graphics.Paint;  
58. import android.graphics.Rect;  
59. import android.graphics.Paint.Style;  
60. import android.util.AttributeSet;  
61. import android.view.View;  
62. public class MyView extends View {  
63.  private Paint mPaint;  
64.  private Context mContext;  
65.  private static final String mString = "Welcome to Mr Wei's blog";  
66.    
67.  public MyView(Context context) {  
68.   super(context);  
69.   mPaint = new Paint();  
70.  }  
71.  public MyView(Context context,AttributeSet attrs)  
72.  {  
73.   super(context,attrs);  
74.   mPaint = new Paint();  
75.     
76.   TypedArray a = context.obtainStyledAttributes(attrs,  
77.     R.styleable.MyView);  
78.     
79.   int textColor = a.getColor(R.styleable.MyView_textColor,  
80.     0XFFFFFFFF);  
81.   float textSize = a.getDimension(R.styleable.MyView_textSize, 36);  
82.     
83.   mPaint.setTextSize(textSize);  
84.   mPaint.setColor(textColor);  
85.     
86.   a.recycle();  
87.  }  
88.  @Override 
89.  protected void onDraw(Canvas canvas) {  
90.   // TODO Auto-generated method stub  
91.   super.onDraw(canvas);  
92.   //设置填充  
93.   mPaint.setStyle(Style.FILL);  
94.     
95.   //画一个矩形,前俩个是矩形左上角坐标，后面俩个是右下角坐标  
96.   canvas.drawRect(new Rect(10, 10, 100, 100), mPaint);  
97.     
98.   mPaint.setColor(Color.BLUE);  
99.   //绘制文字  
100.   canvas.drawText(mString, 10, 110, mPaint);  
101.  }  
102. }  

 

三、将我们自定义的MyView 加入布局main.xml 文件中，平且使用自定义属性,自定义属性必须加上:

      xmlns:test =" http://schemas.android.com/apk/res/com.android.tutor "蓝色 是自定义属性的前缀，红色 是我们包名.

main.xml 全部代码如下:

view plaincopy to clipboardprint?
<?xml   
version="1.0" encoding="utf-8"?>  
<LinearLayout   
xmlns:android=" http://schemas.android.com/apk/res/android" 
                
xmlns:test=" http://schemas.android.com/apk/res/com.android.tutor" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    >  
<TextView    
    android:layout_width="fill_parent"   
    android:layout_height="wrap_content"   
    android:text="@string/hello" 
    />  
<com.android.tutor.MyView  
    android:layout_width="fill_parent"   
    android:layout_height="fill_parent"   
    test:textSize="20px" 
    test:textColor="#fff" 
/>  
</LinearLayout> 
<?xml
version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android=" http://schemas.android.com/apk/res/android"
             
xmlns:test=" http://schemas.android.com/apk/res/com.android.tutor"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView 
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello"
    />
<com.android.tutor.MyView
 android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    test:textSize="20px"
    test:textColor="#fff"
/>
</LinearLayout>
 

四、运行之效果如下图:

今天就到此结束，大家有什么疑问的，请留言，我会及时答复大家!谢谢~

 

本文出自 “Android_Tutor” 博客，请务必保留此出处http://weizhulin.blog.51cto.com/1556324/311453