android 放大镜的简单实现

工作需要，上网找资料，首先找到的就是机器猫大师发的帖子，地址：http://qt.bbs.devdiv.com/forum.php?mod=viewthread&tid=59079，我看了一下，有些问题，又在大师的指点下，总算是有些收获，现在总结一下

 

我最擅长的是把别人的例子再简化。。。。

 

对于图片的放大，其实很简单，总的思路是一张较大的图，放到手机里，自适应之后就变小了，所以放大的效果可以认为是原图的还原过程。

 

自定义一个View类（放大镜），在其onDraw()方法中根据原图片资源，以及想要展现的放大区域（我用的矩形），根据触摸点的位置，去原图找到相对应的点（我是用的比例算出来的），然后用矩形区域切割出这一部分，用PopupWindow组件显示就可以了，就这么简单。。。。具体更复杂的功能可以随着需要自己添加，部分代码如下：

 

放大镜类

 

public class Magnifier extends View { private Paint paint; private Rect rect; public Magnifier(Context context) { super(context); paint = new Paint(); paint.setAntiAlias(true); paint.setColor(0xff008000); paint.setStyle(Style.STROKE); rect = new Rect(0, 0, AppConstants.EDGE*2, AppConstants.EDGE*2); } protected void onDraw(Canvas canvas) { canvas.save(); paint.setAlpha(255); canvas.drawBitmap(resBitmap, srcRect, rect, paint); canvas.restore(); } }

 

触摸事件响应（前面的部分是对应点的计算和对于越界的处理。。。）

 

public boolean onTouchEvent(MotionEvent event) { // TODO Auto-generated method stub int action = event.getAction(); if(MotionEvent.ACTION_DOWN == action || MotionEvent.ACTION_MOVE == action) { float x = (float)event.getX(); float y = (float)event.getY(); System.out.println("X: " + x + ", Y: " + y); srcRect.set((int)(x*760/480-AppConstants.EDGE), (int)(y*1030/840-AppConstants.EDGE), (int)(x*760/480+AppConstants.EDGE), (int)(y*1030/840+AppConstants.EDGE)); point.set((int)x, (int)y); //对于越界处理 if(srcRect.left < 0) { srcRect.offset(-srcRect.left, 0); } else if(srcRect.right > resBitmap.getWidth()) { srcRect.offset(resBitmap.getWidth()-srcRect.right, 0); } if(srcRect.top < 0) { srcRect.offset(0, -srcRect.top); } else if(srcRect.bottom > resBitmap.getHeight()) { srcRect.offset(0, resBitmap.getHeight()-srcRect.bottom); } if((x<0) || (y<0)) { popup.dismiss(); layout.invalidate(); return true; } layout.removeCallbacks(showPopup); layout.postDelayed(showPopup, 200); magnifier.invalidate(); } else if(MotionEvent.ACTION_UP == action) { layout.removeCallbacks(showPopup); popup.dismiss(); } layout.invalidate(); return true; }