安卓App双击放大和缩小图片功能

直接上代码:

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站设计、网站制作、广陵网络推广、成都微信小程序、广陵网络营销、广陵企业策划、广陵品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供广陵建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

public static Bitmap scale(Bitmap bitmap, float scaleWidth, float scaleHeight) {

int width = bitmap.getWidth();

int height = bitmap.getHeight();

Matrix matrix = new Matrix();

matrix.postScale(scaleWidth, scaleHeight);

Log.i(TAG, "scaleWidth:"+ scaleWidth +", scaleHeight:"+ scaleHeight);

return Bitmap.createBitmap(bitmap, 0, 0, width, height, matrix, true);

}

注意要比例设置正确否则可能会内存溢出，比如曾经使用图片缩放时遇到这么个问题：

java.lang.IllegalArgumentException: bitmap size exceeds 32bits

后来一行行查代码，发现原来是 scale 的比例计算错误，将原图给放大了 20 多倍，导致内存溢出所致，重新修改比例值后就正常了。

好了，下面真正来看一下这个实现了放大和原大两个级别的缩放的模块。

功能有：

以触摸点为中心放大（这个是网上其他的代码没有的）

边界控制（这个是网上其他的代码没有的）

双击放大或缩小（主要考虑到电阻屏）

多点触摸放大和缩小

这个模块已经通过了测试，并且用户也使用有一段时间了，是属于比较稳定的了。

下面贴上QANDA.REN代码及使用方法（没有写测试项目，大家见谅）：

ImageControl 类似一个用户自定义的ImageView控件。用法将在下面的代码中贴出。

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.Matrix;

import android.util.AttributeSet;

import android.util.FloatMath;

import android.view.MotionEvent;

import android.widget.ImageView;

