Android · 2014年12月18日 0

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

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

Activity:

[html] view plaincopy

  1. /**
  2.  * 图片浏览、缩放、拖动、自动居中
  3.  */
  4. public class Touch extends Activity implements OnTouchListener {
  6.     Matrix matrix = new Matrix();
  7.     Matrix savedMatrix = new Matrix();
  8.     DisplayMetrics dm;
  9.     ImageView imgView;
  10.     Bitmap bitmap;
  12.     float minScaleR;// 最小缩放比例
  13.     static final float MAX_SCALE = 4f;// 最大缩放比例
  15.     static final int NONE = 0;// 初始状态
  16.     static final int DRAG = 1;// 拖动
  17.     static final int ZOOM = 2;// 缩放
  18.     int mode = NONE;
  20.     PointF prev = new PointF();
  21.     PointF mid = new PointF();
  22.     float dist = 1f;
  24.     @Override
  25.     public void onCreate(Bundle savedInstanceState) {
  26.         super.onCreate(savedInstanceState);
  27.         setContentView(R.layout.scale);
  28.         imgView = (ImageView) findViewById(R.id.imag);// 获取控件
  29.         bitmap = BitmapFactory.decodeResource(getResources(), this.getIntent()
  30.                 .getExtras().getInt(“IMG”));// 获取图片资源
  31.         imgView.setImageBitmap(bitmap);// 填充控件
  32.         imgView.setOnTouchListener(this);// 设置触屏监听
  33.         dm = new DisplayMetrics();
  34.         getWindowManager().getDefaultDisplay().getMetrics(dm);// 获取分辨率
  35.         minZoom();
  36.         center();
  37.         imgView.setImageMatrix(matrix);
  38.     }
  40.     /**
  41.      * 触屏监听
  42.      */
  43.     public boolean onTouch(View v, MotionEvent event) {
  45.         switch (event.getAction() & MotionEvent.ACTION_MASK) {
  46.         // 主点按下
  47.         case MotionEvent.ACTION_DOWN:
  48.             savedMatrix.set(matrix);
  49.             prev.set(event.getX(), event.getY());
  50.             mode = DRAG;
  51.             break;
  52.         // 副点按下
  53.         case MotionEvent.ACTION_POINTER_DOWN:
  54.             dist = spacing(event);
  55.             // 如果连续两点距离大于10，则判定为多点模式
  56.             if (spacing(event) > 10f) {
  57.                 savedMatrix.set(matrix);
  58.                 midPoint(mid, event);
  59.                 mode = ZOOM;
  60.             }
  61.             break;
  62.         case MotionEvent.ACTION_UP:
  63.         case MotionEvent.ACTION_POINTER_UP:
  64.             mode = NONE;
  65.             break;
  66.         case MotionEvent.ACTION_MOVE:
  67.             if (mode == DRAG) {
  68.                 matrix.set(savedMatrix);
  69.                 matrix.postTranslate(event.getX() – prev.x, event.getY()
  70.                         – prev.y);
  71.             } else if (mode == ZOOM) {
  72.                 float newDist = spacing(event);
  73.                 if (newDist > 10f) {
  74.                     matrix.set(savedMatrix);
  75.                     float tScale = newDist / dist;
  76.                     matrix.postScale(tScale, tScale, mid.x, mid.y);
  77.                 }
  78.             }
  79.             break;
  80.         }
  81.         imgView.setImageMatrix(matrix);
  82.         CheckView();
  83.         return true;
  84.     }
  86.     /**
  87.      * 限制最大最小缩放比例，自动居中
  88.      */
  89.     private void CheckView() {
  90.         float p[] = new float[9];
  91.         matrix.getValues(p);
  92.         if (mode == ZOOM) {
  93.             if (p[0] < minScaleR) {
  94.                 matrix.setScale(minScaleR, minScaleR);
  95.             }
  96.             if (p[0] > MAX_SCALE) {
  97.                 matrix.set(savedMatrix);
  98.             }
  99.         }
  100.         center();
  101.     }
  103.     /**
  104.      * 最小缩放比例，最大为100%
  105.      */
  106.     private void minZoom() {
  107.         minScaleR = Math.min(
  108.                 (float) dm.widthPixels / (float) bitmap.getWidth(),
  109.                 (float) dm.heightPixels / (float) bitmap.getHeight());
  110.         if (minScaleR < 1.0) {
  111.             matrix.postScale(minScaleR, minScaleR);
  112.         }
  113.     }
  115.     private void center() {
  116.         center(true, true);
  117.     }
  119.     /**
  120.      * 横向、纵向居中
  121.      */
  122.     protected void center(boolean horizontal, boolean vertical) {
  124.         Matrix m = new Matrix();
  125.         m.set(matrix);
  126.         RectF rect = new RectF(0, 0, bitmap.getWidth(), bitmap.getHeight());
  127.         m.mapRect(rect);
  129.         float height = rect.height();
  130.         float width = rect.width();
  132.         float deltaX = 0, deltaY = 0;
  134.         if (vertical) {
  135.             // 图片小于屏幕大小，则居中显示。大于屏幕，上方留空则往上移，下方留空则往下移
  136.             int screenHeight = dm.heightPixels;
  137.             if (height < screenHeight) {
  138.                 deltaY = (screenHeight – height) / 2 – rect.top;
  139.             } else if (rect.top > 0) {
  140.                 deltaY = -rect.top;
  141.             } else if (rect.bottom < screenHeight) {
  142.                 deltaY = imgView.getHeight() – rect.bottom;
  143.             }
  144.         }
  146.         if (horizontal) {
  147.             int screenWidth = dm.widthPixels;
  148.             if (width < screenWidth) {
  149.                 deltaX = (screenWidth – width) / 2 – rect.left;
  150.             } else if (rect.left > 0) {
  151.                 deltaX = -rect.left;
  152.             } else if (rect.right < screenWidth) {
  153.                 deltaX = screenWidth – rect.right;
  154.             }
  155.         }
  156.         matrix.postTranslate(deltaX, deltaY);
  157.     }
  159.     /**
  160.      * 两点的距离
  161.      */
  162.     private float spacing(MotionEvent event) {
  163.         float x = event.getX(0) – event.getX(1);
  164.         float y = event.getY(0) – event.getY(1);
  165.         return FloatMath.sqrt(x * x + y * y);
  166.     }
  168.     /**
  169.      * 两点的中点
  170.      */
  171.     private void midPoint(PointF point, MotionEvent event) {
  172.         float x = event.getX(0) + event.getX(1);
  173.         float y = event.getY(0) + event.getY(1);
  174.         point.set(x / 2, y / 2);
  175.     }
  176. }

 

[html] view plaincopy

  1. <?xml version=“1.0” encoding=“utf-8”?>
  2. <FrameLayout xmlns:android=“http://schemas.android.com/apk/res/android”
  3.     android:layout_width=“fill_parent”
  4.     android:layout_height=“fill_parent”
  5.     android:layout_gravity=“center” >
  7.     <ImageView
  8.         android:id=“@+id/imag”
  9.         android:layout_width=“fill_parent”
  10.         android:layout_height=“fill_parent”
  11.         android:layout_gravity=“center”
  12.         android:scaleType=“matrix” >
  13.     </ImageView>
  15. </FrameLayout>

 

Share this:

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据。