效果图如下图所示：

 

 

写入代码：

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. Android(安卓)中如何处理双击事件
  2. android WindowManager可拖动悬浮按钮
  3. Android的按键处理
  4. android 应用层开发
  5. Android消息处理机制3——MessageQueue
  6. Android模糊处理实现图片毛玻璃效果
  7. android WindowManager可拖动悬浮按钮
  8. 解析Android消息处理机制：Handler/Thread/Looper & MessageQueue
  9. 刚开始安卓，记录一个刚做的图片缩放程序

随机推荐

  1. android surfaceflinger boot
  2. 用SlidingDrawer实现类似android状态栏下
  3. Android知识点整理
  4. Android 支持 Java8
  5. Android双屏电子书ShuBook
  6. 写了个android简洁的日志打印工具类。
  7. Activity页面切换的效果
  8. Android ADT 下载 ( ADT-23.0.7 )
  9. Android：国家气象局天气预报接口JSON完全
  10. Android: QQ UI 设计