效果图如下图所示：

Android 之多点触摸 手势拉伸放大缩小图片 并在ImageView上画圆及相框_第1张图片 

 

写入代码：

1.首先创建Activity

 

            
                    
  1. public class GalleryMain extends Activity implements OnItemClickListener  
    2.                 
  2. {  
    3.                 
  3.     private ViewScroll detail;  
    4.                 
  4.     private ImageAdapter ia;  
    5.                 
  5.     private LinearLayout ll;  
    6.                 
  6.     private LinearLayout.LayoutParams parm;  
    7.                 
  7.     private Gallery g;    
    8.                 
  8.     @Override 
    9.                 
  9.     protected void onCreate(Bundle savedInstanceState)  
    10.                 
  10.     {  
    11.                 
  11.         super.onCreate(savedInstanceState);  
    12.                 
  12.         setContentView(R.layout.main);  
    13.                 
  13.           
    14.                 
  14.         g = (Gallery) findViewById(R.id.myggg);  
    15.                 
  15.         ll = (LinearLayout) findViewById(R.id.twill);  
    16.                 
  16.         parm = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.FILL_PARENT);  
    17.                 
  17.         ia = new ImageAdapter(this);  
    18.                 
  18.         detail = new ViewScroll(GalleryMain.this, ia.imgIds[0],g);    
    19.                 
  19.         ll.addView(detail,parm);  
    20.                 
  20.         g.setAdapter(ia);  
    21.                 
  21.         g.setOnItemClickListener(this);  
    22.                 
  22.     }  
    23.                 
  23.       
    24.                 
  24.     @Override 
    25.                 
  25.     public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3)  
    26.                 
  26.     {  
    27.                 
  27.         ll.removeView(detail);  
    28.                 
  28.         detail = new ViewScroll(GalleryMain.this, ia.imgIds[arg2],g);     
    29.                 
  29.         ll.addView(detail,parm);  
    30.                 
  30.     }  
    31.                 
  31. }  
    32.

 

main.xml

            
                    
  1. <?xml version="1.0" encoding="utf-8"?> 
    2.                 
  2. <LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"   
    3.                 
  3.    android:orientation="vertical" 
    4.                 
  4.     android:layout_height="fill_parent" 
    5.                 
  5.     android:layout_width="fill_parent" android:gravity="top" android:id="@+id/twill" 
    6.                 
  6.     android:background="@android:color/transparent"> 
    7.                 
  7. <Gallery   
    8.                 
  8.   android:id="@+id/myggg" 
    9.                 
  9.   android:layout_width="fill_parent" 
    10.                 
  10.   android:layout_height="wrap_content" 
    11.                 
  11. /> 
    12.                 
  12.  
    13.                 
  13. LinearLayout> 
    14.

 

