Android自定义View之一：初探实例

Android自定义View实现很简单

继承View，重写构造函数、onDraw，（onMeasure）等函数。

如果自定义的View需要有自定义的属性，需要在values下建立attrs.xml。在其中定义你的属性。

在使用到自定义View的xml布局文件中需要加入xmlns:前缀="http://schemas.android.com/apk/res/你的自定义View所在的包路径".

在使用自定义属性的时候，使用前缀：属性名，如my:textColor="#FFFFFFF"。

实例：

 

view plaincopy to clipboardprint?

1. package demo.view.my;   
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.Paint.Style;   
8. import android.util.AttributeSet;   
9. import android.view.View;   
10. /**  
11.  * 这个是自定义的TextView.  
12.  * 至少需要重载构造方法和onDraw方法  
13.  * 对于自定义的View如果没有自己独特的属性，可以直接在xml文件中使用就可以了  
14.  * 如果含有自己独特的属性，那么就需要在构造函数中获取属性文件attrs.xml中自定义属性的名称  
15.  * 并根据需要设定默认值，放在在xml文件中没有定义。  
16.  * 如果使用自定义属性，那么在应用xml文件中需要加上新的schemas，  
17.  * 比如这里是xmlns:my="http://schemas.android.com/apk/res/demo.view.my"  
18.  * 其中xmlns后的“my”是自定义的属性的前缀，res后的是我们自定义View所在的包  
19.  * @author Administrator  
20.  *  
21.  */  
22. public class MyView extends View {   
23.        
24.     Paint mPaint; //画笔,包含了画几何图形、文本等的样式和颜色信息   
25.     public MyView(Context context) {   
26.         super(context);   
27.            
28.     }   
29.        
30.     public MyView(Context context, AttributeSet attrs){   
31.         super(context, attrs);   
32.         mPaint = new Paint();   
33.         //TypedArray是一个用来存放由context.obtainStyledAttributes获得的属性的数组   
34.         //在使用完成后，一定要调用recycle方法   
35.         //属性的名称是styleable中的名称+“_”+属性名称   
36.         TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.MyView);   
37.         int textColor = array.getColor(R.styleable.MyView_textColor, 0XFF00FF00); //提供默认值，放置未指定   
38.         float textSize = array.getDimension(R.styleable.MyView_textSize, 36);   
39.         mPaint.setColor(textColor);   
40.         mPaint.setTextSize(textSize);   
41.            
42.         array.recycle(); //一定要调用，否则这次的设定会对下次的使用造成影响   
43.     }   
44.        
45.     public void onDraw(Canvas canvas){   
46.         super.onDraw(canvas);   
47.         //Canvas中含有很多画图的接口，利用这些接口，我们可以画出我们想要的图形   
48.         //mPaint = new Paint();   
49.         //mPaint.setColor(Color.RED);   
50.         mPaint.setStyle(Style.FILL); //设置填充   
51.         canvas.drawRect(10, 10, 100, 100, mPaint); //绘制矩形   
52.            
53.         mPaint.setColor(Color.BLUE);   
54.         canvas.drawText("我是被画出来的", 10, 120, mPaint);   
55.     }   
56. }  

package demo.view.my; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Paint.Style; import android.util.AttributeSet; import android.view.View; /** * 这个是自定义的TextView. * 至少需要重载构造方法和onDraw方法 * 对于自定义的View如果没有自己独特的属性，可以直接在xml文件中使用就可以了 * 如果含有自己独特的属性，那么就需要在构造函数中获取属性文件attrs.xml中自定义属性的名称 * 并根据需要设定默认值，放在在xml文件中没有定义。 * 如果使用自定义属性，那么在应用xml文件中需要加上新的schemas， * 比如这里是xmlns:my="http://schemas.android.com/apk/res/demo.view.my" * 其中xmlns后的“my”是自定义的属性的前缀，res后的是我们自定义View所在的包 * @author Administrator * */ public class MyView extends View { Paint mPaint; //画笔,包含了画几何图形、文本等的样式和颜色信息 public MyView(Context context) { super(context); } public MyView(Context context, AttributeSet attrs){ super(context, attrs); mPaint = new Paint(); //TypedArray是一个用来存放由context.obtainStyledAttributes获得的属性的数组 //在使用完成后，一定要调用recycle方法 //属性的名称是styleable中的名称+“_”+属性名称 TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.MyView); int textColor = array.getColor(R.styleable.MyView_textColor, 0XFF00FF00); //提供默认值，放置未指定 float textSize = array.getDimension(R.styleable.MyView_textSize, 36); mPaint.setColor(textColor); mPaint.setTextSize(textSize); array.recycle(); //一定要调用，否则这次的设定会对下次的使用造成影响 } public void onDraw(Canvas canvas){ super.onDraw(canvas); //Canvas中含有很多画图的接口，利用这些接口，我们可以画出我们想要的图形 //mPaint = new Paint(); //mPaint.setColor(Color.RED); mPaint.setStyle(Style.FILL); //设置填充 canvas.drawRect(10, 10, 100, 100, mPaint); //绘制矩形 mPaint.setColor(Color.BLUE); canvas.drawText("我是被画出来的", 10, 120, mPaint); } }

 

相应的属性文件：

 

view plaincopy to clipboardprint?

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>  

<?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>

 

在布局文件中的使用：

 

view plaincopy to clipboardprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
3.               xmlns:my="http://schemas.android.com/apk/res/demo.view.my"    
4.     android:orientation="vertical"  
5.     android:layout_width="fill_parent"  
6.     android:layout_height="fill_parent"  
7.     >  
8.        
9.     <demo.view.my.MyView  
10.         android:layout_width="fill_parent"  
11.         android:layout_height="wrap_content"    
12.         my:textColor="#FFFFFFFF"    
13.         my:textSize="22dp"  
14.         />  
15. </LinearLayout>