图片缩放,拖拽等操作

之前做项目要对图片的查看,然后就自己写了一个,适合对图片的浏览,跟系统图库的效果一样哦,先贴一张美女图片,听说有美女,男人就会多看一眼,不知道是不是真的,哈哈

布局文件需要注意的一点是 scaleType一定要是 matrix,这样才能对图片进行一系列的矩阵操作,例如放大缩小,拖拽,等等

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 xmlns:tools="http://schemas.android.com/tools" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent" > 
 
 <ImageView 
 android:id="@+id/imageView1" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent" 
 android:scaleType="matrix" /> 
 
</RelativeLayout> 

代码我都有注释,直接上代码咯

package com.example.zoomanddrafting;  
 
import android.app.Activity;  
import android.content.Context;  
import android.content.Intent;  
import android.graphics.Bitmap;  
import android.graphics.BitmapFactory;  
import android.graphics.Matrix;  
import android.graphics.PointF;  
import android.graphics.RectF;  
import android.os.Bundle;  
import android.util.DisplayMetrics;  
import android.util.FloatMath;  
import android.view.MotionEvent;  
import android.view.View;  
import android.view.View.OnTouchListener;  
import android.widget.ImageView;  
 
 
 
public class PhotoViewer extends Activity implements OnTouchListener {  
 
 private static final String TAG = "PhotoViewer";  
 public static final int RESULT_CODE_NOFOUND = 200;  
 
 
    Matrix matrix = new Matrix();  
    Matrix savedMatrix = new Matrix();  
    DisplayMetrics dm;  
    ImageView imgView;  
    Bitmap bitmap;  
 
 /** 最小缩放比例*/ 
 float minScaleR = 1.0f;  
 /** 最大缩放比例*/ 
 static final float MAX_SCALE = 10f;  
 
 /** 初始状态*/ 
 static final int NONE = 0;  
 /** 拖动*/ 
 static final int DRAG = 1;  
 /** 缩放*/ 
 static final int ZOOM = 2;  
 
 /** 当前模式*/ 
 int mode = NONE;  
 
    PointF prev = new PointF();  
    PointF mid = new PointF();  
 float dist = 1f;  
 
 
 @Override 
 public void onCreate(Bundle savedInstanceState) {  
 super.onCreate(savedInstanceState);  
 // 获取图片资源 
        bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.item);  
 