2. 可移动的ImageView 需要重写ImageView

            
                    
  1. public class TouchView extends ImageView {  
    2.                 
  2.     static final int NONE = 0;  
    3.                 
  3.     static final int DRAG = 1; // 拖动中  
    4.                 
  4.     static final int ZOOM = 2; // 缩放中  
    5.                 
  5.     static final int BIGGER = 3; // 放大ing  
    6.                 
  6.     static final int SMALLER = 4; // 缩小ing  
    7.                 
  7.     private int mode = NONE; // 当前的事件  
    8.                 
  8.  
    9.                 
  9.     private float beforeLenght; // 两触点距离  
    10.                 
  10.     private float afterLenght; // 两触点距离  
    11.                 
  11.     private float scale = 0.04f; // 缩放的比例 X Y方向都是这个值 越大缩放的越快  
    12.                 
  12.  
    13.                 
  13.     private int screenW;  
    14.                 
  14.     private int screenH;  
    15.                 
  15.  
    16.                 
  16.     /* 处理拖动 变量 */ 
    17.                 
  17.     private int start_x;  
    18.                 
  18.     private int start_y;  
    19.                 
  19.     private int stop_x;  
    20.                 
  20.     private int stop_y;  
    21.                 
  21.  
    22.                 
  22.     private TranslateAnimation trans; // 处理超出边界的动画  
    23.                 
  23.  
    24.                 
  24.     public TouchView(Context context, int w, int h) {  
    25.                 
  25.         super(context);  
    26.                 
  26.         this.setPadding(0, 0, 0, 0);  
    27.                 
  27.         screenW = w;  
    28.                 
  28.         screenH = h;  
    29.                 
  29.     }  
    30.                 
  30.  
    31.                 
  31.     float glowX = 30;  
    32.                 
  32.     float glowY = 30;  
    33.                 
  33.     float radius = 20;  
    34.                 
  34.  
    35.                 
  35.     @Override 
    36.                 
  36.     public void draw(Canvas canvas) {  
    37.                 
  37.         super.draw(canvas);  
    38.                 
  38.         if (drawGlow)  
    39.                 
  39.         canvas.drawCircle(glowX, glowY, radius, paint);  
    40.                 
  40.     }  
    41.                 
  41.  
    42.                 
  42.     Paint paint = new Paint();  
    43.                 
  43.     {  
    44.                 
  44.         paint.setAntiAlias(true);  
    45.                 
  45.         paint.setColor(Color.RED);  
    46.                 
  46.         paint.setAlpha(100);  
    47.                 
  47.     };  
    48.                 
  48.     boolean drawGlow = false;  
    49.                 
  49.  
    50.                 
  50.     /**  
    51.                 
  51.      * 就算两点间的距离  
    52.                 
  52.      */ 
    53.                 
  53.     private float spacing(MotionEvent event) {  
    54.                 
  54.         float x = event.getX(0) - event.getX(1);  
    55.                 
  55.         float y = event.getY(0) - event.getY(1);  
    56.                 
  56.         return FloatMath.sqrt(x * x + y * y);  
    57.                 
  57.     }  
    58.                 
  58.  
    59.                 
  59.     /**  
    60.                 
  60.      * 处理触碰..  
    61.                 
  61.      */ 
    62.                 
  62.     @Override 
    63.                 
  63.     public boolean onTouchEvent(MotionEvent event) {  
    64.                 
  64.         switch (event.getAction() & MotionEvent.ACTION_MASK) {  
    65.                 
  65.         case MotionEvent.ACTION_DOWN:  
    66.                 
  66.             drawGlow = true;  
    67.                 
  67.             mode = DRAG;  
    68.                 
  68.             stop_x = (int) event.getRawX();  
    69.                 
  69.             stop_y = (int) event.getRawY();  
    70.                 
  70.             start_x = (int) event.getX();  
    71.                 
  71.             start_y = stop_y - this.getTop();  
    72.                 
  72.             if (event.getPointerCount() == 2)  
    73.                 
  73.                 beforeLenght = spacing(event);  
    74.                 
  74.             break;  
    75.                 
  75.         case MotionEvent.ACTION_POINTER_DOWN:  
    76.                 
  76.             if (spacing(event) > 10f) {  
    77.                 
  77.                 mode = ZOOM;  
    78.                 
  78.                 beforeLenght = spacing(event);  
    79.                 
  79.             }  
    80.                 
  80.             break;  
    81.                 
  81.         case MotionEvent.ACTION_UP:  
    82.                 
  82.             /* 判断是否超出范围 并处理 */ 
    83.                 
  83.             drawGlow = false;  
    84.                 
  84.             int disX = 0;  
    85.                 
  85.             int disY = 0;  
    86.                 
  86.             if (getHeight() <= screenH || this.getTop() < 0) {  
    87.                 
  87.                 if (this.getTop() < 0) {  
    88.                 
  88.                     int dis = getTop();  
    89.                 
  89.                     this.layout(this.getLeft(), 0, this.getRight(),  
    90.                 
  90.                             0 + this.getHeight());  
    91.                 
  91.                     disY = dis - getTop();  
    92.                 
  92.                 } else if (this.getBottom() > screenH) {  
    93.                 
  93.                     disY = getHeight() - screenH + getTop();  
    94.                 
  94.                     this.layout(this.getLeft(), screenH - getHeight(),  
    95.                 
  95.                             this.getRight(), screenH);  
    96.                 
  96.                 }  
    97.                 
  97.             }  
    98.                 
  98.             if (getWidth() <= screenW) {  
    99.                 
  99.                 if (this.getLeft() < 0) {  
    100.                 
  100.                     disX = getLeft();  
    101.                 
  101.                     this.layout(0, this.getTop(), 0 + getWidth(),  
    102.                 
  102.                             this.getBottom());  
    103.                 
  103.                 } else if (this.getRight() > screenW) {  
    104.                 
  104.                     disX = getWidth() - screenW + getLeft();  
    105.                 
  105.                     this.layout(screenW - getWidth(), this.getTop(), screenW,  
    106.                 
  106.                             this.getBottom());  
    107.                 
  107.                 }  
    108.                 
  108.             }  
    109.                 
  109.             if (disX != 0 || disY != 0) {  
    110.                 
  110.                 trans = new TranslateAnimation(disX, 0, disY, 0);  
    111.                 
  111.                 trans.setDuration(500);  
    112.                 
  112.                 this.startAnimation(trans);  
    113.                 
  113.             }  
    114.                 
  114.             mode = NONE;  
    115.                 
  115.             break;  
    116.                 
  116.         case MotionEvent.ACTION_POINTER_UP:  
    117.                 
  117.             mode = NONE;  
    118.                 
  118.             break;  
    119.                 
  119.         case MotionEvent.ACTION_MOVE:  
    120.                 
  120.             /* 处理拖动 */ 
    121.                 
  121.             if (mode == DRAG) {  
    122.                 
  122.                 if (Math.abs(stop_x - start_x - getLeft()) < 88 
    123.                 
  123.                         && Math.abs(stop_y - start_y - getTop()) < 85) {  
    124.                 
  124.                     this.setPosition(stop_x - start_x, stop_y - start_y, stop_x  
    125.                 
  125.                             + this.getWidth() - start_x, stop_y - start_y  
    126.                 
  126.                             + this.getHeight());  
    127.                 
  127.                     stop_x = (int) event.getRawX();  
    128.                 
  128.                     stop_y = (int) event.getRawY();  
    129.                 
  129.                 }  
    130.                 
  130.             }  
    131.                 
  131.             /* 处理缩放 */ 
    132.                 
  132.             else if (mode == ZOOM) {  
    133.                 
  133.                 if (spacing(event) > 10f) {  
    134.                 
  134.                     afterLenght = spacing(event);  
    135.                 
  135.                     float gapLenght = afterLenght - beforeLenght;  
    136.                 
  136.                     if (gapLenght == 0) {  
    137.                 
  137.                         break;  
    138.                 
  138.                     } else if (Math.abs(gapLenght) > 5f) {  
    139.                 
  139.                         if (gapLenght > 0) {  
    140.                 
  140.                             this.setScale(scale, BIGGER);  
    141.                 
  141.                         } else {  
    142.                 
  142.                             this.setScale(scale, SMALLER);  
    143.                 
  143.                         }  
    144.                 
  144.                         beforeLenght = afterLenght;  
    145.                 
  145.                     }  
    146.                 
  146.                 }  
    147.                 
  147.             }  
    148.                 
  148.             break;  
    149.                 
  149.         }  
    150.                 
  150.         glowX = event.getX();  
    151.                 
  151.         glowY = event.getY();  
    152.                 
  152.         this.invalidate();  
    153.                 
  153.         return true;  
    154.                 
  154.     }  
    155.                 
  155.  
    156.                 
  156.     /**  
    157.                 
  157.      * 实现处理缩放  
    158.                 
  158.      */ 
    159.                 
  159.     private void setScale(float temp, int flag) {  
    160.                 
  160.  
    161.                 
  161.         if (flag == BIGGER) {  
    162.                 
  162.             this.setFrame(this.getLeft() - (int) (temp * this.getWidth()),  
    163.                 
  163.                     this.getTop() - (int) (temp * this.getHeight()),  
    164.                 
  164.                     this.getRight() + (int) (temp * this.getWidth()),  
    165.                 
  165.                     this.getBottom() + (int) (temp * this.getHeight()));  
    166.                 
  166.         } else if (flag == SMALLER) {  
    167.                 
  167.             this.setFrame(this.getLeft() + (int) (temp * this.getWidth()),  
    168.                 
  168.                     this.getTop() + (int) (temp * this.getHeight()),  
    169.                 
  169.                     this.getRight() - (int) (temp * this.getWidth()),  
    170.                 
  170.                     this.getBottom() - (int) (temp * this.getHeight()));  
    171.                 
  171.         }  
    172.                 
  172.     }  
    173.                 
  173.  
    174.                 
  174.     /**  
    175.                 
  175.      * 实现处理拖动  
    176.                 
  176.      */ 
    177.                 
  177.     private void setPosition(int left, int top, int right, int bottom) {  
    178.                 
  178.         this.layout(left, top, right, bottom);  
    179.                 
  179.     }  
    180.                 
  180.  
    181.                 
  181. }  
    182.

