自定义View(一)，初识自定义View

最新推荐文章于 2024-11-07 10:40:42 发布

weixin_30908707

最新推荐文章于 2024-11-07 10:40:42 发布

阅读量68

点赞数

文章标签：移动开发 ui java

原文链接：http://www.cnblogs.com/xs104/p/5393765.html

版权

看了无数资料，总结一下自定义View
先明白一个自定义View的三大流程

onMeasure()
测量,决定View的大小
onLayout()
布局,决定View在ViewGroup中的位置
onDraw()
绘制,画出这个View的内容

这三个方法都存在于View类中，我们自定义View需要针对这三个方法做出修改来达到我们需要的目标或功能
先来一个最基本的例子，我们单纯的画一个圆，我们只需修改onDraw()方法即可
MyCustomVew.java

 
     public class MyCustomView extends View {  
       
 public MyCustomView(Context context, AttributeSet attrs, int defStyleAttr) {  
       
 super(context, attrs, defStyleAttr);  
       
 // TODO Auto-generated constructor stub  
       
 }  
       
 public MyCustomView(Context context, AttributeSet attrs) {  
       
 super(context, attrs);  
       
 // TODO Auto-generated constructor stub  
       
 }  
       
 public MyCustomView(Context context) {  
       
 super(context);  
       
 // TODO Auto-generated constructor stub  
       
 }  
       
 @Override  
       
 protected void onDraw(Canvas canvas) {  
       
 // TODO Auto-generated method stub  
       
 super.onDraw(canvas);  
       
 // 实例化画笔并打开抗锯齿  
       
 Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);  
       
 // 设置画笔颜色  
       
 paint.setColor(Color.RED);  
       
 /**  
       
 * 画笔样式分三种：   
       
 * 1.Paint.Style.STROKE：描边   
       
 * 2.Paint.Style.FILL_AND_STROKE：描边并填充  
       
 * 3.Paint.Style.FILL：填充 既然是画圆，那么就选择样式为描边  
       
 */  
       
 paint.setStyle(Paint.Style.STROKE);  
       
 /*  
       
 * 设置描边的粗细，单位：像素px 注意：当setStrokeWidth(0)的时候描边宽度并不为0而是只占一个像素  
       
 */  
       
 paint.setStrokeWidth(10);  
       
 // 参数含义依次为：圆心X坐标、圆心Y坐标、圆半径、画笔  
       
 canvas.drawCircle(500, 500, 200, paint);  
       
 }  
       
}

在Activity的布局文件中引入这个自定义View

 
     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
       
 xmlns:app="http://schemas.android.com/apk/res-auto"  
       
 android:id="@+id/main_root_ll"  
       
 android:layout_width="match_parent"  
       
 android:layout_height="match_parent"  
       
 android:orientation="vertical" >  
       
 <com.example.testcustomview.MyCustomView  
       
 android:id="@+id/main_cv"  
       
 android:layout_width="match_parent"  
       
 android:layout_height="match_parent" />  
       
</LinearLayout>

运行结果如下
enter description here
如果我们想要让这个圆动起来呢？我们只要不断的去修改onDraw()不断的绘制就可以了
譬如我们想要画一个由小到大的实心圆，我们需要做的就是不断的改变的半径
MyCustomView

 
     public class MyCustomView extends View implements Runnable {  
       
 private int radiu;// 圆的半径  
       
 private Paint paint;  
       
 public MyCustomView(Context context, AttributeSet attrs) {  
       
 super(context, attrs);  
       
 initPaint();  
       
 }  
       
 public MyCustomView(Context context) {  
       
 this(context, null);  
       
 }  
       
 public void initPaint() {  
       
 paint = new Paint(Paint.ANTI_ALIAS_FLAG);  
       
 // 设置画笔颜色  
       
 paint.setColor(Color.RED);  
       
 /**  
       
 * 画笔样式分三种： 1.Paint.Style.STROKE：描边 2.Paint.Style.FILL_AND_STROKE：描边并填充  
       
 * 3.Paint.Style.FILL：填充 既然是画圆，那么就选择样式为描边  
       
 */  
       
 paint.setStyle(Paint.Style.FILL_AND_STROKE);  
       
 /*  
       
 * 设置描边的粗细，单位：像素px 注意：当setStrokeWidth(0)的时候描边宽度并不为0而是只占一个像素  
       
 */  
       
 paint.setStrokeWidth(10);  
       
 }  
       
 @Override  
       
 protected void onDraw(Canvas canvas) {  
       
 // TODO Auto-generated method stub  
       
 super.onDraw(canvas);  
       
 canvas.drawCircle(500, 500, radiu, paint);  
       
 }  
       
 @Override  
       
 public void run() {  
       
 while (radiu <= 200) {  
       
 try {  
       
 radiu += 10;  
       
 Thread.sleep(300);  
       
 //刷新View  
       
 postInvalidate();  
       
 } catch (InterruptedException e) {  
       
 // TODO Auto-generated catch block  
       
 e.printStackTrace();  
       
 }  
       
 }  
       
 }  
       
}