Android放大鏡的實現

 

• 複製到剪貼板  Java代碼

  view plaincopy to clipboardprint?
  
  
  
  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設置爲將要放大的圖片，然後就是簡單的位置移動問題了。放大鏡的半徑和放大倍數都可以在代碼裏面修改，代碼都有註釋，應該很好理解了。

不過，一個問題如果只有一種解決方法的話，那未免有點令人沮喪，想玩點另類的都不行。
玩程序就得玩出個性，玩出激情。哈哈，廢話太多，切回正題。


再來看看放大鏡的另外一種實現吧

複製到剪貼板  Java代碼

這裏使用的是Path類，將canvas剪切出一塊圓形區域，在其上繪製放大的部分。
兩種方式的效果都一樣