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

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

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

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

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

[java] view plain copy print ?
  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> 
一、在res/values文件下定义一个attrs.xml文件.代码如下: <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="MyView"> <attr name="textColor" format="color" /> <attr name="textSize" format="dimension" /> </declare-styleable> </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()方法,为了保持以后使用该属性一致性!

[java] view plain copy print ?
  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.     } 
public MyView(Context context,AttributeSet attrs) { super(context,attrs); mPaint = new Paint(); TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.MyView); int textColor = a.getColor(R.styleable.MyView_textColor, 0XFFFFFFFF); float textSize = a.getDimension(R.styleable.MyView_textSize, 36); mPaint.setTextSize(textSize); mPaint.setColor(textColor); a.recycle(); }

MyView.java全部代码如下:

[java] view plain copy print ?
  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.     } 
package com.android.tutor; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Rect; import android.graphics.Paint.Style; import android.util.AttributeSet; import android.view.View; public class MyView extends View { private Paint mPaint; private Context mContext; private static final String mString = "Welcome to Mr Wei's blog"; public MyView(Context context) { super(context); mPaint = new Paint(); } public MyView(Context context,AttributeSet attrs) { super(context,attrs); mPaint = new Paint(); TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.MyView); int textColor = a.getColor(R.styleable.MyView_textColor, 0XFFFFFFFF); float textSize = a.getDimension(R.styleable.MyView_textSize, 36); mPaint.setTextSize(textSize); mPaint.setColor(textColor); a.recycle(); } @Override protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub super.onDraw(canvas); //设置填充 mPaint.setStyle(Style.FILL); //画一个矩形,前俩个是矩形左上角坐标,后面俩个是右下角坐标 canvas.drawRect(new Rect(10, 10, 100, 100), mPaint); mPaint.setColor(Color.BLUE); //绘制文字 canvas.drawText(mString, 10, 110, mPaint); } }

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

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

main.xml全部代码如下:

[java] view plain copy print ?
  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> 
<?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高手进阶教程(四)之----Android 中自定义属性(attr.xml,TypedArray)的使用!)