android 图片 居中 手势缩放 设置缩放比例,ImageView通过matrix实现手势缩放
关于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实现手势缩放相关推荐
- android手势放大自动还原,ImageView通过matrix实现手势缩放,放大,缩小 ,移动
转载自:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2013/1023/1579.html 测试有效 关于ImageView的手势缩放, ...
- android layout后还原位置,Android图片框架photoview如何记住所有状态并还原,包括缩放度,缩放后的移动的距离等等...
Android图片框架photoview如何记住状态并还原,包括缩放度,缩放后的移动的距离等等,尝试了好多方法都没有作用. private void generateImages() { for (i ...
- bootstrap 图片居中,bootstrap如何设置居中
该方法适用于所有品牌的电脑. Bootstrap 元素居中设置 一.Bootstrap水平居中 1. 文本:class ="text-center" 2. 图片居中:class = ...
- android图片涂鸦,具有设置画笔,撤销,缩放移动等功能(一)
该项目的代码已经重构,采用了新框架,强烈建议查看<Android全新图片涂鸦框架Doodle--多功能.可自定义.可扩展> (旧代码暂时不维护了,所以推荐还是使用最新框架吧!也希望大伙支持 ...
- android 图片特征提取比对_判断ImageView当前的图片是哪个图片,然后比对资源文件的操作...
描述一下需求:我们在点击一个ImageView的时候进行,切换背景,或者是资源文件的时候,我们需要根据拿到的背景进行比对,(试了好几种方法,总是出现一些小毛病) 例如:网上的某某人写的这种: if ( ...
- android 图片居中代码怎么写,Android:将图片居中
首先,您需要在LinearLayout声明中使用" match_parent",而不要使用" fill_parent",您可以选中"正式文档" ...
- android视频拼接图片大小,android图片裁剪拼接实现(一):Matrix基本使用
一.前文 之前有个朋友委托我实现一个图片拼接的组件,感觉挺有意思,于是周末花了些时间去研究了下,其实拼接这一步并不难,但是我在研究中发现了Matrix这个东西,非常好的东西.为此,我竟然拾起了多年没有 ...
- android 图片长宽比例缩放,关于android:如何在ImageView中缩放图像以保持纵横比
在Android中,我将ImageView的layout_width定义为fill_parent(占用手机的整个宽度). 如果我放入ImageView的图像大于layout_width,Android ...
- Android:手把手教你打造可缩放移动的ImageView(下)
在上一篇Android:手把手教你打造可缩放移动的ImageView最后提出了一个注意点:当自定义的MatrixImageView如ViewPager.ListView等带有滑动效果的ViewGrou ...
最新文章
- 【c语言】蓝桥杯算法训练 完数
- Tensorflow yolov3 Intel Realsense D435 识别时间测试
- 以太坊是什么 - 以太坊开发入门指南
- 使用 ABAP 代码向百度网站发起请求并收到回应
- 设计模式学习笔记(三)之静(动)态代理模式、适配器模式
- 拳王虚拟项目公社:流量如何截流?各类流量截流技巧分享
- CLR VIA C#(一)
- 【模拟信号】基于matlab标准调幅信号产生+解调【含Matlab源码 984期】
- 微星主板黑苹果_组装电脑哪个主板好?如何选择电脑主板?2020年电脑主板推荐及分析。...
- Transformer解析与tensorflow代码解读
- python读取163邮件内容_python模拟登陆163邮箱并下载邮件内容(第三版代码片段)
- Android之视频裁剪
- [转]伽利略卫星导航系统2019年7月14日起的宕机事件
- linux 查看策略路由,Linux下的策略路由。
- python知识图谱实战_知识图谱实战
- 没有人会疼自己没人会懂,会理解:伤感空间日志
- 一文带你了解ARM的发展历程
- 火山视窗opencv计算机视觉入门
- 软件项目开发流程及人员职责
- Asp.Net微信登录-手机网站APP应用
热门文章
- 天纵智能软件快速开发平台商业智能(BI)插件
- linux 查看防火墙状态及常用命令 iptables、firewalld
- 《深入理解JAVA虚拟机》学习日志----一、自动内存管理机制(2.垃圾收集器与内存分配策略)
- C# TabControl
- 认识8443端口以及localhost-rsa.jks 找不到的问题
- 简述Python中的构造函数和析构函数
- DOM操作Select下拉框
- 接口使用jwt返回token_基于JWT的token认证
- why哥被阿里一道基础面试题给干懵了,一气之下写出万字长文。
- 一款人见人爱的软件是什么样子?了解一下uTools吧