Android 背景圖片的縮放實現

Android 背景圖片的縮放實現
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

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傳入就可以了.

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支援!

您可能感興趣的文章:

Android實現手機桌布改變的方法Android程式設計之動態桌布例項分析android動態桌布呼叫的簡單例項android 自定義ScrollView實現背景圖片伸縮的實現程式碼及思路android中實現背景圖片顏色漸變方法Android自定義Button並設定不同背景圖片的方法Android設定桌面背景圖片的實現方法Android程式設計之書架效果背景圖處理方法Android程式設計之手機桌布WallPaper設定方法示例

相關文章

Android 開發 最新文章