效果图如下图所示：

写入代码：

1.首先创建Activity

        
                
  1. publicclassGalleryMainextendsActivityimplementsOnItemClickListener 
    2.             
  2. { 
    3.             
  3. privateViewScrolldetail; 
    4.             
  4. privateImageAdapteria; 
    5.             
  5. privateLinearLayoutll; 
    6.             
  6. privateLinearLayout.LayoutParamsparm; 
    7.             
  7. privateGalleryg; 
    8.             
  8. @Override
    9.             
  9. protectedvoidonCreate(BundlesavedInstanceState) 
    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=newLinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT); 
    17.             
  17. ia=newImageAdapter(this); 
    18.             
  18. detail=newViewScroll(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. publicvoidonItemClick(AdapterView<?>arg0,Viewarg1,intarg2,longarg3) 
    26.             
  26. { 
    27.             
  27. ll.removeView(detail); 
    28.             
  28. detail=newViewScroll(GalleryMain.this,ia.imgIds[arg2],g); 
    29.             
  29. ll.addView(detail,parm); 
    30.             
  30. } 
    31.             
  31. } 
    32.

main.xml

        
                
  1. <?xmlversion="1.0"encoding="utf-8"?>
    2.             
  2. <LinearLayoutxmlns: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.             
    13.             
  13. </LinearLayout>
    14.

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

        
                
  1. publicclassTouchViewextendsImageView{ 
    2.             
  2. staticfinalintNONE=0; 
    3.             
  3. staticfinalintDRAG=1;//拖动中 
    4.             
  4. staticfinalintZOOM=2;//缩放中 
    5.             
  5. staticfinalintBIGGER=3;//放大ing 
    6.             
  6. staticfinalintSMALLER=4;//缩小ing 
    7.             
  7. privateintmode=NONE;//当前的事件 
    8.             
    9.             
  9. privatefloatbeforeLenght;//两触点距离 
    10.             
  10. privatefloatafterLenght;//两触点距离 
    11.             
  11. privatefloatscale=0.04f;//缩放的比例XY方向都是这个值越大缩放的越快 
    12.             
    13.             
  13. privateintscreenW; 
    14.             
  14. privateintscreenH; 
    15.             
    16.             
  16. /*处理拖动变量*/
    17.             
  17. privateintstart_x; 
    18.             
  18. privateintstart_y; 
    19.             
  19. privateintstop_x; 
    20.             
  20. privateintstop_y; 
    21.             
    22.             
  22. privateTranslateAnimationtrans;//处理超出边界的动画 
    23.             
    24.             
  24. publicTouchView(Contextcontext,intw,inth){ 
    25.             
  25. super(context); 
    26.             
  26. this.setPadding(0,0,0,0); 
    27.             
  27. screenW=w; 
    28.             
  28. screenH=h; 
    29.             
  29. } 
    30.             
    31.             
  31. floatglowX=30; 
    32.             
  32. floatglowY=30; 
    33.             
  33. floatradius=20; 
    34.             
    35.             
  35. @Override
    36.             
  36. publicvoiddraw(Canvascanvas){ 
    37.             
  37. super.draw(canvas); 
    38.             
  38. if(drawGlow) 
    39.             
  39. canvas.drawCircle(glowX,glowY,radius,paint); 
    40.             
  40. } 
    41.             
    42.             
  42. Paintpaint=newPaint(); 
    43.             
  43. { 
    44.             
  44. paint.setAntiAlias(true); 
    45.             
  45. paint.setColor(Color.RED); 
    46.             
  46. paint.setAlpha(100); 
    47.             
  47. }; 
    48.             
  48. booleandrawGlow=false; 
    49.             
    50.             
  50. /** 
    51.             
  51. *就算两点间的距离 
    52.             
  52. */
    53.             
  53. privatefloatspacing(MotionEventevent){ 
    54.             
  54. floatx=event.getX(0)-event.getX(1); 
    55.             
  55. floaty=event.getY(0)-event.getY(1); 
    56.             
  56. returnFloatMath.sqrt(x*x+y*y); 
    57.             
  57. } 
    58.             
    59.             
  59. /** 
    60.             
  60. *处理触碰.. 
    61.             
  61. */
    62.             
  62. @Override
    63.             
  63. publicbooleanonTouchEvent(MotionEventevent){ 
    64.             
  64. switch(event.getAction()&MotionEvent.ACTION_MASK){ 
    65.             
  65. caseMotionEvent.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. caseMotionEvent.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. caseMotionEvent.ACTION_UP: 
    82.             
  82. /*判断是否超出范围并处理*/
    83.             
  83. drawGlow=false; 
    84.             
  84. intdisX=0; 
    85.             
  85. intdisY=0; 
    86.             
  86. if(getHeight()<=screenH||this.getTop()<0){ 
    87.             
  87. if(this.getTop()<0){ 
    88.             
  88. intdis=getTop(); 
    89.             
  89. this.layout(this.getLeft(),0,this.getRight(), 
    90.             
  90. 0+this.getHeight()); 
    91.             
  91. disY=dis-getTop(); 
    92.             
  92. }elseif(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. }elseif(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=newTranslateAnimation(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. caseMotionEvent.ACTION_POINTER_UP: 
    117.             
  117. mode=NONE; 
    118.             
  118. break; 
    119.             
  119. caseMotionEvent.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. elseif(mode==ZOOM){ 
    133.             
  133. if(spacing(event)>10f){ 
    134.             
  134. afterLenght=spacing(event); 
    135.             
  135. floatgapLenght=afterLenght-beforeLenght; 
    136.             
  136. if(gapLenght==0){ 
    137.             
  137. break; 
    138.             
  138. }elseif(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. returntrue; 
    154.             
  154. } 
    155.             
    156.             
  156. /** 
    157.             
  157. *实现处理缩放 
    158.             
  158. */
    159.             
  159. privatevoidsetScale(floattemp,intflag){ 
    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. }elseif(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.             
    174.             
  174. /** 
    175.             
  175. *实现处理拖动 
    176.             
  176. */
    177.             
  177. privatevoidsetPosition(intleft,inttop,intright,intbottom){ 
    178.             
  178. this.layout(left,top,right,bottom); 
    179.             
  179. } 
    180.             
    181.             
  181. } 
    182.

3.

        
                
  1. /** 
    2.             
  2. *一个绝对布局 
    3.             
  3. *@authorAdministrator 
    4.             
  4. * 
    5.             
  5. */
    6.             
  6. @SuppressWarnings("deprecation") 
    7.             
  7. publicclassViewScrollextendsAbsoluteLayout 
    8.             
  8. { 
    9.             
  9. privateintscreenW;//可用的屏幕宽 
    10.             
  10. privateintscreenH;//可用的屏幕高总高度-上面组件的总高度 
    11.             
  11. privateintimgW;//图片原始宽 
    12.             
  12. privateintimgH;//图片原始高 
    13.             
  13. privateTouchViewtv; 
    14.             
    15.             
  15. publicViewScroll(Contextcontext,intresId,ViewtopView) 
    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=newTouchView(context,screenW,screenH); 
    21.             
  21. tv.setImageResource(resId); 
    22.             
  22. Bitmapimg=BitmapFactory.decodeResource(context.getResources(),resId); 
    23.             
  23. imgW=img.getWidth(); 
    24.             
  24. imgH=img.getHeight(); 
    25.             
  25. intlayout_w=imgW>screenW?screenW:imgW;//实际显示的宽 
    26.             
  26. intlayout_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(newAbsoluteLayout.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. packagecom.app; 
    2.             
    3.             
    4.             
  4. importandroid.content.Context; 
    5.             
  5. importandroid.graphics.Bitmap; 
    6.             
  6. importandroid.graphics.BitmapFactory; 
    7.             
  7. importandroid.graphics.Canvas; 
    8.             
  8. importandroid.graphics.Color; 
    9.             
  9. importandroid.graphics.Matrix; 
    10.             
  10. importandroid.graphics.Paint; 
    11.             
  11. importandroid.graphics.drawable.BitmapDrawable; 
    12.             
  12. importandroid.view.MotionEvent; 
    13.             
  13. importandroid.widget.ImageView; 
    14.             
  14. /** 
    15.             
  15. *ImageAdapter中ImageView的实现类 
    16.             
  16. *@authorAdministrator 
    17.             
  17. * 
    18.             
  18. */
    19.             
  19. publicclassImageViewImpextendsImageView 
    20.             
  20. { 
    21.             
  21. privateintalpha=250; 
    22.             
  22. privatebooleanpressed=false; 
    23.             
  23. publicImageViewImp(Contextcontext) 
    24.             
  24. { 
    25.             
  25. super(context); 
    26.             
  26. } 
    27.             
  27.  
    28.             
  28. publicvoidshow() 
    29.             
  29. { 
    30.             
  30. newThread(){ 
    31.             
  31. publicvoidrun(){ 
    32.             
  32. inttime=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(Exceptione) 
    47.             
  47. { 
    48.             
  48. e.printStackTrace(); 
    49.             
  49. } 
    50.             
  50. }; 
    51.             
  51. }.start(); 
    52.             
  52. } 
    53.             
  53.  
    54.             
  54. @Override
    55.             
  55. publicbooleanonTouchEvent(MotionEventevent) 
    56.             
  56. { 
    57.             
  57.  
    58.             
  58. if(event.getAction()==MotionEvent.ACTION_DOWN) 
    59.             
  59. show(); 
    60.             
    61.             
  61. returnfalse; 
    62.             
  62. } 
    63.             
  63.  
    64.             
  64.  
    65.             
  65. @Override
    66.             
  66. protectedvoidonDraw(Canvascanvas) 
    67.             
  67. { 
    68.             
  68. Paintp=newPaint(); 
    69.             
  69. p.setColor(Color.WHITE); 
    70.             
  70. p.setStyle(Paint.Style.STROKE); 
    71.             
  71. p.setStrokeWidth(10); 
    72.             
  72. BitmapDrawablebd=(BitmapDrawable)getDrawable(); 
    73.             
    74.             
  74. if(bd!=null) 
    75.             
  75. { 
    76.             
  76. canvas.drawBitmap(imageScale(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. publicstaticBitmapimageScale(Bitmapbitmap,intdst_w,intdst_h){ 
    91.             
  91. intsrc_w=bitmap.getWidth(); 
    92.             
  92. intsrc_h=bitmap.getHeight(); 
    93.             
  93. floatscale_w=((float)dst_w)/src_w; 
    94.             
  94. floatscale_h=((float)dst_h)/src_h; 
    95.             
  95. Matrixmatrix=newMatrix(); 
    96.             
  96. matrix.postScale(scale_w,scale_h); 
    97.             
  97. Bitmapdstbmp=Bitmap.createBitmap(bitmap,0,0,src_w,src_h,matrix,true); 
    98.             
  98. returndstbmp; 
    99.             
  99. } 
    100.             
    101.             
  101. } 
    102.

5.Gallery的适配器

        
                
  1. packagecom.app; 
    2.             
    3.             
  3. importandroid.content.Context; 
    4.             
  4. importandroid.view.View; 
    5.             
  5. importandroid.view.ViewGroup; 
    6.             
  6. importandroid.widget.BaseAdapter; 
    7.             
  7. importandroid.widget.Gallery; 
    8.             
  8. importandroid.widget.ImageView; 
    9.             
  9. importandroid.widget.ImageView.ScaleType; 
    10.             
  10. /** 
    11.             
  11. *Gallery的适配器类 
    12.             
  12. *@authorAdministrator 
    13.             
  13. * 
    14.             
  14. */
    15.             
  15. publicclassImageAdapterextendsBaseAdapter 
    16.             
  16. { 
    17.             
  17. /*图片素材*/
    18.             
  18. publicint[]imgIds={R.drawable.jpg,R.drawable.pic}; 
    19.             
  19.  
    20.             
  20. privateContextcontext; 
    21.             
  21.  
    22.             
  22. publicImageAdapter(Contextcontext) 
    23.             
  23. { 
    24.             
  24. this.context=context; 
    25.             
  25. } 
    26.             
  26.  
    27.             
  27. @Override
    28.             
  28. publicintgetCount() 
    29.             
  29. { 
    30.             
  30. returnimgIds.length; 
    31.             
  31. } 
    32.             
    33.             
  33. @Override
    34.             
  34. publicObjectgetItem(intposition) 
    35.             
  35. { 
    36.             
  36. returnnull; 
    37.             
  37. } 
    38.             
    39.             
  39. @Override
    40.             
  40. publiclonggetItemId(intposition) 
    41.             
  41. { 
    42.             
  42. return0; 
    43.             
  43. } 
    44.             
    45.             
  45. @Override
    46.             
  46. publicViewgetView(intposition,ViewconvertView,ViewGroupparent) 
    47.             
  47. { 
    48.             
  48. ImageViewimg=newImageViewImp(context); 
    49.             
  49. img.setImageResource(imgIds[position]); 
    50.             
  50. img.setScaleType(ScaleType.CENTER); 
    51.             
  51. img.setLayoutParams(newGallery.LayoutParams(155,150)); 
    52.             
  52. returnimg; 
    53.             
  53. } 
    54.             
    55.             
  55. } 
    56.

更多相关文章

  1. Android(安卓)图片OutOfMemory异常bitmap size exceeds VM budge
  2. android绘制圆形图片、圆圈以及图片缩放
  3. GestureDetector.OnGestureListener 详解
  4. android 胡言乱语 2 android UI
  5. 网页 Android(安卓)套壳
  6. android 图片的缩放，bitmap的用法
  7. 完整版仿360等手机卫士火箭拖动版
  8. Android(安卓)Matrix源码详解
  9. Android通过webview调起微信和支付宝app进行支付

随机推荐

  1. 服务端开发指南与最佳实战 | 数据存储技
  2. JavaScript测试教程-part 2：引入 Enzyme
  3. 单例模式 - 只有一个实例
  4. 手撕JS（可能持续更新···）
  5. JavaScript 测试教程 part 1：用 Jest 进行
  6. SOA 对比微服务架构
  7. 服务端开发指南与最佳实战 | 数据存储技
  8. vtp基本命令
  9. 原型模式 - 通过复制生成实例
  10. 服务端开发指南与最佳实战 | 数据存储技