Android 图片的浏览、缩放、拖动和自动居中

转载 2012年09月18日 19:45:23

http://www.cnblogs.com/dwinter/archive/2012/01/12/2321082.html

Activity:

/**
 * 图片浏览、缩放、拖动、自动居中
 */
public class Touch extends Activity implements OnTouchListener {

    Matrix matrix = new Matrix();
    Matrix savedMatrix = new Matrix();
    DisplayMetrics dm;
    ImageView imgView;
    Bitmap bitmap;

    float minScaleR;// 最小缩放比例
    static final float MAX_SCALE = 4f;// 最大缩放比例

    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);
        setContentView(R.layout.scale);
        imgView = (ImageView) findViewById(R.id.imag);// 获取控件
        bitmap = BitmapFactory.decodeResource(getResources(), this.getIntent()
                .getExtras().getInt("IMG"));// 获取图片资源
        imgView.setImageBitmap(bitmap);// 填充控件
        imgView.setOnTouchListener(this);// 设置触屏监听
        dm = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);// 获取分辨率
        minZoom();
        center();
        imgView.setImageMatrix(matrix);
    }

    /**
     * 触屏监听
     */
    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;
            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) {
                matrix.setScale(minScaleR, minScaleR);
            }
            if (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);
    }
}

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_gravity="center" >

    <ImageView
        android:id="@+id/imag"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="center"
        android:scaleType="matrix" >
    </ImageView>

</FrameLayout>
public abstract class AbsConfigProcessor {
    public boolean needProcess(ConfigRealmWrapper configRealmWrapper)
	public abstract void processConfig(Context context, long manifestLastTime) throws ConfigDeployError;
    public void selectNewestConfig(ConfigRealmWrapper configRealmWrapper)
    // 部署出错时,当前有配置文件选项时可以回滚
    public boolean rollback(ConfigRealmWrapper configRealmWrapper)
    public abstract void deleteDirectoryIncludeEmptyParent(long manifestLastTime);
}


@Override
public void processConfig(Context context, long manifestLastTime) throws ConfigDeployError {
	String unzipDir = getTargetConfigDir(manifestLastTime) + "Mall/";
	String oldMallDirStr = MallH5ZipDao.getInstance(context).loadH5ZipPath();

	try {
		FileUtil.unzipFile(getTargetConfigPath(manifestLastTime), unzipDir);//将mall.zip文件解压到Mall目录

		MallH5ZipDao.getInstance(context).saveH5ZipPath(unzipDir);//切换现有Hybrid的配置路径到新的路径
		HybridConfigManager.getInstance().updateReleaseBaseUrl(context);//该步骤成功,则不需要rollback
	} catch (Exception e) {
		throw new ConfigDeployError("MallH5ZipProcessor processConfig error:" + e.getMessage());
	}

	FileUtil.deleteFile(getTargetConfigPath(manifestLastTime));//刪除Fetch目录下的mall.zip文件
	FileUtil.deleteDirectoryIncludeEmptyParent(oldMallDirStr);//删除旧的H5及其空的Parent
}








Android Matrix 最全方法详解与进阶

Matrix类全解析,最全方法详解
  • gb702250823
  • gb702250823
  • 2016-12-08 22:50:18
  • 1485

Android Matrix 超级详解

以下转自:    http://www.gcssloop.com/customview/Matrix_Method    http://www.gcssloop.com/customview/Matr...
  • xiexiangyu92
  • xiexiangyu92
  • 2018-02-26 22:40:40
  • 39

Android 图片的浏览、缩放、拖动和自动居中

http://www.cnblogs.com/dwinter/archive/2012/01/12/2321082.html Activity: /** * 图片浏览、缩放、拖动、自动居中 */...
  • n70joey
  • n70joey
  • 2012-09-18 19:45:23
  • 2207

图片居中自适应浏览器缩放

代码如下,div里面放图片就好了 图片适应 body{ min-width: 1000px;//设置最小宽度,这样图片才不会乱掉 } .div{ ...
  • wangweiscsdn
  • wangweiscsdn
  • 2016-12-19 14:01:37
  • 827

android Matrix 操作

Android中使用Matrix实现图片的缩放和旋转,通过本文学习 ,你将学会如何通过Matrix操作图像。 Matrix的操作,总共分为translate(平移),rotate(旋转),scale...
  • wang_shaner
  • wang_shaner
  • 2012-08-13 12:50:39
  • 4231

安卓自定义View进阶-Matrix详解

这应该是目前最详细的一篇讲解Matrix的中文文章了,在上一篇文章Matrix原理中,我们对Matrix做了一个简单的了解,偏向理论,在本文中则会详细的讲解Matrix的具体用法,以及与Matrix相...
  • u013831257
  • u013831257
  • 2016-08-30 18:27:09
  • 3058

android开发之图片的浏览、缩放、拖动及自动居中

最近项目开发中遇到了点击缩略图查看大图的问题,自己开发实在费时费力,在网上找了很多,找到一个效果不错的,希望对大家有帮助。贴上代码。 Touch.java /** * 图片浏览、缩放、拖动、自动...
  • fkaking
  • fkaking
  • 2013-06-14 17:40:34
  • 656

图片的浏览、缩放、拖动和自动居中

Touch.javaimport android.app.Activity; import android.graphics.Bitmap; import android.graphics.Bitma...
  • zhou699
  • zhou699
  • 2012-01-13 09:15:23
  • 776

Android:ImageView图片缩放、居中

几个重要知识点: 1、布局文件中android:scaleType="matrix" 设置图片动态缩放 2、matrix.postTranslate(dx,dy); 平移图片 matrix.pos...
  • weiming8517
  • weiming8517
  • 2013-04-17 16:36:05
  • 21019

android之Matrix

今天我学习下android中和图片相关的Matrix.先看代码示例:package cn.com.chenzheng_java; import android.app.Activity; im...
  • chenzheng_java
  • chenzheng_java
  • 2011-03-12 14:18:00
  • 4989
收藏助手
不良信息举报
您举报文章:Android 图片的浏览、缩放、拖动和自动居中
举报原因:
原因补充:

(最多只允许输入30个字)