关于ImageView的手势缩放,有很多种方法,绝大多数开源自定义缩放都是修改了ondraw函数来实现的。但是ImageView本身有scaleType属性,通过设置android:scaleType="matrix" 可以用很少的代码就实现缩放功能。缩放的优点是实现起来简单,同时因为没有反复调用ondraw函数,缩放过程中不会有闪烁现象。

MATRIX矩阵可以动态缩小放大图片来显示,缩小图片://获得Bitmap的高和宽

int bmpWidth=bmp.getWidth();

int bmpHeight=bmp.getHeight();

//设置缩小比例

double scale=0.8;

//计算出这次要缩小的比例

scaleWidth=(float)(scaleWidth*scale);

scaleHeight=(float)(scaleHeight*scale);

//产生resize后的Bitmap对象

Matrix matrix=new Matrix();

matrix.postScale(scaleWidth, scaleHeight);

Bitmap resizeBmp=Bitmap.createBitmap(bmp, 0, 0, bmpWidth, bmpHeight, matrix, true);

下面将一个自定义的实现了手势缩放的ImageView代码拷贝如下:package com.jcodecraeer.stargallerry;

import android.content.Context;

import android.graphics.Matrix;

import android.graphics.PointF;

import android.util.AttributeSet;

import android.util.FloatMath;

import android.view.MotionEvent;

import android.widget.ImageView;

public class ImageTouchView extends ImageView {

private PointF startPoint = new PointF();

private Matrix matrix = new Matrix();

private Matrix currentMaritx = new Matrix();

private int mode = 0;//用于标记模式

private static final int DRAG = 1;//拖动

private static final int ZOOM = 2;//放大

private float startDis = 0;

private PointF midPoint;//中心点

/**

* 默认构造函数

* @param context

*/

public ImageTouchView(Context context){

super(context);

}

/**

* 该构造方法在静态引入XML文件中是必须的

* @param context

* @param paramAttributeSet

*/

public ImageTouchView(Context context,AttributeSet paramAttributeSet){

super(context,paramAttributeSet);

}

public boolean onTouchEvent(MotionEvent event) {

switch (event.getAction() & MotionEvent.ACTION_MASK) {

case MotionEvent.ACTION_DOWN:

mode = DRAG;

currentMaritx.set(this.getImageMatrix());//记录ImageView当期的移动位置

startPoint.set(event.getX(),event.getY());//开始点

break;

case MotionEvent.ACTION_MOVE://移动事件

if (mode == DRAG) {//图片拖动事件

float dx = event.getX() - startPoint.x;//x轴移动距离

float dy = event.getY() - startPoint.y;

matrix.set(currentMaritx);//在当前的位置基础上移动

matrix.postTranslate(dx, dy);

} else if(mode == ZOOM){//图片放大事件

float endDis = distance(event);//结束距离

if(endDis > 10f){

float scale = endDis / startDis;//放大倍数

//Log.v("scale=", String.valueOf(scale));

matrix.set(currentMaritx);

matrix.postScale(scale, scale, midPoint.x, midPoint.y);

}

}

break;

case MotionEvent.ACTION_UP:

mode = 0;

break;

//有手指离开屏幕,但屏幕还有触点(手指)

case MotionEvent.ACTION_POINTER_UP:

mode = 0;

break;

//当屏幕上已经有触点(手指),再有一个手指压下屏幕

case MotionEvent.ACTION_POINTER_DOWN:

mode = ZOOM;

startDis = distance(event);

if(startDis > 10f){//避免手指上有两个茧

midPoint = mid(event);

currentMaritx.set(this.getImageMatrix());//记录当前的缩放倍数

}

break;

}

this.setImageMatrix(matrix);

return true;

}

/**

* 两点之间的距离

* @param event

* @return

*/

private static float distance(MotionEvent event){

//两根线的距离

float dx = event.getX(1) - event.getX(0);

float dy = event.getY(1) - event.getY(0);

return FloatMath.sqrt(dx*dx + dy*dy);

}

/**

* 计算两点之间中心点的距离

* @param event

* @return

*/

private static PointF mid(MotionEvent event){

float midx = event.getX(1) + event.getX(0);

float midy = event.getY(1) - event.getY(0);

return new PointF(midx/2, midy/2);

}

}

在xml中这样使用自定义的ImageView:

android:id="@+id/image"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:scaleType="matrix"

/>

