导航

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

Posted on 2011-05-17 15:41  NCUT蓝色理想  阅读(74154)  评论(2)  编辑  收藏  举报

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. }  

 

相应的属性文件：

 

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>  

 

在布局文件中的使用：

 

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>