Android自定义View圆形和拖动圆跟随手指拖动

2019-10-22 18:23:57

字体：大中小

来源：转载

供稿：网友

单纯的自定义一个圆非常简单只需要几步就完成拖动圆添加实现触摸事件即可

我在第一次自定义View圆遇到的小问题：

1.拖动圆的话在xml里面设置的自定义圆的宽和高是它能活动的空间的大小不是圆控件的大小如果你定义了100dp 拖动它的时候超过100dp这个距离这个圆就会看不见就像下面这样如果想活动于整个屏幕直接给宽和高match_parent属性就好了

Android,View,拖动

2.在布局里自定的view会提示编译点击Build编译一下就好了

Android,View,拖动

下面开始写代码：先是单纯的创建一个圆形创建一个类继承View 实现onDraw方法

public class CustomView extends View {  //创建point对象 参数为x坐标和y坐标  private PointF point = new PointF(100, 100);  public CustomView(Context context) {    super(context);  }  public CustomView(Context context, @Nullable AttributeSet attrs) {    super(context, attrs);  }  public CustomView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);  }  @Override  protected void onDraw(Canvas canvas) {    super.onDraw(canvas);    //参数为圆的横坐标 ,纵坐标,半径,创建     //如果圆形出不来 说明你xml里定义的宽和高的空间不够大 这里是圆在屏幕的坐标位置 xml定义的是圆能够显示的区域 如果你定义的太小 圆的坐标又超过了这个区域 就会显示不出来 xml里定义宽和高充满屏幕就可以了      canvas.drawCircle(point.x,point.y, 50, new Paint());  }}

XML里、自己定义的view类的名字：

 <ydtx.bwie.com.xiangmu_project02.CustomView    android:layout_width="match_parent"    android:layout_height="match_parent" />

一个圆就这样创建好了直接运行就可以了 ManActivity里什么也不用改

@Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);  }

下面是添加拖动圆的功能非常简单实现触摸监听即可代码非常少如下：

public class CustomView extends View {  //创建point对象 参数为x坐标和y坐标  private PointF point = new PointF(100, 100);  public CustomView(Context context) {    super(context);  }  public CustomView(Context context, @Nullable AttributeSet attrs) {    super(context, attrs);  }  public CustomView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);  }  @Override  protected void onDraw(Canvas canvas) {    super.onDraw(canvas);    //参数为圆的横坐标 ,纵坐标,半径,创建    //如果圆形出不来 说明你xml里定义的宽和高的空间不够大 这里是圆在屏幕的坐标位置 xml定义的是圆能够显示的区域 如果你定义的太小 圆的坐标又超过了这个区域 就会显示不出来 xml里定义宽和高充满屏幕就可以了     canvas.drawCircle(point.x,point.y, 50, new Paint());  }  //触摸事件  @Override  public boolean onTouchEvent(MotionEvent event) {    //获得触摸事件    switch (event.getAction()) {      case MotionEvent.ACTION_DOWN:        break;      //ACTION_MOVE不要设置break，否则圆形不会跟随手指活动 只会手指松开屏幕的时候圆形直接到了屏幕停止的位置      case MotionEvent.ACTION_MOVE:      case MotionEvent.ACTION_UP:        //获取手指触摸位置的x坐标        point.x = event.getX();        //获取手指触摸位置的y坐标        point.y = event.getY();        //启动        postInvalidate();        break;    }    return true;  }}

这样圆就跟随手指的活动而动了，快试试吧。

注：相关教程知识阅读请移步到Android开发频道。

上一篇：[Alibaba-ARouter]浅谈简单好用的Android页面路由框架

下一篇：Android中Glide库的使用小技巧总结