自定义View——设计规则图形及其属性

思路

绘制自定义形状时（圆和矩形）在继承View的同时还得重写一些方法如

onMeasure 测量onSizeChanged 获取到测量的属性onLayout 布局onDraw 绘制 基本的思路是通过onMeasure 我们可以获取到onSizeChanged里的布局大小之类的然后在onDraw里面绘制，既然是绘制以我们正常的思路肯定需要笔，需要勾勒出边框，需要填充整个布局，对于自定义View也是 如此所以这里我们便需要 Region（绘制的区域）， Path （绘制的路径），paint（笔）。 到这里我们的基本方法以及所需要的类就基本上了解了

开始绘制

到这我们就可以用代码来实现我们需要的效果了：

public class MyView extends View { // 画一个圆所要用到的工具 Region region;//绘制的区域 Path path;//绘制的路径 Paint paint;//画笔 private int x,y; public MyView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); init(); } // 实例化要用到的工具 private void init() { region=new Region(); path=new Path(); paint=new Paint(); } //测量 @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); } // 获取到测量的结果 @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); // 设置圆形 x=w/2; y=h/2; path.addCircle(x,y,100, Path.Direction.CW);//依次是 圆心坐标，半径，绘制方向 Region region1 = new Region(0, 0, w, h);//设置我们描绘的圆显示在该区域（也就是整个手机屏幕） region.setPath(path,region1);//绘制的图形 region要显示的面上 } // 布局 @Override protected void onLayout(boolean changed, int left, int top, int right, int bottom) { super.onLayout(changed, left, top, right, bottom); } // 绘制 @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); paint.setColor(Color.RED); canvas.drawPath(path,paint); } }

在布局文件中

<com.example.administrator.huayuan.MyView android:id="@+id/list" android:layout_width="match_parent" android:layout_height="match_parent" />

代码的注解也详细的写了每一步的意思 效果 可见这里我们绘制了一个颜色为红色的圆形图，但是如何我们想要对这个圆设置自己的颜色，以及我们想要的点击事件处理效果呢？

完善圆的自定义属性以及点击事件

我们试着想一下如何才能获取圆的点击事件。肯定得获取焦点啊，因为获取到焦点才能执行事件的处理操作。所以这里我们还要重写一个onTouchEvent方法，当获取到焦点时，就可以处理自己的点击事件了。 效果如下 所以这里继续完善我们上面的代码 在MyView里面添加

// 定义传值的方法 public void getListener(setOnclickListener listener){ this.listener=listener; } // 触摸圆的方法 @Override public boolean onTouchEvent(MotionEvent event) { // 获取触摸点的位置 int x =(int)event.getX(); int y =(int)event.getY(); // 如果是按下的话 if (event.getAction()==MotionEvent.ACTION_DOWN){ if (region.contains(x,y)){ listener.Circleinner(); }else { listener.Circleouter(); } } return super.onTouchEvent(event); } // 定义点击事件的接口 public interface setOnclickListener{ void Circleinner(); void Circleouter(); }

在MainActivity里面

public class MainActivity extends AppCompatActivity implements MyView.setOnclickListener { private MyView myView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); myView= (MyView) findViewById(R.id.list); myView.getListener(this); } @Override public void Circleinner() { Toast.makeText(MainActivity.this,"点击圆内",Toast.LENGTH_SHORT).show(); } @Override public void Circleouter() { Toast.makeText(MainActivity.this,"点击圆外",Toast.LENGTH_SHORT).show(); } }

到这里就完成了。 自定义属性 当然我们的圆还有缺陷，比如要自定义圆的颜色以及圆的大小呢？这里就需要用到自定义属性了，对于如何自定义属性以及对上面写接口监听不了解的可以看 http://blog.csdn.net/qiaoshi96_bk/article/details/76685570

问题

不知道大家想过没如果要实现类似下图的效果 就是矩形内是一种监听，在矩形外圆内也是一种监听，而在圆外又是一种监听。 其实也不难实现，只是在圆的上面覆盖了矩形而已，所以我们只有依次判断在矩形内和在圆内就可以了，因为圆在矩形上的焦点已经被矩形覆盖了。