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:ImageView图片缩放、居中

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

android 使用Activity类布局时怎样让图片居中

让图片居中
  • LI0_0BIN
  • LI0_0BIN
  • 2016年05月20日 09:37
  • 2030

Android:ImageView图片缩放、居中

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

Android 史上最简单的实现Canvas drawText文字垂直居中

Android 史上最简单的实现Canvas drawText文字垂直居中楼主最近在做项目,为了方便,写一个自定义的滑动的Button控件,和ViewPager相关联,需要在View上绘制Text(控...
  • wan778899
  • wan778899
  • 2016年05月20日 12:53
  • 2211

android中WebView加载网页居中显示

方式一: WebSettings mWebSettings = webView.getSettings(); mWebSettings.setLayoutAlgorithm(LayoutAlgori...
  • gao_chun
  • gao_chun
  • 2014年07月11日 17:26
  • 10438

Android自定义TextView实现文字图片居中显示

最近有个需求是这样的,人民币的符号“¥”因为安卓手机系统的不一致导致符号不是完全一样,所以用美工的给的图片代替,考虑到用的地方比较多,所以想着写一个继承于线性布局的组合控件,后来一想,安卓中不是有Te...
  • shenshibaoma
  • shenshibaoma
  • 2016年11月30日 11:32
  • 3959

iphone下实现图片的缩放和居中显示

这是实现图片缩放和居中显示的Demo:ScaleMoveImageDemo 程序参考自:http://blog.sina.com.cn/s/blog_9c3c519b0100za22.html 要...
  • iqRocket
  • iqRocket
  • 2013年02月09日 19:36
  • 6983

js控制图片缩放、水平和垂直方向居中对齐

js控制图片缩放、水平和垂直方向居中对齐
  • Goluck98
  • Goluck98
  • 2014年08月08日 23:47
  • 1557

重写Button实现图片drawableTop和文字一起居中

很多情况下我们都希望使用android:drawableTop等相关标签就可以使得Button中的文字和图片居中,本篇博文来说一下居中的实现方法和原理...
  • dreamInTheWorld
  • dreamInTheWorld
  • 2015年04月24日 10:46
  • 4353

自定义TextView,设置Drawable图标居中显示

在Android中,有时需要图标和文字在布局中居中显示,比如这种场景: 搜索图标和文字是紧挨着,点击整个白色区域会触发相应的事件,这种情况下如何只用一个View来达到这种效果呢。当然如果...
  • u010134293
  • u010134293
  • 2016年08月27日 16:13
  • 3654
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android 图片的浏览、缩放、拖动和自动居中
举报原因:
原因补充:

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