public class ImageControl extends ImageView {

public ImageControl(Context context) {

super(context);

// TODO Auto-generated constructor stub

}

public ImageControl(Context context, AttributeSet attrs) {

super(context, attrs);

// TODO Auto-generated constructor stub

}

public ImageControl(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

// TODO Auto-generated constructor stub

}

// ImageView img;

Matrix imgMatrix = null; // 定义图片的变换矩阵

static final int DOUBLE_CLICK_TIME_SPACE = 300; // 双击时间间隔

static final int DOUBLE_POINT_DISTANCE = 10; // 两点放大两点间最小间距

static final int NONE = 0;

static final int DRAG = 1; // 拖动操作

static final int ZOOM = 2; // 放大缩小操作

private int mode = NONE; // 当前模式

float bigScale = 3f; // 默认放大倍数

Boolean isBig = false; // 是否是放大状态

long lastClickTime = 0; // 单击时间

float startDistance; // 多点触摸两点距离

float endDistance; // 多点触摸两点距离

float topHeight; // 状态栏高度和标题栏高度

Bitmap primaryBitmap = null;

float contentW; // 屏幕内容区宽度

float contentH; // 屏幕内容区高度

float primaryW; // 原图宽度

float primaryH; // 原图高度

float scale; // 适合屏幕缩放倍数

Boolean isMoveX = true; // 是否允许在X轴拖动

Boolean isMoveY = true; // 是否允许在Y轴拖动

float startX;

float startY;

float endX;

float endY;

float subX;

float subY;

float limitX1;

float limitX2;

float limitY1;

float limitY2;

ICustomMethod mCustomMethod = null;

/**

* 初始化图片

* @param bitmap

* 要显示的图片

* @param contentW

* 内容区域宽度

* @param contentH

* 内容区域高度

* @param topHeight

* 状态栏高度和标题栏高度之和

public void p_w_picpathInit(Bitmap bitmap, int contentW, int contentH,

int topHeight, ICustomMethod iCustomMethod) {

this.primaryBitmap = bitmap;

this.contentW = contentW;

this.contentH = contentH;

this.topHeight = topHeight;

mCustomMethod = iCustomMethod;

primaryW = primaryBitmap.getWidth();

primaryH = primaryBitmap.getHeight();

float scaleX = (float) contentW / primaryW;

float scaleY = (float) contentH / primaryH;

scale = scaleX < scaleY ? scaleX : scaleY;

if (scale < 1 && 1 / scale < bigScale) {

bigScale = (float) (1 / scale + 0.5);

}

imgMatrix = new Matrix();

subX = (contentW - primaryW * scale) / 2;

subY = (contentH - primaryH * scale) / 2;

this.setImageBitmap(primaryBitmap);

this.setScaleType(ScaleType.MATRIX);

imgMatrix.postScale(scale, scale);

imgMatrix.postTranslate(subX, subY);

this.setImageMatrix(imgMatrix);

}

/**

* 按下操作

* @param event

public void mouseDown(MotionEvent event) {

mode = NONE;

startX = event.getRawX();

startY = event.getRawY();

if (event.getPointerCount() == 1) {

// 如果两次点击时间间隔小于一定值，则默认为双击事件

if (event.getEventTime() - lastClickTime < DOUBLE_CLICK_TIME_SPACE) {

changeSize(startX, startY);

} else if (isBig) {

mode = DRAG;

}

lastClickTime = event.getEventTime();

}

/**

* 非第一个点按下操作

* @param event

public void mousePointDown(MotionEvent event) {

startDistance = getDistance(event);

if (startDistance > DOUBLE_POINT_DISTANCE) {

mode = ZOOM;

} else {

mode = NONE;

}

/**

* 移动操作

* @param event

public void mouseMove(MotionEvent event) {

if ((mode == DRAG) && (isMoveX || isMoveY)) {

float[] XY = getTranslateXY(imgMatrix);

float transX = 0;

float transY = 0;

if (isMoveX) {

endX = event.getRawX();

transX = endX - startX;

if ((XY[0] + transX) <= limitX1) {

transX = limitX1 - XY[0];

}

if ((XY[0] + transX) >= limitX2) {

transX = limitX2 - XY[0];

}

if (isMoveY) {

endY = event.getRawY();

transY = endY - startY;

if ((XY[1] + transY) <= limitY1) {

transY = limitY1 - XY[1];

}

if ((XY[1] + transY) >= limitY2) {

transY = limitY2 - XY[1];

}

imgMatrix.postTranslate(transX, transY);

startX = endX;

startY = endY;

this.setImageMatrix(imgMatrix);

} else if (mode == ZOOM && event.getPointerCount() > 1) {

endDistance = getDistance(event);

float dif = endDistance - startDistance;

if (Math.abs(endDistance - startDistance) > DOUBLE_POINT_DISTANCE) {

if (isBig) {

if (dif < 0) {

changeSize(0, 0);

mode = NONE;

}

} else if (dif > 0) {

float x = event.getX(0) / 2 + event.getX(1) / 2;

float y = event.getY(0) / 2 + event.getY(1) / 2;

changeSize(x, y);

mode = NONE;

}

/**

* 鼠标抬起事件

public void mouseUp() {

mode = NONE;

}

/**

* 图片放大缩小

* @param x

* 点击点X坐标

* @param y

* 点击点Y坐标

private void changeSize(float x, float y) {

if (isBig) {

// 如果处于最大状态，则还原

imgMatrix.reset();

imgMatrix.postScale(scale, scale);

imgMatrix.postTranslate(subX, subY);

isBig = false;

} else {

imgMatrix.postScale(bigScale, bigScale); // 在原有矩阵后乘放大倍数

float transX = -((bigScale - 1) * x);

float transY = -((bigScale - 1) * (y - topHeight)); // (bigScale-1)(y-statusBarHeight-subY)+2*subY;

float currentWidth = primaryW * scale * bigScale; // 放大后图片大小

float currentHeight = primaryH * scale * bigScale;

// 如果图片放大后超出屏幕范围处理

if (currentHeight > contentH) {

limitY1 = -(currentHeight - contentH); // 平移限制

limitY2 = 0;

isMoveY = true; // 允许在Y轴上拖动

float currentSubY = bigScale * subY; // 当前平移距离

// 平移后，内容区域上部有空白处理办法

if (-transY < currentSubY) {

transY = -currentSubY;

}

// 平移后，内容区域下部有空白处理办法

if (currentSubY + transY < limitY1) {

transY = -(currentHeight + currentSubY - contentH);

}

} else {

// 如果图片放大后没有超出屏幕范围处理，则不允许拖动

isMoveY = false;

}

if (currentWidth > contentW) {

limitX1 = -(currentWidth - contentW);

limitX2 = 0;

isMoveX = true;

float currentSubX = bigScale * subX;

if (-transX < currentSubX) {

transX = -currentSubX;

}

if (currentSubX + transX < limitX1) {

transX = -(currentWidth + currentSubX - contentW);

}

} else {

isMoveX = false;

}

imgMatrix.postTranslate(transX, transY);

isBig = true;

}

this.setImageMatrix(imgMatrix);

if (mCustomMethod != null) {

mCustomMethod.customMethod(isBig);

}

/**

* 获取变换矩阵中X轴偏移量和Y轴偏移量

* @param matrix

* 变换矩阵

* @return

private float[] getTranslateXY(Matrix matrix) {

float[] values = new float[9];

matrix.getValues(values);

float[] floats = new float[2];

floats[0] = values[Matrix.MTRANS_X];

floats[1] = values[Matrix.MTRANS_Y];

return floats;

}

/**

* 获取两点间的距离

* @param event

* @return

private float getDistance(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);

}

/**

* @author Administrator 用户自定义方法

public interface ICustomMethod {

public void customMethod(Boolean currentStatus);

}

ImageVewActivity 这个用于测试的Activity

import android.app.Activity;

import android.graphics.Bitmap;

import android.graphics.Rect;

import android.graphics.drawable.BitmapDrawable;

import android.os.Bundle;

import android.view.MotionEvent;

import android.view.View;

import android.widget.LinearLayout;

import android.widget.TextView;

import android.widget.Toast;

import ejiang.boiler.ImageControl.ICustomMethod;

import ejiang.boiler.R.id;

public class ImageViewActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

setContentView(R.layout.common_p_w_picpath_view);

findView();

}

public void onWindowFocusChanged(boolean hasFocus) {

super.onWindowFocusChanged(hasFocus);

init();

}

ImageControl imgControl;

LinearLayout llTitle;

TextView tvTitle;

private void findView() {

imgControl = (ImageControl) findViewById(id.common_p_w_picpathview_p_w_picpathControl1);

llTitle = (LinearLayout) findViewById(id.common_p_w_picpathview_llTitle);

tvTitle = (TextView) findViewById(id.common_p_w_picpathview_title);

}

private void init() {

tvTitle.setText("图片测试");

// 这里可以为imgcontrol的图片路径动态赋值

// ............

Bitmap bmp;

if (imgControl.getDrawingCache() != null) {

bmp = Bitmap.createBitmap(imgControl.getDrawingCache());

} else {

bmp = ((BitmapDrawable) imgControl.getDrawable()).getBitmap();

}

Rect frame = new Rect();

getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);

int statusBarHeight = frame.top;

int screenW = this.getWindowManager().getDefaultDisplay().getWidth();

int screenH = this.getWindowManager().getDefaultDisplay().getHeight()

- statusBarHeight;

if (bmp != null) {

imgControl.p_w_picpathInit(bmp, screenW, screenH, statusBarHeight,

new ICustomMethod() {

@Override

public void customMethod(Boolean currentStatus) {

// 当图片处于放大或缩小状态时，控制标题是否显示

if (currentStatus) {

llTitle.setVisibility(View.GONE);

} else {

llTitle.setVisibility(View.VISIBLE);

}

});

}

else

{

Toast.makeText(ImageViewActivity.this, "图片加载失败，请稍候再试！", Toast.LENGTH_SHORT)

.show();

}

@Override

public boolean onTouchEvent(MotionEvent event) {

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

case MotionEvent.ACTION_DOWN:

imgControl.mouseDown(event);

break;

/**

* 非第一个点按下

case MotionEvent.ACTION_POINTER_DOWN:

imgControl.mousePointDown(event);

break;

case MotionEvent.ACTION_MOVE:

imgControl.mouseMove(event);

break;

case MotionEvent.ACTION_UP:

imgControl.mouseUp();

break;

}

return super.onTouchEvent(event);

}

在上面的代码中，需要注意两点。一Activity中要重写onTouchEvent方法，将触摸事件传递到ImageControl，这点类似于WPF中的路由事件机制。二初始化imgControl即imgControl.p_w_picpathInit，注意其中的参数。最后一个参数类似于C#中的委托，我这里使用接口来实现，在放大缩小的切换时要执行的操作都卸载这个方法中。

common_p_w_picpath_view.xml 布局文件

android:id="@+id/rl"

android:layout_width="fill_parent"

android:layout_height="fill_parent" >

android:id="@+id/common_p_w_picpathview_p_w_picpathControl1"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:src="@drawable/ic_launcher" />

android:id="@+id/common_p_w_picpathview_llTitle"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true" >

android:id="@+id/common_p_w_picpathview_title"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="报告" />

网页题目：安卓App双击放大和缩小图片功能
文章分享：http://chengdu.cdxwcx.cn/article/popdcc.html

甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

首页

网站建设

网站制作案例

解决方案

网站设计报价

网站制作动态

关于我们

联系我们

成都网站建设设计将想法与焦点和您一起共享

安卓App双击放大和缩小图片功能

其他资讯

html5识别手机手机html查看器在哪设置

C语言mbrlen函数 c语言main函数用法

李炎恢jquery讲义李炎评价

css样式点击事件 css点击触发

泰州ios开发公司泰州苹果工厂

甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

成都网站建设设计 将想法与焦点和您一起共享

安卓App双击放大和缩小图片功能

其他资讯

html5识别手机 手机html查看器在哪设置

C语言mbrlen函数 c语言main函数用法

李炎恢jquery讲义 李炎评价

css样式点击事件 css点击触发

泰州ios开发公司 泰州苹果工厂

成都网站建设设计将想法与焦点和您一起共享

html5识别手机手机html查看器在哪设置

李炎恢jquery讲义李炎评价

泰州ios开发公司泰州苹果工厂