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

Android多点触控实现图片自由缩放

这篇文章主要为大家详细介绍了Android多点触控实现图片自由缩放,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

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


推荐阅读
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文将详细介绍如何使用剪映应用中的镜像功能,帮助用户轻松实现视频的镜像效果。通过简单的步骤,您可以快速掌握这一实用技巧。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • Android 渐变圆环加载控件实现
    本文介绍了如何在 Android 中创建一个自定义的渐变圆环加载控件,该控件已在多个知名应用中使用。我们将详细探讨其工作原理和实现方法。 ... [详细]
  • 如何在WPS Office for Mac中调整Word文档的文字排列方向
    本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤,用户可以轻松更改文本的水平或垂直排列方式,以满足不同的排版需求。 ... [详细]
  • 本文总结了在使用Ionic 5进行Android平台APK打包时遇到的问题,特别是针对QRScanner插件的改造。通过详细分析和提供具体的解决方法,帮助开发者顺利打包并优化应用性能。 ... [详细]
  • 理解存储器的层次结构有助于程序员优化程序性能,通过合理安排数据在不同层级的存储位置,提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器(SRAM)和动态随机访问存储器(DRAM)的工作原理及其应用场景,并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • 几何画板展示电场线与等势面的交互关系
    几何画板是一款功能强大的物理教学软件,具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程,还能通过定量分析揭示物理现象背后的规律,尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • MySQL中枚举类型的所有可能值获取方法
    本文介绍了一种在MySQL数据库中查询枚举(ENUM)类型字段所有可能取值的方法,帮助开发者更好地理解和利用这一数据类型。 ... [详细]
author-avatar
超音速小子WESTBROOK
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有