Android自定义view实现拖动小球移动

 更新时间:2020年11月26日 15:54:11   作者:weixin_33670786  
这篇文章主要为大家详细介绍了Android自定义view实现拖动小球移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

Android应用界面中可以看得见的都是由一个个的View所组成的,几乎所有的可视的控件都是基于View写的。在View中提供了对touch也就是手势的捕获和传递,我们可以对View里面手势的重写来达到我们所需要的特性。比如说我们现在要做一款游戏,内容很简单,就是要实现让如图所示的一个黑色的小球在根据手指移动而在手机屏幕内移动。

我们可以重写View里面的public boolean onTouchEvent(MotionEvent event)方法,来获取到所有的手势操作,再从中选择出所需要的手势进行操作。

所以可以得到如下的一段代码:

/**
 * Created by obo on 15/8/21.
 */
public class TouchView extends View{
 
  public static String TAG = TouchView.class.getCanonicalName();
  //当前小球的位置
  private PointF currrentPosition = new PointF(100,100);
  //手指触摸起点坐标
  private PointF moveStartPosition = new PointF(0,0);
  //当前手指位置坐标
  private PointF moveEndPosition = new PointF(0,0);
 
  private Context context;
 
  public TouchView(Context context, AttributeSet attrs) {
    super(context, attrs);
    this.context = context;
  }
 
  @Override
  public void onDraw(Canvas canvas)
  {
    super.onDraw(canvas);
    canvas.drawCircle(currrentPosition.x + (moveEndPosition.x - moveStartPosition.x),currrentPosition.y+(moveEndPosition.y - moveStartPosition.y),50,new Paint());
  }
 
  @Override
  public boolean onTouchEvent(MotionEvent event) {
 
    switch (event.getActionMasked())
    {
      case MotionEvent.ACTION_DOWN:
        moveStartPosition.x = event.getX();
        moveStartPosition.y = event.getY();
        break;
      case MotionEvent.ACTION_MOVE:
        moveEndPosition.x = event.getX();
        moveEndPosition.y = event.getY();
        //刷新
        this.postInvalidate();
        break;
 
      case MotionEvent.ACTION_UP:
        currrentPosition.x += (moveEndPosition.x - moveStartPosition.x);
        currrentPosition.y += (moveEndPosition.y - moveStartPosition.y);
        moveStartPosition.x = moveEndPosition.x;
        moveStartPosition.y = moveEndPosition.y;
        break;
      default:
    }
    return true;
  }
}

可以看到当前onTouchEvent方法返回ture,表明这个View是要对当前手势操作进行捕获的,这里包括 按下、移动和抬起等相关操作,如果返回的是false的话,只会接收到第一次的一个ACTION_DOWN也就是按下的响应,之后的移动手势和抬起的手势都无法获取到。

方法onTouchEvent里面做了三件事情:1.当用户手指按下的时候,初始化记录下开始按下的坐标,并立即返回不需要刷新界面。2.当用户移动手指的时候,记录用户手指的位置,并且重新刷新界面。3.当用户退出手势也就是抬起手指的时候,将位移赋值给基础坐标点,并让手势起点坐标和手势终点坐标x、y相等(清零)。

而如果使用Matrix的话将会使整个过程变得更加简单,只需要事先得到小球的bitmap就能使用matrix对小球进行包括 位移、形变、旋转在内的变换,这里只使用matrix的位移变换效果,具体实现代码如下:

/**
 * Created by obo on 15/8/26.
 */
public class MatrixView extends View {
 
  public final static String TAG = MatrixView.class.getCanonicalName();
  //bitmap运行矩阵
  Matrix matrix = new Matrix();
  //记录点
  PointF startPoint = new PointF();
  //自定义bitmap
  Bitmap bitmap = Bitmap.createBitmap(100,100, Bitmap.Config.ARGB_8888);
 
  public MatrixView(Context context, AttributeSet attrs) {
    super(context, attrs);
 
    Canvas canvas = new Canvas(bitmap);
    //直接在bitmap上面绘制一个小球
    canvas.drawCircle(50,50,50,new Paint());
  }
 
  @Override
  public void onDraw(Canvas canvas)
  {
    super.onDraw(canvas);
 
    canvas.drawBitmap(bitmap, matrix, new Paint());
  }
 
  @Override
  public boolean onTouchEvent(MotionEvent event)
  {
    super.onTouchEvent(event);
 
    if (event.getActionMasked() == MotionEvent.ACTION_MOVE)
    {
      matrix.postTranslate(event.getX() - startPoint.x, event.getY() - startPoint.y );
      //刷新
      this.postInvalidate();
    }
 
    startPoint.x = event.getX();
    startPoint.y = event.getY();
 
    return true;
 
  }
}

这一块的代码实现的效果和先前的一样,增加了Matrix变量,少了一个PointF变量,同时在onTouchEvent和onDraw方法中的代码量也降低了一些。Matrix其实是一个3X3的矩阵,使用Matrix可以一步步积累变换的操作,无论对matrix操作多少次,其对图片的处理复杂度都是固定不变的,并且能对图片进行快速的变换,这就是使用matrix的带来的好处。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android 测量文字宽度的实例方法

    Android 测量文字宽度的实例方法

    在本篇文章里小编给大家整理了关于Android 测量文字宽度的实例方法,需要的朋友们可以参考学习下。
    2020-02-02
  • 详谈Android中onTouch与onClick事件的关系(必看)

    详谈Android中onTouch与onClick事件的关系(必看)

    下面小编就为大家带来一篇详谈Android中onTouch与onClick事件的关系(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • Android定时器和倒计时实现淘宝秒杀功能

    Android定时器和倒计时实现淘宝秒杀功能

    这篇文章主要为大家详细介绍了Android定时器和倒计时实现淘宝秒杀功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-02-02
  • Android自定义view实现滑动解锁九宫格控件

    Android自定义view实现滑动解锁九宫格控件

    这篇文章主要介绍了Android自定义view实现滑动解锁九宫格控件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-02-02
  • Android中Parcelable的使用详解

    Android中Parcelable的使用详解

    Serializable是Java为我们提供的一个标准化的序列化接口。而Parcelable是Android为我们提供的序列化的接口。 这篇文章主要介绍了Android中Parcelable的使用 ,需要的朋友可以参考下
    2019-06-06
  • Android View滑动的实现分析示例

    Android View滑动的实现分析示例

    View滑动是Android实现自定义控件的基础,同时在开发中难免会遇到View的滑动处理,其实不管是那种滑动方法,基本思路是类似的;当点击事件传到View时,系统记下触摸点的坐标,手指移动时系统记下移动后的左边并算出偏移量,通过偏移量来修改View的坐标
    2022-08-08
  • Android--SQLite(增,删,改,查)操作实例代码

    Android--SQLite(增,删,改,查)操作实例代码

    Android--SQLite(增,删,改,查)操作实例代码,需要的朋友可以参考一下
    2013-02-02
  • android studio实现计算器

    android studio实现计算器

    这篇文章主要为大家详细介绍了android studio实现计算器的具体方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • Android仿京东快报信息滚动效果

    Android仿京东快报信息滚动效果

    这篇文章主要为大家详细介绍了Android仿京东快报信息滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-02-02
  • Android应用借助LinearLayout实现垂直水平居中布局

    Android应用借助LinearLayout实现垂直水平居中布局

    这篇文章主要介绍了Android应用借助LinearLayout实现垂直水平居中布局的方法,文中列举了LinearLayout线性布局下居中相关的几个重要参数,需要的朋友可以参考下
    2016-04-04

最新评论