Android 放大镜的实现

本帖转自：http://chroya.iteye.com/blog/924577 package chroya.demo.magnifier; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Matrix; import android.graphics.Shader.TileMode; import android.graphics.drawable.ShapeDrawable; import android.graphics.drawable.shapes.OvalShape; import android.view.MotionEvent; import android.view.View; /** * 放大镜实现方式1 * @author chroya * */ public class ShaderView extends View{         private Bitmap bitmap;         private ShapeDrawable drawable;         //放大镜的半径         private static final int RADIUS = 80;         //放大倍数         private static final int FACTOR = 3;         private Matrix matrix = new Matrix();         public ShaderView(Context context) {                 super(context);                 Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.show);                 bitmap = bmp;                                 BitmapShader shader = new BitmapShader(                                 Bitmap.createScaledBitmap(bmp, bmp.getWidth()*FACTOR,                                                 bmp.getHeight()*FACTOR, true), TileMode.CLAMP, TileMode.CLAMP);                 //圆形的drawable                 drawable = new ShapeDrawable(new OvalShape());                 drawable.getPaint().setShader(shader);                 drawable.setBounds(0, 0, RADIUS*2, RADIUS*2);         }                          @Override         public boolean onTouchEvent(MotionEvent event) {                 final int x = (int) event.getX();                 final int y = (int) event.getY();                 //这个位置表示的是，画shader的起始位置                 matrix.setTranslate(RADIUS-x*FACTOR, RADIUS-y*FACTOR);                 drawable.getPaint().getShader().setLocalMatrix(matrix);                 //bounds，就是那个圆的外切矩形                 drawable.setBounds(x-RADIUS, y-RADIUS, x+RADIUS, y+RADIUS);                 invalidate();                 return true;         }                  @Override         public void onDraw(Canvas canvas) {                 super.onDraw(canvas);                 canvas.drawBitmap(bitmap, 0, 0, null);                 drawable.draw(canvas);         } } 复制代码 基本原理就是使用ShapeDrawable构造一个圆形的drawable，然后它的paint的shader设置为将要放大的图片，然后就是简单的位置移动问题了。放大镜的半径和放大倍数都可以在代码里面修改，代码都有注释，应该很好理解了。 不过，一个问题如果只有一种解决方法的话，那未免有点令人沮丧，想玩点另类的都不行。 玩程序就得玩出个性，玩出激情。哈哈，废话太多，切回正题。 再来看看放大镜的另外一种实现吧 ^-^ package chroya.demo.magnifier; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Matrix; import android.graphics.Path; import android.graphics.Path.Direction; import android.view.MotionEvent; import android.view.View; /** * 放大镜实现方式2 * @author chroya * */ public class PathView extends View{         private Path mPath = new Path();         private Matrix matrix = new Matrix();         private Bitmap bitmap;         //放大镜的半径         private static final int RADIUS = 80;         //放大倍数         private static final int FACTOR = 2;         private int mCurrentX, mCurrentY;         public PathView(Context context) {                 super(context);                 mPath.addCircle(RADIUS, RADIUS, RADIUS, Direction.CW);                 matrix.setScale(FACTOR, FACTOR);                                  bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.show);         }                          @Override         public boolean onTouchEvent(MotionEvent event) {                 mCurrentX = (int) event.getX();                 mCurrentY = (int) event.getY();                                  invalidate();                 return true;         }                  @Override         public void onDraw(Canvas canvas) {                 super.onDraw(canvas);                 //底图                 canvas.drawBitmap(bitmap, 0, 0, null);                 //剪切                 canvas.translate(mCurrentX - RADIUS, mCurrentY - RADIUS);                 canvas.clipPath(mPath);                         //画放大后的图                 canvas.translate(RADIUS-mCurrentX*FACTOR, RADIUS-mCurrentY*FACTOR);                 canvas.drawBitmap(bitmap, matrix, null);                         } } 复制代码 这里使用的是Path类，将canvas剪切出一块圆形区域，在其上绘制放大的部分。 两种方式的效果都一样，如图： 放大两倍的效果。 放大三倍 貌似还缺点什么，是吧？ 嘿嘿，就是放大镜外面缺个框。那玩意，我没资源，所以懒得弄了，有兴趣的自己加吧。