此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

您现在的位置: 智可网 - 程序开发 - Android开发 - android高级开发 - 正文
Android高手进阶教程(四)之----Android 中自定义属性(attr.xml,TypedArray)的使用
教程录入:admin    责任编辑:quan 作者:佚名 文章来源:weizhulin.blog.51cto
今天我们的教程是根据前面一节扩展进行的,如果你没有看,请点击 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 MyVIEextends 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(1010100100), mPaint);     
  46.              
  47.         mPaint.setColor(Color.BLUE);     
  48.         //绘制文字     
  49.         canvas.drawText(mString, 10110, 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 MyVIEextends 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(1010100100), mPaint);  
  97.     
  98.   mPaint.setColor(Color.BLUE);  
  99.   //绘制文字  
  100.   canvas.drawText(mString, 10110, 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"
    >
<TextVIE 
    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>
 
四、运行之效果如下图:
今天就到此结束,大家有什么疑问的,请留言,我会及时答复大家!谢谢~
分享
打赏我
打开支付宝"扫一扫" 打开微信"扫一扫"
客户端
"扫一扫"下载智可网App
意见反馈
Android高手进阶教程(四)之----Android 中自定义属性(attr.xml,TypedArray)的使用
作者:佚名 来源:weizhulin.blog.51cto
今天我们的教程是根据前面一节扩展进行的,如果你没有看,请点击 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 MyVIEextends 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(1010100100), mPaint);     
  46.              
  47.         mPaint.setColor(Color.BLUE);     
  48.         //绘制文字     
  49.         canvas.drawText(mString, 10110, 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 MyVIEextends 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(1010100100), mPaint);  
  97.     
  98.   mPaint.setColor(Color.BLUE);  
  99.   //绘制文字  
  100.   canvas.drawText(mString, 10110, 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"
    >
<TextVIE 
    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>
 
四、运行之效果如下图:
今天就到此结束,大家有什么疑问的,请留言,我会及时答复大家!谢谢~