Android实现ImageView图片双击放大及缩小

 更新时间:2021年05月21日 10:43:21   作者:BetterLaterThanNever  
这篇文章主要介绍了Android实现ImageView图片双击放大及缩小的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例介绍了Android实现ImageView图片双击放大及缩小的相关技巧,分享给大家供大家参考,具体内容如下

public class DoubleScaleImageView extends ImageView implements OnTouchListener, OnGlobalLayoutListener {
  private boolean isFirst = false;
  private float doubleScale;// 双击放大的值
  private Matrix mScaleMatrix;
  private float defaultScale;// 默认的缩放值
  private int mLastPinterCount;// 记录上一次多点触控的数量
  private float mLastX;
  private float mLastY;
  private int mTouchSlop;
  private boolean isCanDrag;
  private boolean isCheckLeft;
  private boolean isCheckTop;
  private GestureDetector mGestureDetector;
  public DoubleScaleImageView(Context context) {
    this(context, null);
  }
  public DoubleScaleImageView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }
  @SuppressLint("ClickableViewAccessibility")
  public DoubleScaleImageView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    mScaleMatrix = new Matrix();
    setScaleType(ScaleType.MATRIX);
    setOnTouchListener(this);
    // getScaledTouchSlop是一个距离,表示滑动的时候,手的移动要大于这个距离才开始移动控件。如果小于这个距离就不触发移动控件
    mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
    mGestureDetector = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() {
      @Override
      public boolean onDoubleTap(MotionEvent e) {
        float x = e.getX();
        float y = e.getY();
        if (getScale() < doubleScale) {
          mScaleMatrix.postScale(doubleScale / getScale(), doubleScale / getScale(), x, y);// 放大
        }
        else {
          mScaleMatrix.postScale(defaultScale / getScale(), defaultScale / getScale(), x, y);// 缩小
        }
        setImageMatrix(mScaleMatrix);
        return super.onDoubleTap(e);
      }
    });
  }
  @Override
  protected void onAttachedToWindow() {// view附加到窗体上时调用该方法
    super.onAttachedToWindow();
    getViewTreeObserver().addOnGlobalLayoutListener(this);
  }
  @SuppressWarnings("deprecation")
  @Override
  protected void onDetachedFromWindow() {// 将视图从窗体上分离的时候调用该方法。
    super.onDetachedFromWindow();
    getViewTreeObserver().removeGlobalOnLayoutListener(this);
  }
  @Override
  public void onGlobalLayout() {// 在这个方法中获取ImageView加载完成后的图片
    if (!isFirst) {
      // 获取控件的宽度和高度
      int width = getWidth();
      int height = getHeight();
      // 得到我们的图片以及图片的宽度及高度
      Drawable drawable = getDrawable();
      if (drawable == null) { return; }
      int imageWidth = drawable.getIntrinsicWidth();// 图片的宽度
      int imageHeight = drawable.getIntrinsicHeight();// 图片的高度
      float scale = 1.0f;
      // 如果图片宽度大于控件宽度,但是图片高度小于控件 高度,我们要缩小图片
      if (imageWidth > width && imageHeight < height) {
        scale = width * 1.0f / imageWidth;
      }
      // 如果图片宽度小于控件宽度,但是图片高度大于控件 高度,我们要缩小图片
      if (imageWidth < width && imageHeight > height) {
        scale = height * 1.0f / imageHeight;
      }
      // 如果图片的宽度都 大于或小于控件宽度,我们则要对图片进行对应缩放,保证图片占满控件
      if ((imageWidth > width && imageHeight > height) || (imageWidth < width && imageHeight < height)) {
        scale = Math.min(width * 1.0f / imageWidth, height * 1.0f / imageHeight);
      }
      // 初始化对应的缩放值
      defaultScale = scale;
      doubleScale = defaultScale * 2;
      // 图片缩放后,将图片要移动到控件中心
      int dx = width / 2 - imageWidth / 2;
      int dy = height / 2 - imageHeight / 2;
      mScaleMatrix.postTranslate(dx, dy);
      mScaleMatrix.postScale(defaultScale, defaultScale, width / 2, height / 2);
      setImageMatrix(mScaleMatrix);
      isFirst = true;
    }
  }
  @SuppressLint("ClickableViewAccessibility")
  @Override
  public boolean onTouch(View v, MotionEvent event) {
    if (mGestureDetector.onTouchEvent(event)) { return true; }
    float x = 0;
    float y = 0;
    int pointerCount = event.getPointerCount();// 获取放在屏幕上的手指数量
    for (int i = 0; i < pointerCount; i++) {
      x += event.getX(i);
      y += event.getY(i);
    }
    x /= pointerCount;
    y /= pointerCount;
    if (mLastPinterCount != pointerCount) {
      isCanDrag = false;
      mLastX = x;
      mLastY = y;

    }
    mLastPinterCount = pointerCount;
    switch (event.getAction()) {
      case MotionEvent.ACTION_MOVE:
        float dx = x - mLastX;
        float dy = y - mLastY;
        isCanDrag = isMove(dx, dy);
        if (isCanDrag) {
          RectF rectf = getMatrixRectf();
          if (null != getDrawable()) {
            isCheckLeft = isCheckTop = true;
            if (rectf.width() < getWidth()) {// 如果图片宽度小于控件宽度(屏幕宽度)不允许横向移动
              dx = 0;
              isCheckLeft = false;
            }
            if (rectf.height() < getHeight()) {// 如果图片高度小于控件高度(屏幕高度)不允许纵向移动
              dy = 0;
              isCheckTop = false;
            }
            mScaleMatrix.postTranslate(dx, dy);
            checkTranslateWithBorder();
            setImageMatrix(mScaleMatrix);
          }
        }
        mLastX = x;
        mLastY = y;
        break;
      case MotionEvent.ACTION_UP:
      case MotionEvent.ACTION_CANCEL:
        mLastPinterCount = 0;
        break;
    }
    return true;
  }
  /**
   * 移动图片时进行边界检查
   * @description:
   * @date 2016-1-8 下午4:02:24
   */
  private void checkTranslateWithBorder() {
    RectF rectf = getMatrixRectf();
    float delX = 0;
    float delY = 0;
    int width = getWidth();
    int height = getHeight();
    if (rectf.top > 0 && isCheckTop) {
      delY = -rectf.top;
    }
    if (rectf.bottom < height && isCheckTop) {
      delY = height - rectf.bottom;
    }
    if (rectf.left > 0 && isCheckLeft) {
      delX = -rectf.left;
    }
    if (rectf.right < width && isCheckLeft) {
      delX = width - rectf.right;
    }
    mScaleMatrix.postTranslate(delX, delY);
  }
  // 判断是否有移动
  private boolean isMove(float x, float y) {
    return Math.sqrt(x * x + y * y) > mTouchSlop;
  }
  /**
   * 获取图片的位置
   * @description:
   * @date 2016-1-8 上午9:02:10
   */
  private RectF getMatrixRectf() {
    Matrix matrix = mScaleMatrix;
    RectF recft = new RectF();
    if (getDrawable() != null) {
      recft.set(0, 0, getDrawable().getIntrinsicWidth(), getDrawable().getIntrinsicHeight());
      matrix.mapRect(recft);
    }
    return recft;
  }

  // 获取当前图片的缩放值
  private float getScale() {
    float values[] = new float[9];
    mScaleMatrix.getValues(values);
    return values[Matrix.MSCALE_X];
  }
}

