Android 背景圖片的縮放實現_Android

Android 背景圖片的縮放

 ONE Goal ,ONE Passion !

我們看到一些效果,控制項中的背景圖片會慢慢變大,但是控制項不會隨著圖片的放大而變大.效果如下:

分析:

想讓圖片變大,而且控制項本身大小不能改變,那麼就要改變圖片自身大小,而不能改變控制項大小.

實現原理:

1,首先拿到我們要放大的圖片bitmap.

2,使用Bitmap.createBitmap().建立一個bitmap的副本.

3,使用matrix去改變圖片副本本身大小

4,使用ValueAnimator去根據變動率將副本繪製出來.

自訂View

 public class ScaleImage extends View {  /**   * 設定的背景圖片   */  private Drawable background;  /**   * 畫布的背景圖片   */  private Bitmap bitmapCopy;  /**   * 跟隨動畫即時更新的 放大比例   */  float scal = 1f;  /**   * 讓原圖放大 1.3倍,這個值可以隨意更改.目的是讓原圖填充滿控制項   */  private float orgFrac = 1.3f;  /**   * 控制項寬   */  private int widthSize;  /**   * 控制項高   */  private int heightSize;  private float downY;  private float downX;  public ScaleImage(Context context) {    this(context, null);  }  public ScaleImage(Context context, AttributeSet attrs) {    this(context, attrs, 0);  }  public ScaleImage(Context context, AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);  }  @Override  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {    super.onMeasure(widthMeasureSpec, heightMeasureSpec);    widthSize = MeasureSpec.getSize(widthMeasureSpec);    heightSize = MeasureSpec.getSize(heightMeasureSpec);  }  @Override  protected void onDraw(final Canvas canvas) {    super.onDraw(canvas);    if (background != null) {      BitmapDrawable bd = (BitmapDrawable) background;      final Bitmap bitmap = bd.getBitmap();      final Matrix matrix = new Matrix();      bitmapCopy = Bitmap.createBitmap(bitmap, 0, 0,          bitmap.getWidth(), bitmap.getHeight(),          matrix, true);      /**       * float sx, float sy, float px, float py       *       * sx,sy x,y方向縮放比例       * px,py 以px py為軸心進行縮放       * 放大比例加了預設的orgFrac.是為了在還沒有開始縮放時       * 放圖片能夠填充控制項.如果圖片過小的話,可能控制項和圖片       * 之間會有邊界空白       *       * 注意: 這裡的px py :matrix作用於哪個對象上,那麼px,py就是對象上的座標點       * 如 : 這裡就是 bitmapCopy 上的px,py座標點.       */      matrix.setScale(orgFrac + scal, 1, bitmapCopy.getWidth() / 2, bitmapCopy.getHeight() / 2);      canvas.drawBitmap(bitmapCopy, matrix, null);    }  }  /**   * 開始縮放   *   * @param drawableId 需要放大的背景圖片   */  public void startScale(int drawableId) {    background = getResources().getDrawable(drawableId);    if (background == null) {      throw new RuntimeException("background must not null");    } else {      ValueAnimator animator = ValueAnimator.ofFloat(0, 1);      animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {        @Override        public void onAnimationUpdate(ValueAnimator animation) {          float fraction = (float) animation.getAnimatedValue();          scal = (float) (0.5 * fraction);          invalidate();        }      });      animator.setDuration(5000);      animator.setInterpolator(new BounceInterpolator());      animator.start();    }  }  @Override  public boolean onTouchEvent(MotionEvent event) {    switch (event.getAction()) {      case MotionEvent.ACTION_DOWN:        downY = event.getY();        downX = event.getX();        break;      case MotionEvent.ACTION_UP:        float upY = event.getY();        float upX = event.getX();        if (Math.abs(upY - downY) < 5 && Math.abs(upX - downX) < 5) {          listener.backgroundClick();        }        break;    }    return true;  }  OnBackgroundCilckListener listener;  /**   * 點擊事件的監聽   *   * @param listener   */  public void addBackgroundCilckListener(OnBackgroundCilckListener listener) {    this.listener = listener;  }  public interface OnBackgroundCilckListener {    void backgroundClick();  }  }

跑起來

 image = (ScaleImage) findViewById(R.id.image);    image.startScale(R.drawable.parallax_img);    image.addBackgroundCilckListener(new ScaleImage.OnBackgroundCilckListener() {      @Override      public void backgroundClick() {      }    });

小提琴家

matrix使用待續

好了.直接使用控制項,我們將資源檔中的Drawable傳入就可以了.

感謝閱讀，希望能協助到大家，謝謝大家對本站的支援！