热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android实现多点触控,自由缩放图片的实例代码

Android多点触控涉及到的知识点 1、ScaleGestureDetector 2、OnScaleGestureListene

Android多点触控涉及到的知识点

1、ScaleGestureDetector

2、OnScaleGestureListener

3、Matrix

4、OnTouchListener

四个知识点需要了解一下,需要注意的是Matrix在内存中是一个一维数组,操控图片的Matrxi是一个3X3的矩阵,在内存中也就是一个大小为9的一维数组。

实现多点触控,自由变化图片

1、 ImageView的基础上继承

2、因为要在图片加载完成就获取到相关的属性,所以实现OnGlobalLayoutListener接口,并实现方法onGlobalLayout

注册OnGlobalLayoutListener接口:

 @Override
protected void onAttachedToWindow() {
 super.onAttachedToWindow();
 //注册 OnGlobalLayoutListener
 getViewTreeObserver().addOnGlobalLayoutListener(this);
}

@Override
protected void onDetachedFromWindow() {
 super.onDetachedFromWindow();
 //注销 OnGlobalLayoutListener
 getViewTreeObserver().removeOnGlobalLayoutListener(this);
}

实现onGlobalLayout方法

 @Override
public void onGlobalLayout() {
 //因为要在加载完成的时候就获取到图片的宽高 然后让图片的宽高去适应控件的宽高大小 isOnce只在第一次加载到时候处理
 if (isOnce) {
  //下一步3 获取相关属性 并做处理
  isOnce= false;
 }
}

3、

 

//获取控件的宽高
 int width = getWidth();
  int height = getHeight();
  //获取图片
  Drawable drawable = getDrawable();
  if (null == drawable) {
   return;
  }
  //获取到图片的宽高 **根据drawable的这两个方法获取
  int dw = drawable.getIntrinsicWidth();
  int dh = drawable.getIntrinsicHeight();

//定义一个图片缩放值
 float scale = 1.0f;

接下来就是根据图片的宽和高 控件的宽和高 去设置这个scale值

 //当图片的宽大于了控件的宽 图片的高小于控件的高
if (dw > width && dh  height) {
  scale = height * 1.0f / dh;
 }