以上就是安卓实现ImageView图片双击放大及缩小的全部代码,希望对大家的学习有所帮助。

相关文章

  • Flutter组件隐藏的多种方式总结

    Flutter组件隐藏的多种方式总结

    在 Flutter 开发中,我们经常会遇到需要动态隐藏或显示组件的需求,Flutter 提供了多种方式来实现这一功能,每种方式都有其独特的适用场景,本文将深入探讨这些方法的原理、用法以及优缺点,帮助您选择最适合的方案,需要的朋友可以参考下
    2024-10-10
  • Android图片加载利器之Picasso源码解析

    Android图片加载利器之Picasso源码解析

    这篇文章主要为大家详细解析了Android图片加载利器之Picasso源码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 注解处理器(APT)是什么

    注解处理器(APT)是什么

    APT是JDK提供的工具,用于在编译阶段未生成class之前对源码中的注解进行扫描和处理,获取到注解后可以使用原始方法与JavaPoet生成Java代码,这篇文章主要介绍了注解处理器(APT)是什么?需要的朋友可以参考
    2023-02-02
  • 浮动AppBar中的textField焦点回滚问题解决

    浮动AppBar中的textField焦点回滚问题解决

    这篇文章主要为大家介绍了浮动AppBar中的textField焦点回滚问题解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • Android编程实现启动另外的APP及传递参数的方法

    Android编程实现启动另外的APP及传递参数的方法

    这篇文章主要介绍了Android编程实现启动另外的APP及传递参数的方法,涉及Activity启动及Intent设置相关操作技巧,需要的朋友可以参考下
    2017-05-05
  • Android app应用多语言切换功能实现

    Android app应用多语言切换功能实现

    这篇文章主要为大家详细介绍了Android app应用多语言切换功能实现代码,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Android Handler的使用详解

    Android Handler的使用详解

    这篇文章主要介绍了Android Handler的使用详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09
  • 21天学习android开发教程之MediaPlayer

    21天学习android开发教程之MediaPlayer

    21天学习android开发教程之MediaPlayer,MediaPlayer可以播放音频和视频,操作相对简单,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • Android网络请求库android-async-http介绍

    Android网络请求库android-async-http介绍

    这篇文章主要介绍了Android网络请求库android-async-http介绍,本文讲解了android-async-http的概念、特征以及使用实例,需要的朋友可以参考下
    2015-06-06
  • Android 中Banner的使用详解

    Android 中Banner的使用详解

    这篇文章主要介绍了Android 中Banner的使用详解,需要的朋友可以参考下
    2017-06-06

最新评论