失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > Iwfu-安卓Gesture手势(2)-实现多点触控控制图片的放大缩小。

Iwfu-安卓Gesture手势(2)-实现多点触控控制图片的放大缩小。

时间:2022-05-06 23:14:21

相关推荐

Iwfu-安卓Gesture手势(2)-实现多点触控控制图片的放大缩小。

上一篇介绍安卓Gesture手势初步使用,这一篇用Gesture来实现多点触控达到控制图片放大缩小。

上文中写道,进行手势监听的Activity要实现对应的OnGestureListener接口,重写其中的几个方法,其中最关键的两个方法:

@Override/* 手指滑动触发 */public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,float distanceY) {return false;}@Override/* 手指抛掷(快速划屏幕后松开) */public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) {return false;}

这两个方法都传入了四个参数,分别代表:

e1: 第一个按下时的事件,可以当做第一次按下时的点

e2: 移动时的事件,分别用于触发scroll和fling

在onScroll中;

dsitanceX表示每次滑动的X方向的偏移量

dsitanceY表示每次滑动的Y方向的偏移量

在onFling中:

velocityX表示X方向的速度

velocityY表示Y方向的速度

知道了这个以后,我们要实现多点触控,那么怎么获取触摸时的多个点呢,这里有一个坑,大部分人认为是通过onScroll的e1.getPointCount( ),测试以后会发现,触摸点永远是1,其实e1代表的是第一个触摸到屏幕的那个手指的事件,即使你看上去两个手指是同时按下的,也有一个手指是最先碰到屏幕的,而这个手指就产生了这个MotionEvent e1,所以触摸点数永远是1。

真正的做法是,在onScroll()中使用

e2.getPointCount( )

来获取触摸点的数量,一般来说控制图片的放大缩小两个点就够了,这里以两个触摸点为例。

获取到触摸点以后,接下来就通过获取到的触摸点来判断监听事件,对图片进行相关操作.一般我们使用相册什么的对图片进行放大缩小是用两根手指,根据两点的距离变化来判断是要放大还是要缩小图片,其中对于的手指滑动的手势,会回调我们的onScroll和onFling,其中onScroll会随着手指滑动一直调用,就类似onTouch里监听到MotionEvent为Action_Move一样。所以我们重点重写这两个方法,并通过一个全局变量来保存每次滑动的距离,方便比较大小。

先贴代码,然后总结下里面容易踩到的坑。

代码:

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="/apk/res/android"xmlns:tools="/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"tools:context="com.chan.gesturepointstouch.MainActivity"><ImageView android:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/iv"android:layout_centerInParent="true"android:src="@mipmap/ic_launcher"/></RelativeLayout>

MainActivity:

package com.chan.gesturepointstouch;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.util.Log;import android.view.GestureDetector;import android.view.MotionEvent;import android.widget.ImageView;import android.widget.RelativeLayout;import android.widget.Toast;/*** 多点触控 ,控制图片缩放*/public class MainActivity extends AppCompatActivity implements GestureDetector.OnGestureListener {private GestureDetector detector;private ImageView iv;private float lastDistance = -1f;// 记录上一次两点的距离@Overrideprotected void onCreate (Bundle savedInstanceState) {super.onCreate (savedInstanceState);setContentView (R.layout.activity_main);detector = new GestureDetector (this, this);iv = (ImageView) findViewById (R.id.iv);}@Overridepublic boolean onTouchEvent (MotionEvent event) {return detector.onTouchEvent (event);}@Overridepublic boolean onDown (MotionEvent e) {// 每次按下后重新复位-1flastDistance = -1f;return false;}@Overridepublic void onShowPress (MotionEvent e) {}@Overridepublic boolean onSingleTapUp (MotionEvent e) {return false;}@Overridepublic boolean onScroll (MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {// 从e2获取触点数量int pointCount = e2.getPointerCount ();if (pointCount == 2) {float deltaX = e2.getX (1) - e2.getX (0);float deltaY = e2.getY (1) - e2.getY (0);float distance = (float) Math.sqrt (deltaX * deltaX + deltaY * deltaY);// 误差值float slop = 5;RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) iv.getLayoutParams ();if (lastDistance < 0) {lastDistance = distance;} else {// 真正的比较if (distance - lastDistance > slop) {// 放大,最大放大到500Log.d ("tag", "放大");if (layoutParams.width < 800) {layoutParams.width = (int) (iv.getWidth () * 1.1f);layoutParams.height = (int) (iv.getHeight () * 1.1f);iv.setLayoutParams (layoutParams);} else {Toast.makeText (MainActivity.this, "不能再放大了", Toast.LENGTH_SHORT).show ();}} else if (distance - lastDistance < slop) {// 缩小,最小缩小到100Log.d ("tag", "缩小");if (layoutParams.width > 50) {layoutParams.width = (int) (iv.getWidth () * 0.9f);layoutParams.height = (int) (iv.getHeight () * 0.9f);iv.setLayoutParams (layoutParams);} else {Toast.makeText (MainActivity.this, "不能再缩小了", Toast.LENGTH_SHORT).show ();}}}}return false;}@Overridepublic void onLongPress (MotionEvent e) {}@Overridepublic boolean onFling (MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {return false;}}

其中重点:

每次回调onScroll都计算出两触摸点的距离(利用勾股定理),判断下如果lastDistance=-1,即没有保存状态,就保存当前的状态,继续滑动就继续回调onScroll,此时lastDistance保存的是上一次的两触摸点的距离,执行比较距离的代码~

比较的时候给了一个临界值slop,这个值用于避免手指很微小的误操作都被捕捉到,并且这个值也不能太大,否则手指很难滑到这个临界值。

比较时添加了判断图片大小,如果图片大到一定值就不允许继续放大,如果小到一定值就不允许继续缩小。

-改变图片大小用LayoutParams布局参数,每次判断完是放大还是缩小后按一定比例设置LayoutParams的宽高,再重新赋值给图片ImageView

每次执行完一个完整的流程后要将全局的lastDistance复位为-1f,否则会保存上一次的触摸点的距离。

下一篇:安卓Gesture手势(3)-实现自定义手势。(待续)

如果觉得《Iwfu-安卓Gesture手势(2)-实现多点触控控制图片的放大缩小。》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。