Android 背景圖片的縮放實(shí)現(xiàn)
Android 背景圖片的縮放
ONE Goal ,ONE Passion !
我們看到一些效果,控件中的背景圖片會(huì)慢慢變大,但是控件不會(huì)隨著圖片的放大而變大.效果如下:

分析:
想讓圖片變大,而且控件本身大小不能改變,那么就要改變圖片自身大小,而不能改變控件大小.
實(shí)現(xiàn)原理:
1,首先拿到我們要放大的圖片bitmap.
2,使用Bitmap.createBitmap().創(chuàng)建一個(gè)bitmap的副本.
3,使用matrix去改變圖片副本本身大小
4,使用ValueAnimator去根據(jù)變化率將副本繪制出來.
自定義View
public class ScaleImage extends View {
/**
* 設(shè)置的背景圖片
*/
private Drawable background;
/**
* 畫布的背景圖片
*/
private Bitmap bitmapCopy;
/**
* 跟隨動(dòng)畫實(shí)時(shí)更新的 放大比例
*/
float scal = 1f;
/**
* 讓原圖放大 1.3倍,這個(gè)值可以隨意更改.目的是讓原圖填充滿控件
*/
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為軸心進(jìn)行縮放
* 放大比例加了默認(rèn)的orgFrac.是為了在還沒有開始縮放時(shí)
* 放圖片能夠填充控件.如果圖片過小的話,可能控件和圖片
* 之間會(huì)有邊界空白
*
* 注意: 這里的px py :matrix作用于哪個(gè)對(duì)象上,那么px,py就是對(duì)象上的坐標(biāo)點(diǎn)
* 如 : 這里就是 bitmapCopy 上的px,py坐標(biāo)點(diǎn).
*/
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;
/**
* 點(diǎn)擊事件的監(jiān)聽
*
* @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使用待續(xù)
好了.直接使用控件,我們將資源文件中的Drawable傳入就可以了.
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
- Android實(shí)現(xiàn)手機(jī)壁紙改變的方法
- Android編程之動(dòng)態(tài)壁紙實(shí)例分析
- android動(dòng)態(tài)壁紙調(diào)用的簡(jiǎn)單實(shí)例
- android 自定義ScrollView實(shí)現(xiàn)背景圖片伸縮的實(shí)現(xiàn)代碼及思路
- android中實(shí)現(xiàn)背景圖片顏色漸變方法
- Android自定義Button并設(shè)置不同背景圖片的方法
- Android設(shè)置桌面背景圖片的實(shí)現(xiàn)方法
- Android編程之書架效果背景圖處理方法
- Android編程之手機(jī)壁紙WallPaper設(shè)置方法示例
相關(guān)文章
Android retrofit上傳文件實(shí)例(包含頭像)
下面小編就為大家分享一篇Android retrofit上傳文件實(shí)例(包含頭像),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01
Android實(shí)現(xiàn)笑臉進(jìn)度加載動(dòng)畫
這篇文章主要介紹了Android實(shí)現(xiàn)笑臉進(jìn)度加載動(dòng)畫的方法,幫助大家更好的理解和學(xué)習(xí)使用Android,感興趣的朋友可以了解下2021-05-05
Android解析相同接口返回不同格式j(luò)son數(shù)據(jù)的方法
這篇文章主要介紹了Android解析相同接口返回不同格式j(luò)son數(shù)據(jù)的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
Android studio 混淆+打包+驗(yàn)證是否成功
本文主要介紹了Android studio 混淆+打包+驗(yàn)證是否成功的相關(guān)知識(shí),具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
okhttp3.4.1+retrofit2.1.0實(shí)現(xiàn)離線緩存的示例
本篇文章主要介紹了okhttp3.4.1+retrofit2.1.0實(shí)現(xiàn)離線緩存的示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
Android利用Intent啟動(dòng)和關(guān)閉Activity
這篇文章主要為大家詳細(xì)介紹了Android利用Intent啟動(dòng)和關(guān)閉Activity的相關(guān)操作,感興趣的小伙伴們可以參考一下2016-06-06
Android Studio項(xiàng)目適配AndroidX(Android 9.0)的方法步驟
這篇文章主要介紹了Android Studio項(xiàng)目適配AndroidX(Android 9.0)的方法步驟,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
Android通過反射實(shí)現(xiàn)強(qiáng)制停止應(yīng)用程序的方法
這篇文章主要介紹了Android通過反射實(shí)現(xiàn)強(qiáng)制停止應(yīng)用程序的方法,涉及Android的反射機(jī)制與進(jìn)程操作的相關(guān)技巧,需要的朋友可以參考下2016-02-02
Android自定義控件實(shí)現(xiàn)時(shí)鐘效果
這篇文章主要介紹了Android自定義控件實(shí)現(xiàn)時(shí)鐘效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-12-12