3.

            
                    
  1. /**  
    2.                 
  2.  * 一个绝对布局   
    3.                 
  3.  * @author Administrator  
    4.                 
  4.  *  
    5.                 
  5.  */ 
    6.                 
  6. @SuppressWarnings("deprecation")  
    7.                 
  7. public class ViewScroll extends AbsoluteLayout  
    8.                 
  8. {  
    9.                 
  9.     private int screenW;    //可用的屏幕宽  
    10.                 
  10.     private int screenH;    //可用的屏幕高   总高度-上面组件的总高度  
    11.                 
  11.     private int imgW;       //图片原始宽  
    12.                 
  12.     private int imgH;       //图片原始高  
    13.                 
  13.     private TouchView tv;  
    14.                 
  14.  
    15.                 
  15.     public ViewScroll(Context context,int resId,View topView)  
    16.                 
  16.     {  
    17.                 
  17.         super(context);  
    18.                 
  18.         screenW = ((Activity)context).getWindowManager().getDefaultDisplay().getWidth();  
    19.                 
  19.         screenH = ((Activity)context).getWindowManager().getDefaultDisplay().getHeight()-(topView==null?190:topView.getBottom()+50);  
    20.                 
  20.         tv = new TouchView(context,screenW,screenH);  
    21.                 
  21.         tv.setImageResource(resId);  
    22.                 
  22.         Bitmap img = BitmapFactory.decodeResource(context.getResources(), resId);  
    23.                 
  23.         imgW = img.getWidth();  
    24.                 
  24.         imgH = img.getHeight();  
    25.                 
  25.         int layout_w = imgW>screenW?screenW:imgW; //实际显示的宽  
    26.                 
  26.         int layout_h = imgH>screenH?screenH:imgH; //实际显示的高  
    27.                 
  27.         if(layout_w==screenW||layout_h==screenH)  
    28.                 
  28.             tv.setScaleType(ScaleType.FIT_XY);  
    29.                 
  29.         tv.setLayoutParams(new AbsoluteLayout.LayoutParams(layout_w,layout_h , layout_w==screenW?0:(screenW-layout_w)/2, layout_h==screenH?0:(screenH-layout_h)/2));  
    30.                 
  30.         this.addView(tv);  
    31.                 
  31.     } 
    32.

 

4.Gallery上的被画上相框的ImageView

            
                    
  1. package com.app;  
    2.                 
  2.  
    3.                 
  3.  
    4.                 
  4. import android.content.Context;  
    5.                 
  5. import android.graphics.Bitmap;  
    6.                 
  6. import android.graphics.BitmapFactory;  
    7.                 
  7. import android.graphics.Canvas;  
    8.                 
  8. import android.graphics.Color;  
    9.                 
  9. import android.graphics.Matrix;  
    10.                 
  10. import android.graphics.Paint;  
    11.                 
  11. import android.graphics.drawable.BitmapDrawable;  
    12.                 
  12. import android.view.MotionEvent;  
    13.                 
  13. import android.widget.ImageView;  
    14.                 
  14. /**  
    15.                 
  15.  * ImageAdapter中ImageView的实现类  
    16.                 
  16.  * @author Administrator  
    17.                 
  17.  *  
    18.                 
  18.  */ 
    19.                 
  19. public class ImageViewImp extends ImageView  
    20.                 
  20. {  
    21.                 
  21.     private int alpha = 250;  
    22.                 
  22.     private boolean pressed = false;  
    23.                 
  23.     public ImageViewImp(Context context)  
    24.                 
  24.     {  
    25.                 
  25.         super(context);  
    26.                 
  26.     }  
    27.                 
  27.       
    28.                 
  28.     public void show()  
    29.                 
  29.     {  
    30.                 
  30.         new Thread(){  
    31.                 
  31.             public void run() {  
    32.                 
  32.                 int time = 2000;  
    33.                 
  33.                 try 
    34.                 
  34.                 {  
    35.                 
  35.                     pressed = true;  
    36.                 
  36.                     while(time>0)  
    37.                 
  37.                     {  
    38.                 
  38.                         Thread.sleep(200);  
    39.                 
  39.                         time -= 200;  
    40.                 
  40.                         alpha-= 25;  
    41.                 
  41.                           
    42.                 
  42.                         postInvalidate();  
    43.                 
  43.                     }  
    44.                 
  44.                     pressed = false;  
    45.                 
  45.                 }  
    46.                 
  46.                 catch (Exception e)  
    47.                 
  47.                 {  
    48.                 
  48.                     e.printStackTrace();  
    49.                 
  49.                 }  
    50.                 
  50.             };  
    51.                 
  51.         }.start();  
    52.                 
  52.     }  
    53.                 
  53.       
    54.                 
  54.     @Override 
    55.                 
  55.     public boolean onTouchEvent(MotionEvent event)  
    56.                 
  56.     {  
    57.                 
  57.           
    58.                 
  58.         if(event.getAction() == MotionEvent.ACTION_DOWN)  
    59.                 
  59.             show();  
    60.                 
  60.  
    61.                 
  61.         return false;  
    62.                 
  62.     }  
    63.                 
  63.       
    64.                 
  64.       
    65.                 
  65.     @Override 
    66.                 
  66.     protected void onDraw(Canvas canvas)  
    67.                 
  67.     {  
    68.                 
  68.         Paint p = new Paint();  
    69.                 
  69.         p.setColor(Color.WHITE);  
    70.                 
  70.         p.setStyle(Paint.Style.STROKE);  
    71.                 
  71.         p.setStrokeWidth(10);  
    72.                 
  72.         BitmapDrawable bd = (BitmapDrawable) getDrawable();  
    73.                 
  73.  
    74.                 
  74.         if(bd!=null)  
    75.                 
  75.         {  
    76.                 
  76.             canvas.drawBitmap(p_w_picpathScale(bd.getBitmap(), 107, 113), 21,18, p);    
    77.                 
  77.         }  
    78.                 
  78.         canvas.drawBitmap(BitmapFactory.decodeResource(getContext().getResources(), R.drawable.kua), 0, 0, p);  
    79.                 
  79.         if(isPressed())  
    80.                 
  80.         {  
    81.                 
  81.             canvas.drawRect(5,5,140,140,p);  
    82.                 
  82.         }  
    83.                 
  83.         if(pressed)  
    84.                 
  84.         {  
    85.                 
  85.             p.setAlpha(alpha);  
    86.                 
  86.             canvas.drawRect(5,5,140,140,p);  
    87.                 
  87.         }  
    88.                 
  88.     }  
    89.                 
  89.       
    90.                 
  90.     public static Bitmap p_w_picpathScale(Bitmap bitmap, int dst_w, int dst_h){    
    91.                 
  91.           int  src_w = bitmap.getWidth();  
    92.                 
  92.           int  src_h = bitmap.getHeight();  
    93.                 
  93.           float scale_w = ((float)dst_w)/src_w;  
    94.                 
  94.           float  scale_h = ((float)dst_h)/src_h;  
    95.                 
  95.           Matrix  matrix = new Matrix();  
    96.                 
  96.           matrix.postScale(scale_w, scale_h);  
    97.                 
  97.           Bitmap dstbmp = Bitmap.createBitmap(bitmap, 0, 0, src_w, src_h, matrix, true);        
    98.                 
  98.           return dstbmp;  
    99.                 
  99.     }  
    100.                 
  100.  
    101.                 
  101. }  
    102.

 

5.Gallery的适配器

            
                    
  1. package com.app;  
    2.                 
  2.  
    3.                 
  3. import android.content.Context;  
    4.                 
  4. import android.view.View;  
    5.                 
  5. import android.view.ViewGroup;  
    6.                 
  6. import android.widget.BaseAdapter;  
    7.                 
  7. import android.widget.Gallery;  
    8.                 
  8. import android.widget.ImageView;  
    9.                 
  9. import android.widget.ImageView.ScaleType;  
    10.                 
  10. /**  
    11.                 
  11.  * Gallery的适配器类  
    12.                 
  12.  * @author Administrator  
    13.                 
  13.  *  
    14.                 
  14.  */ 
    15.                 
  15. public class ImageAdapter extends BaseAdapter  
    16.                 
  16. {  
    17.                 
  17.     /*图片素材*/ 
    18.                 
  18.     public int[] imgIds = {R.drawable.jpg,R.drawable.pic};  
    19.                 
  19.       
    20.                 
  20.     private Context context;  
    21.                 
  21.       
    22.                 
  22.     public ImageAdapter(Context context)  
    23.                 
  23.     {  
    24.                 
  24.         this.context = context;       
    25.                 
  25.     }  
    26.                 
  26.       
    27.                 
  27.     @Override 
    28.                 
  28.     public int getCount()  
    29.                 
  29.     {  
    30.                 
  30.         return imgIds.length;  
    31.                 
  31.     }  
    32.                 
  32.  
    33.                 
  33.     @Override 
    34.                 
  34.     public Object getItem(int position)  
    35.                 
  35.     {  
    36.                 
  36.         return null;  
    37.                 
  37.     }  
    38.                 
  38.  
    39.                 
  39.     @Override 
    40.                 
  40.     public long getItemId(int position)  
    41.                 
  41.     {  
    42.                 
  42.         return 0;  
    43.                 
  43.     }  
    44.                 
  44.  
    45.                 
  45.     @Override 
    46.                 
  46.     public View getView(int position, View convertView, ViewGroup parent)  
    47.                 
  47.     {  
    48.                 
  48.         ImageView img = new ImageViewImp(context);  
    49.                 
  49.         img.setImageResource(imgIds[position]);  
    50.                 
  50.         img.setScaleType(ScaleType.CENTER);  
    51.                 
  51.         img.setLayoutParams(new Gallery.LayoutParams(155,150));  
    52.                 
  52.         return img;  
    53.                 
  53.     }  
    54.                 
  54.  
    55.                 
  55. }  
    56.

 

更多相关文章

  1. 刚开始安卓，记录一个刚做的图片缩放程序
  2. android WindowManager可拖动悬浮按钮
  3. Android单张图片查看、单指移动、双指缩放、双击最大化或最小化
  4. Android 实现图片的自动缩放，适应分辨率不同的手机
  5. Android中实现双指缩放的功能
  6. Android两个recyview直接的item拖动
  7. android 图片处理 resize 探秘（图片缩放、压缩问题）
  8. Android 图片的浏览、缩放、拖动和自动居中
  9. Android控件拖动

随机推荐

  1. Eclipse 开发 Android, Hello FormStuff（
  2. android列出目录下的所有图片
  3. Android(安卓)媒体：网络视频播放器的基本
  4. [Android] conversion to dalvik format
  5. Android(安卓)Unable to execute dex: ja
  6. Android(安卓)强制横屏或竖屏设置
  7. Android: Performing Network Operations
  8. android开发模式LiveData+ViewModel+Room
  9. Android(安卓)SQLiter cursor的使用
  10. Ubuntu android studio 调试 android wea