        setContentView(R.layout.activity_main);  
        imgView = (ImageView) findViewById(R.id.imageView1);// 获取控件 
        imgView.setImageBitmap(bitmap);// 填充控件 
        imgView.setOnTouchListener(this);// 设置触屏监听 
        dm = new DisplayMetrics();  
        getWindowManager().getDefaultDisplay().getMetrics(dm);// 获取分辨率 
//        minZoom(); 
        center();  
        imgView.setImageMatrix(matrix);  
 
    }  
 
 public void SureOnClick(View v)  
    {  
 
    }  
 
 /** 
     * 触屏监听 
     */ 
 public boolean onTouch(View v, MotionEvent event) {  
 
 switch (event.getAction() & MotionEvent.ACTION_MASK) {  
 // 主点按下 
 case MotionEvent.ACTION_DOWN:  
            savedMatrix.set(matrix);  
            prev.set(event.getX(), event.getY());  
            mode = DRAG;  
 break;  
 // 副点按下 
 case MotionEvent.ACTION_POINTER_DOWN:  
            dist = spacing(event);  
 // 如果连续两点距离大于10,则判定为多点模式 
 if (spacing(event) > 10f) {  
                savedMatrix.set(matrix);  
                midPoint(mid, event);  
                mode = ZOOM;  
            }  
 break;  
 case MotionEvent.ACTION_UP:  
 case MotionEvent.ACTION_POINTER_UP:  
            mode = NONE;  
 //savedMatrix.set(matrix); 
 break;  
 case MotionEvent.ACTION_MOVE:  
 if (mode == DRAG) {  
                matrix.set(savedMatrix);  
                matrix.postTranslate(event.getX() - prev.x, event.getY()  
                        - prev.y);  
            } else if (mode == ZOOM) {  
 float newDist = spacing(event);  
 if (newDist > 10f) {  
                    matrix.set(savedMatrix);  
 float tScale = newDist / dist;  
                    matrix.postScale(tScale, tScale, mid.x, mid.y);  
                }  
            }  
 break;  
        }  
        imgView.setImageMatrix(matrix);  
        CheckView();  
 return true;  
    }  
 
 /** 
     * 限制最大最小缩放比例,自动居中 
     */ 
 private void CheckView() {  
 float p[] = new float[9];  
        matrix.getValues(p);  
 if (mode == ZOOM) {  
 if (p[0] < minScaleR) {  
 //Log.d("", "当前缩放级别:"+p[0]+",最小缩放级别:"+minScaleR); 
                matrix.setScale(minScaleR, minScaleR);  
            }  
 if (p[0] > MAX_SCALE) {  
 //Log.d("", "当前缩放级别:"+p[0]+",最大缩放级别:"+MAX_SCALE); 
                matrix.set(savedMatrix);  
            }  
        }  
        center();  
    }  
 
 /** 
     * 最小缩放比例,最大为100% 
     */ 
 private void minZoom() {  
        minScaleR = Math.min(  
                (float) dm.widthPixels / (float) bitmap.getWidth(),  
                (float) dm.heightPixels / (float) bitmap.getHeight());  
 if (minScaleR < 1.0) {  
            matrix.postScale(minScaleR, minScaleR);  
        }  
    }  
 
 private void center() {  
        center(true, true);  
    }  
 
 /** 
     * 横向、纵向居中 
     */ 
 protected void center(boolean horizontal, boolean vertical) {  
 
        Matrix m = new Matrix();  
        m.set(matrix);  
        RectF rect = new RectF(0, 0, bitmap.getWidth(), bitmap.getHeight());  
        m.mapRect(rect);  
 
 float height = rect.height();  
 float width = rect.width();  
 
 float deltaX = 0, deltaY = 0;  
 
 if (vertical) {  
 // 图片小于屏幕大小,则居中显示。大于屏幕,上方留空则往上移,下方留空则往下移 
 int screenHeight = dm.heightPixels;  
 if (height < screenHeight) {  
                deltaY = (screenHeight - height) / 2 - rect.top;  
            } else if (rect.top > 0) {  
                deltaY = -rect.top;  
            } else if (rect.bottom < screenHeight) {  
                deltaY = imgView.getHeight() - rect.bottom;  
            }  
        }  
 
 if (horizontal) {  
 int screenWidth = dm.widthPixels;  
 if (width < screenWidth) {  
                deltaX = (screenWidth - width) / 2 - rect.left;  
            } else if (rect.left > 0) {  
                deltaX = -rect.left;  
            } else if (rect.right < screenWidth) {  
                deltaX = screenWidth - rect.right;  
            }  
        }  
        matrix.postTranslate(deltaX, deltaY);  
    }  
 
 /** 
     * 两点的距离 
     */ 
 private float spacing(MotionEvent event) {  
 float x = event.getX(0) - event.getX(1);  
 float y = event.getY(0) - event.getY(1);  
 return FloatMath.sqrt(x * x + y * y);  
    }  
 
 /** 
     * 两点的中点 
     */ 
 private void midPoint(PointF point, MotionEvent event) {  
 float x = event.getX(0) + event.getX(1);  
 float y = event.getY(0) + event.getY(1);  
        point.set(x / 2, y / 2);  
    }  
 
 
}  

欢迎下载代码下载

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏每日一篇技术文章

VR+全景播放器+头控讲解-06

在UIView上面布局我们可以使用UIButton UIView UIImageView等,但是是在3D场景中,我们不能使用UIView,我们要使用平面几何当视...

9910
来自专栏郭霖

Android事件分发机制完全解析,带你从源码的角度彻底理解(下)

记得在前面的文章中,我带大家一起从源码的角度分析了Android中View的事件分发机制,相信阅读过的朋友对View的事件分发已经有比较深刻的理解了。 还未阅读...

297100
来自专栏CodingBlock

Android查缺补漏(View篇)--事件分发机制源码分析

在上一篇博文中分析了事件分发的流程及规则,本篇会从源码的角度更进一步理解事件分发机制的原理,如果对事件分发规则还不太清楚的童鞋,建议先看一下上一篇博文 《And...

41370
来自专栏知识分享

Android之网络摄像头

实现的功能就是两个手机在一个局域网内可以互相观看对方的摄像头图像,当然如果都是连接公网那么就能远程互看了,,,,和视频聊天差不多,,不过没有声音,,,,,,,,...

82680
来自专栏开发之途

Android 解决 View 的滑动冲突

关于 Android 的 TouchEvent 事件分发机制可以看这里:Java_Android_Learn,本文讲解的是如何去解决 View 之间的滑动冲突

16910
来自专栏移动开发面面观

Android事件分发备忘

12730
来自专栏wOw的Android小站

[Android][Framework]系统手势和状态栏

里面switch语句处理的操作也是MotionEvent最基本的操作。这里主要看一下从上往下滑动的事件是怎么计算的:

67510
来自专栏移动开发的那些事儿

Android事件分发原理分析

在Android中,触碰控件的时候回产生一个ACTION_DOWN事件并逐层向下传递,首先ACTION_DOWN回先从Activity的dispatchTouc...

14230
来自专栏开发之途

Android TouchEvent事件分发机制详解(1)

17750
来自专栏懒人开发

dispatchTouchEvent事件分发浅析(四)Intercept拦截

上一篇,我们大体理解了分发的过程,并且简单做了点击,分析了执行顺序 这篇我们来看下 Intercept拦截

10120

扫码关注云+社区

领取腾讯云代金券