快捷導(dǎo)航

Android自定義View圓形和拖動(dòng)圓、跟隨手指拖動(dòng)效果

更新時(shí)間：2017年09月18日 09:06:42 作者：贏le

單純的自定義一個(gè)圓非常簡(jiǎn)單只需要幾步就完成拖動(dòng)圓添加實(shí)現(xiàn)觸摸事件即可。接下來(lái)通過(guò)本文給大家分享Android自定義View圓形和拖動(dòng)圓、跟隨手指拖動(dòng)效果，感興趣的朋友一起看看吧

單純的自定義一個(gè)圓非常簡(jiǎn)單只需要幾步就完成拖動(dòng)圓添加實(shí)現(xiàn)觸摸事件即可

我在第一次自定義View圓遇到的幾個(gè)Bug：

1.拖動(dòng)圓的話在xml里面設(shè)置的自定義圓的寬和高是它能活動(dòng)的空間的大小不是圓控件的大小如果你定義了100dp 拖動(dòng)它的時(shí)候超過(guò)100dp這個(gè)距離這個(gè)圓就會(huì)看不見(jiàn) 就像下面這樣如果想活動(dòng)于整個(gè)屏幕直接給寬和高match_parent屬性就好了

這里寫(xiě)圖片描述

2.我在定義充滿屬性match_parent的時(shí)候運(yùn)行會(huì)報(bào)錯(cuò)，什么方法都用了就是不行,耐心等待過(guò)一會(huì)就好了…有可能是studio沒(méi)來(lái)得及編譯過(guò)來(lái)

下面開(kāi)始寫(xiě)代碼：先是單純的創(chuàng)建一個(gè)圓形創(chuàng)建一個(gè)類繼承View 實(shí)現(xiàn)onDraw方法

public class CustomView extends View {
 //創(chuàng)建point對(duì)象 參數(shù)為x坐標(biāo)和y坐標(biāo)
 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);
  //參數(shù)為圓的橫坐標(biāo) ,縱坐標(biāo),半徑,創(chuàng)建
  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" />

一個(gè)圓就這樣創(chuàng)建好了直接運(yùn)行就可以了 ManActivity里什么也不用改

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

下面是添加拖動(dòng)圓的功能非常簡(jiǎn)單實(shí)現(xiàn)觸摸監(jiān)聽(tīng)即可代碼非常少如下：

public class CustomView extends View {
 //創(chuàng)建point對(duì)象 參數(shù)為x坐標(biāo)和y坐標(biāo)
 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);
  //參數(shù)為圓的橫坐標(biāo) ,縱坐標(biāo),半徑,創(chuàng)建 
  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不要設(shè)置break，否則圓形不會(huì)跟隨手指活動(dòng) 只會(huì)手指松開(kāi)屏幕的時(shí)候圓形直接到了屏幕停止的位置
   case MotionEvent.ACTION_MOVE:
   case MotionEvent.ACTION_UP:
    //獲取手指觸摸位置的x坐標(biāo)
    point.x = event.getX();
    //獲取手指觸摸位置的y坐標(biāo)
    point.y = event.getY();
    //啟動(dòng)
    postInvalidate();
    break;
  }
  return true;
 }
}

總結(jié)

以上所述是小編給大家介紹的Android自定義View圓形和拖動(dòng)圓、跟隨手指拖動(dòng)效果，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: