android手势放大自动还原,ImageView通过matrix实现手势缩放,放大,缩小 ,移动
转载自:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2013/1023/1579.html
测试有效
关于ImageView的手势缩放,有很多种方法,绝大多数开源自定义缩放都是修改了ondraw函数来实现的。但是ImageView本身有scaleType属性,通过设置android:scaleType="matrix" 可以用很少的代码就实现缩放功能。缩放的优点是实现起来简单,同时因为没有反复调用ondraw函数,缩放过程中不会有闪烁现象。
package xxx
importandroid.content.Context;
importandroid.graphics.Matrix;
importandroid.graphics.PointF;
importandroid.util.AttributeSet;
importandroid.util.FloatMath;
importandroid.view.MotionEvent;
importandroid.widget.ImageView;
public classImageTouchViewextendsImageView{
privatePointFstartPoint=newPointF();
privateMatrixmatrix=newMatrix();
privateMatrixcurrentMaritx=newMatrix();
private intmode=0;//用于标记模式private static final intDRAG=1;//拖动private static final intZOOM=2;//放大private floatstartDis=0;
privatePointFmidPoint;//中心点/*** 默认构造函数*@paramcontext*/publicImageTouchView(Context context){
super(context);
}
/*** 该构造方法在静态引入XML文件中是必须的*@paramcontext*@paramparamAttributeSet*/publicImageTouchView(Context context,AttributeSet paramAttributeSet){
super(context,paramAttributeSet);
}
public booleanonTouchEvent(MotionEventevent) {
switch(event.getAction() &MotionEvent.ACTION_MASK) {
caseMotionEvent.ACTION_DOWN:mode=DRAG;
currentMaritx.set(this.getImageMatrix());//记录ImageView当期的移动位置startPoint.set(event.getX(),event.getY());//开始点break;
caseMotionEvent.ACTION_MOVE://移动事件if(mode==DRAG) {//图片拖动事件floatdx=event.getX() -startPoint.x;//x轴移动距离floatdy=event.getY() -startPoint.y;
matrix.set(currentMaritx);//在当前的位置基础上移动matrix.postTranslate(dx, dy);
} else if(mode==ZOOM){//图片放大事件floatendDis=distance(event);//结束距离if(endDis>10f){
floatscale=endDis/startDis;//放大倍数//Log.v("scale=", String.valueOf(scale));matrix.set(currentMaritx);
matrix.postScale(scale, scale, midPoint.x, midPoint.y);
}
}
break;
caseMotionEvent.ACTION_UP:mode=0;
break;
//有手指离开屏幕,但屏幕还有触点(手指)caseMotionEvent.ACTION_POINTER_UP:mode=0;
break;
//当屏幕上已经有触点(手指),再有一个手指压下屏幕caseMotionEvent.ACTION_POINTER_DOWN:mode=ZOOM;
startDis=distance(event);
if(startDis>10f){//避免手指上有两个茧midPoint=mid(event);
currentMaritx.set(this.getImageMatrix());//记录当前的缩放倍数}
break;
}
this.setImageMatrix(matrix);
return true;
}
/*** 两点之间的距离*@paramevent*@return*/private static floatdistance(MotionEventevent){
//两根线的距离floatdx=event.getX(1) -event.getX(0);
floatdy=event.getY(1) -event.getY(0);
returnFloatMath.sqrt(dx*dx+dy*dy);
}
/*** 计算两点之间中心点的距离*@paramevent*@return*/private staticPointFmid(MotionEventevent){
floatmidx=event.getX(1) +event.getX(0);
floatmidy=event.getY(1) -event.getY(0);
return newPointF(midx/2, midy/2);
}
}
在xml中这样使用自定义的ImageView:
这里有个小细节, android:layout_width和android:layout_height这里都是="match_parent" ,如果我们换成wrap_content的话,你会发现图片只能在一个很小的区间缩放。而match_parent则可以很随意的在整个屏幕缩放。
但是match_parent导致了一个让人意外的问题:
如果将imageView的宽度和高度都设置为填充整个父控件,然后scaleType设置成Matrix,则图片不是居中显示的,整个图片靠上去了,这里我还没有找出原因,不过在网上找出了解决的办法:
“
先设置ImageView的ScaleType="CENTER" 要给控件添加拖动与放大缩水前。再把ScaleType设为:"Matric" (即ImageView设置OnTouchListener前更改属性即可)
”
其中“ImageView设置OnTouchListener前更改属性”在我们这个例子中应替换为在caseMotionEvent.ACTION_MOVE://移动事件开始更改属性。在代码中更改ScaleType应该这样做:
this.setScaleType(ImageView.ScaleType.MATRIX);
说到ScaleType,我们看看ImageView.ScaleType 值的意义和区别: CENTER /center 按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示 CENTER_CROP / centerCrop 按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽) CENTER_INSIDE / centerInside 将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽 FIT_CENTER / fitCenter 把图片按比例扩大/缩小到View的宽度,居中显示 FIT_END / fitEnd 把图片按比例扩大/缩小到View的宽度,显示在View的下部分位置 FIT_START / fitStart 把图片按比例扩大/缩小到View的宽度,显示在View的上部分位置 FIT_XY / fitXY 把图片不按比例扩大/缩小到View的大小显示 MATRIX / matrix 用矩阵来绘制
android手势放大自动还原,ImageView通过matrix实现手势缩放,放大,缩小 ,移动相关推荐
- android 图片 居中 手势缩放 设置缩放比例,ImageView通过matrix实现手势缩放
关于ImageView的手势缩放,有很多种方法,绝大多数开源自定义缩放都是修改了ondraw函数来实现的.但是ImageView本身有scaleType属性,通过设置android:scaleType ...
- android 手势放缩_手把手教你打造支持手势放大缩小的ImageView
写在前面 最近有了新的任务,学习的时间比以前少了不少,Java回炉的文估计是得缓缓了,不过每周一篇尽量保质保量.最近感觉我文写的有点不好,因为我写东西除非必要,不然概念性的东西我基本上都是一笔带过-- ...
- 我的Android进阶之旅------android Matrix图片随意的放大缩小,拖动(转)
step1:新建一个项目DragAndZoom,并准备一张照片放在res/drawable-hdpi目录下,如下图所示: step2: 设置应用的UI界面,在main.xml中设置: [html] v ...
- android 自由缩放图片大小,android Matrix实现图片随意放大缩小或拖动
本文实例为大家分享了android Matrix图片随意放大缩小和拖动的具体代码,供大家参考,具体内容如下 step1:新建一个项目DragAndZoom,并准备一张照片放在res/drawable- ...
- Android自定义ImageView(二)——实现双击放大与缩小图片
效果图: 首先设置图片依据控件的大小来显示在ImageVeiw中 也就是当图片的宽与高小于控件的宽与高的时候,默认不进行对图片进行放大的操作,但是会将图片居中显示,当然使用的时候可以使用自定义的属性i ...
- osx android png图片自动 边,照片图像无损放大,这6款MacOS神器你也许需要
原标题:照片图像无损放大,这6款MacOS神器你也许需要 照片图像无损放大,这6款MacOS神器你也许需要,根据需求请移步前往macz下载体验. Topaz Gigapixel AI for Mac是 ...
- Android黑科技 自动点击
Android 模拟点击功能 使用adb命令 通过adb shell命令是下面的格式: adb shell input tap 520 1024 //点击(520,1024) adb shell in ...
- Android入门: 对图片 ImageView的scaleType属性的理解
关于ImageView的scaleType属性的理解 问题:图片在不同机型上的显示大小不同 1.android:scaleType="center" 保持原图的大小,显示在Imag ...
- Android圆形头像图Circle ImageView
<Android圆形头像图Circle ImageView> 需要处理的原始图(pic): 使用CircleImageView处理后的图(作为头像): 现在很多的应用都有设置头像的功能,如 ...
最新文章
- 2017年4月25日(日志库glog)
- TF之LiR:基于tensorflow实现手写数字图片识别准确率
- mysql fetch rows,php中mysql_fetch_array()和mysql_fetch_rows()函数区别
- HTTP、HTTPS、SSL、TLS之间的关系
- VINS System::ProcessBackEnd()
- 删除Word2016文本外的黑边框,有截图
- C++之继承探究(一):继承的概念
- 784. 字母大小写全排列
- iOS10 Safari不识别viewport禁用缩放的暴力解决方案
- HiveQL学习笔记(三):Hive表连接
- 计算机专业方面的期刊介绍
- 华为交换机关闭网口_华为交换机如何关闭网络端口号
- 电驴无限制 服务器,全球最大电驴服务器eDonkeyServer No2消失
- uniapp 实现抽奖幸运大转盘功能
- java中的nio是啥,java中的NIO
- 计算机论文的字体要求,关于计算机硕士论文格式要求 论文字体格式
- quot转双引号 php,js把 quot 转义双引号
- python入门--常用的numpy函数:arange()
- Why Memory Barriers?中文翻译(上)
- 归并排序详解(递归+非递归)
热门文章
- C++_STL——stack
- c语言编程中tem代表什么意思,“CTEM”是“Conventional Transmission Electron Microscopy”的缩写,意思是“常规透射电子显微镜”...
- nginx try_files的理解
- 盒模型,块状元素,行内元素
- python 实现文本搜索_python根据BM25实现文本检索
- python 中文转unicode编码_Python 解码 Unicode 转义字符串
- centos安装mysql wsl_在 Windows Linux 子系统中安装 CentOS
- java map 教程_Java Map接口
- mysql中的cache和buffer_mysql Cache和Buffer区别有哪些?
- sql优化ppt_一款跨平台免费的开源 SQL 编辑器和数据库管理器!