这里有个小细节, 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实现手势缩放相关推荐

  1. android手势放大自动还原,ImageView通过matrix实现手势缩放,放大,缩小 ,移动

    转载自:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2013/1023/1579.html 测试有效 关于ImageView的手势缩放, ...

  2. android layout后还原位置,Android图片框架photoview如何记住所有状态并还原,包括缩放度,缩放后的移动的距离等等...

    Android图片框架photoview如何记住状态并还原,包括缩放度,缩放后的移动的距离等等,尝试了好多方法都没有作用. private void generateImages() { for (i ...

  3. bootstrap 图片居中,bootstrap如何设置居中

    该方法适用于所有品牌的电脑. Bootstrap 元素居中设置 一.Bootstrap水平居中 1. 文本:class ="text-center" 2. 图片居中:class = ...

  4. android图片涂鸦,具有设置画笔,撤销,缩放移动等功能(一)

    该项目的代码已经重构,采用了新框架,强烈建议查看<Android全新图片涂鸦框架Doodle--多功能.可自定义.可扩展> (旧代码暂时不维护了,所以推荐还是使用最新框架吧!也希望大伙支持 ...

  5. android 图片特征提取比对_判断ImageView当前的图片是哪个图片,然后比对资源文件的操作...

    描述一下需求:我们在点击一个ImageView的时候进行,切换背景,或者是资源文件的时候,我们需要根据拿到的背景进行比对,(试了好几种方法,总是出现一些小毛病) 例如:网上的某某人写的这种: if ( ...

  6. android 图片居中代码怎么写,Android:将图片居中

    首先,您需要在LinearLayout声明中使用" match_parent",而不要使用" fill_parent",您可以选中"正式文档" ...

  7. android视频拼接图片大小,android图片裁剪拼接实现(一):Matrix基本使用

    一.前文 之前有个朋友委托我实现一个图片拼接的组件,感觉挺有意思,于是周末花了些时间去研究了下,其实拼接这一步并不难,但是我在研究中发现了Matrix这个东西,非常好的东西.为此,我竟然拾起了多年没有 ...

  8. android 图片长宽比例缩放,关于android:如何在ImageView中缩放图像以保持纵横比

    在Android中,我将ImageView的layout_width定义为fill_parent(占用手机的整个宽度). 如果我放入ImageView的图像大于layout_width,Android ...

  9. Android:手把手教你打造可缩放移动的ImageView(下)

    在上一篇Android:手把手教你打造可缩放移动的ImageView最后提出了一个注意点:当自定义的MatrixImageView如ViewPager.ListView等带有滑动效果的ViewGrou ...

最新文章

  1. 【c语言】蓝桥杯算法训练 完数
  2. Tensorflow yolov3 Intel Realsense D435 识别时间测试
  3. 以太坊是什么 - 以太坊开发入门指南
  4. 使用 ABAP 代码向百度网站发起请求并收到回应
  5. 设计模式学习笔记(三)之静(动)态代理模式、适配器模式
  6. 拳王虚拟项目公社:流量如何截流?各类流量截流技巧分享
  7. CLR VIA C#(一)
  8. 【模拟信号】基于matlab标准调幅信号产生+解调【含Matlab源码 984期】
  9. 微星主板黑苹果_组装电脑哪个主板好?如何选择电脑主板?2020年电脑主板推荐及分析。...
  10. Transformer解析与tensorflow代码解读
  11. python读取163邮件内容_python模拟登陆163邮箱并下载邮件内容(第三版代码片段)
  12. Android之视频裁剪
  13. [转]伽利略卫星导航系统2019年7月14日起的宕机事件
  14. linux 查看策略路由,Linux下的策略路由。
  15. python知识图谱实战_知识图谱实战
  16. 没有人会疼自己没人会懂,会理解:伤感空间日志
  17. 一文带你了解ARM的发展历程
  18. 火山视窗opencv计算机视觉入门
  19. 软件项目开发流程及人员职责
  20. Asp.Net微信登录-手机网站APP应用

热门文章

  1. 天纵智能软件快速开发平台商业智能(BI)插件
  2. linux 查看防火墙状态及常用命令 iptables、firewalld
  3. 《深入理解JAVA虚拟机》学习日志----一、自动内存管理机制(2.垃圾收集器与内存分配策略)
  4. C# TabControl
  5. 认识8443端口以及localhost-rsa.jks 找不到的问题
  6. 简述Python中的构造函数和析构函数
  7. DOM操作Select下拉框
  8. 接口使用jwt返回token_基于JWT的token认证
  9. why哥被阿里一道基础面试题给干懵了,一气之下写出万字长文。
  10. 一款人见人爱的软件是什么样子?了解一下uTools吧