if ((dw > width && dh > height) || (dw 

4、接下来就是ScaleGestureDetector

//初始化 this是OnScaleGestureListener 对象
 mScaleGestureDetector = new ScaleGestureDetector(context, this);
  //要通过ScaleGestureDetector去操控触摸事件,那还要实现OnTouchListener接口并实现onTouch方法,在该方法中将触摸事件传递给mScaleGestureDetector 对象。

@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
 //将触摸事件传递给ScaleGesture
 mScaleGestureDetector.onTouchEvent(motionEvent);
 return true;
}
 //设置监听
 setOnTouchListener(this);

5、OnScaleGestureListener 中的重要方法了

 //使用ScaleGestureListener去实现多点触控
@Override
public boolean onScale(ScaleGestureDetector scaleGestureDetector) {
 if (null == getDrawable()) {
  return true;
 }
//下一步6 处理

return true;
}

6、

 //缩放中
 //获取当前图片缩放scale
 float scale = getCurrentScale();

 //获取缩放因子
 float scaleFactor = scaleGestureDetector.getScaleFactor();
 //缩放值达到最大和最小的情况 scaleFactor>1表示正在放大 <1表示正在缩小
 if ((scale  1.0f) || scale > mInitScale && scaleFactor <1.0f) {
  if (scale * scaleFactor  mMaxScale) {
   scaleFactor = mMaxScale / scale;
  }
 }

 //根据缩放因子去设置图片的缩放 根据多点的中心去缩放 scaleGestureDetector.getFocusX(), scaleGestureDetector.getFocusY()缩放中心点一定是手指触摸的中心点

  mMatrix.postScale(scaleFactor, scaleFactor, scaleGestureDetector.getFocusX(), scaleGestureDetector.getFocusY());

 //因为缩放的中心点会改变 所以要控制图片的边界处理*** 如果不处理,中心点会根据你手指位置的不同发生改变,那么图片位置会错乱
 checkoutBounds(); //下一步 7
 setImageMatrix(mMatrix);

7、checkoutBounds()

 private void checkoutBounds() {
 //通过矩阵要获取到缩放后图片的大小和坐标
 Drawable drawable = getDrawable();
 if (null != drawable) {
  RectF rectF = getScaleMatrix(drawable); //下一步 8

  //获取控件的宽高
  int width = getWidth();
  int height = getHeight();
  //声明 x y偏移值 如果偏离了控件需要移动回去
  float detalX = 0;
  float detalY = 0;

  if (rectF.width() >= width) {
   //图片的宽大于等于了控件的宽,为了让宽留白边,计算出应该左右移动的偏移值
   if (0 = height) {
   if (0 

8、getScaleMatrix(drawable) 该方法其他地方也可以效仿

//通过矩阵 去获取到缩放后的图片的四个顶点坐标
public RectF getScaleMatrix(Drawable drawable) {
 Matrix matrix = mMatrix;
 //图片的四个点坐标
 RectF rectF = new RectF(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
 matrix.mapRect(rectF);
 return rectF;
}

通过该控件可以熟悉一下多点触控的实现 和图形矩阵的知识

Demo地址:ZoomImageView

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


推荐阅读
  • CGPathAddArc & CGPathAddArcToPoint
    CGPathAddArc&CGPathAddArcToPoint参考:http:blog.csdn.netxcysuccess3articledetails24001571CGPa ... [详细]
  • 打印4页的登记表的时候要用ie浏览器设置兼容模式打印 ... [详细]
  • 作为第一个正式项目,感触颇多,系统刚做完没多久,写点笔记记录下来吧。本系统主要功能是进行数据统计,比如统计学院的进馆次数,平均次数,进馆排行,图书馆年报等等在接到这个商用项目时,听 ... [详细]
  • 分享一下最近写的ReactNative的SSHSFTP组件,iOS端封装了NMSSH,Android端封装了JSch。支持SSH执行命令、实时Shell ... [详细]
  • DW的div布局
    如果你想尝试一下不用表格来排版网页,而是用CSS来排版你的网页,也就是常听的用DIV来编排你的网页结构,又或者说你想学习网页标准设计,再或者说你的上司要你改变传统的表格排版方式,提 ... [详细]
  • **实验3.4*使用上题的矩形类,编程统计若干块土地的相关信息*由用户输入每块儿土地的长与宽,程序将相关结果输出**importjava.util.*;publicclassa ... [详细]
  • #B.BalancedBreakdown#####1.题目大意:给定一个n,从n中不断分离回文数(翻转后大小相同的数字)问最少需要多少步,输出最少步数以及一种方案(方案不唯一)## ... [详细]
  • 深入研究虚幻4反射系统实现原理(一)
    上一篇翻译的文章里面提到了UE4反射系统的基本原理与应用,这次我们通过代码来深入研究一下UE4的反射系统,因为反射系统在UE4中牵扯的东西较多,所以我打算分几篇文章分析。我这里假定 ... [详细]
  • 水陆草木之花,可爱者甚蕃。晋陶渊明独爱菊。自李唐来,世人盛爱牡丹。予独爱莲之出淤泥而不染,濯清涟而不妖,中通外直,不蔓不枝,香远益清,亭亭净植,可远观而不可亵玩焉。予谓菊,花之隐逸 ... [详细]
  • zabbix监控服务日志关键字触发报警
    zabbix监控服 ... [详细]
  • Win7操作系统建立无线虚拟wifi
    网络适配器中的microsoftvirtualwifiminiportadapter是windows7的隐藏功能,虚拟wifi。正确的运用这个功能,就可以把电脑当做路由器了。注 ... [详细]
  • 参考官方:https:docs.autofac.orgenlatestintegrationaspnetcore.html#startup-class有一些变动,现在暂时还没用ne ... [详细]
  • Centos 使用yum安装MongoDB 4.2
    1.配置MongoDB的yum源创建yum源文件:#cdetcyum.repos.d#vimmongodb-org-4.0.repo添加以下内容:(我们这里使用阿里云的源)[mng ... [详细]
  • Java IO流学习总结(2)
    写在前面:本文章基本覆盖了javaIO的全部内容,java新IO没有涉及,因为我想和这个分开,以突出那个的重要性,新IO哪一篇文章还没有开始写,估计很快就能和大家见面。照旧,文章依 ... [详细]
  • 关于软件工程以及自我的解析
    对于软件工程这个课,一开始就有所期待的,通过以前的了解,觉得通过这个课程能让我们能够快速搭建一种框架,对于软件编程开发及其应用,是对于软件的构造解析,应该是思维上的理论知识。然而第 ... [详细]
author-avatar
wy6968308431
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有