天天看點

android 畫布疊加,Android實作圖檔疊加效果的兩種方法

本文執行個體講述了Android實作圖檔疊加效果的兩種方法。分享給大家供大家參考,具體如下: 效果圖: 第一種: 第二種: 第一種是通過canvas畫出來的效果: public void first(View v) { // 防止出現Immutable bitmap passed to Canvas constructor錯誤 Bitmap bi

本文執行個體講述了Android實作圖檔疊加效果的兩種方法。分享給大家供大家參考,具體如下:

效果圖:

第一種:

android 畫布疊加,Android實作圖檔疊加效果的兩種方法

第二種:

android 畫布疊加,Android實作圖檔疊加效果的兩種方法

第一種是通過canvas畫出來的效果:

public void first(View v) {

// 防止出現Immutable bitmap passed to Canvas constructor錯誤

Bitmap bitmap1 = BitmapFactory.decodeResource(getResources(),

R.drawable.apple).copy(Bitmap.Config.ARGB_8888, true);

Bitmap bitmap2 = ((BitmapDrawable) getResources().getDrawable(

R.drawable.go)).getBitmap();

Bitmap newBitmap = null;

newBitmap = Bitmap.createBitmap(bitmap1);

Canvas canvas = new Canvas(newBitmap);

Paint paint = new Paint();

int w = bitmap1.getWidth();

int h = bitmap1.getHeight();

int w_2 = bitmap2.getWidth();

int h_2 = bitmap2.getHeight();

paint.setColor(Color.GRAY);

paint.setAlpha(125);

canvas.drawRect(0, 0, bitmap1.getWidth(), bitmap1.getHeight(), paint);

paint = new Paint();

canvas.drawBitmap(bitmap2, Math.abs(w - w_2) / 2,

Math.abs(h - h_2) / 2, paint);

canvas.save(Canvas.ALL_SAVE_FLAG);

// 存儲新合成的圖檔

canvas.restore();

image.setImageBitmap(newBitmap);

}

Canvas canvas = new Canvas(newBitmap); 當以newBitmap建立Canvas時,是以操作都已經在該圖上實作了。

該例子可以想做是播放器開始播放的效果,計算好中間位置,先覆寫一層透明灰色的正方形,然後在中間畫上自己播放的按鈕。

第二種是使用系統的LayerDrawable類,該類主要用來控制多個圖檔的結合:

public void second(View v) {

Bitmap bitmap1 = ((BitmapDrawable) getResources().getDrawable(

R.drawable.apple)).getBitmap();

Bitmap bitmap2 = ((BitmapDrawable) getResources().getDrawable(

R.drawable.go)).getBitmap();

Drawable[] array = new Drawable[2];

array[0] = new BitmapDrawable(bitmap1);

array[1] = new BitmapDrawable(bitmap2);

LayerDrawable la = new LayerDrawable(array);

// 其中第一個參數為層的索引号,後面的四個參數分别為left、top、right和bottom

la.setLayerInset(0, 0, 0, 0, 0);

la.setLayerInset(1, 20, 20, 20, 20);

image.setImageDrawable(la);

}

關聯數組array,控制每一層的位置

注意:上面防止出現Immutable bitmap passed to Canvas constructor錯誤

原因是如果不用copy的方法,直接引用會對資源檔案進行修改,而Android是不允許在代碼裡修改res檔案裡的圖檔

layer-list可以将多個圖檔按照順序層疊起來。

文法:在drawalbe/drawable-layer.xml中

使用方式像其他圖檔一樣:

如在樣式中引用:

@drawable/drawable-layer

在java代碼中引用:

複制代碼 代碼如下:((ImageView) findViewById(R.id.imageview)).setImageDrawable(getResources().getDrawable(R.drawable.drawable-layer)

在代碼中實作:

Resources resources = getResources();

Drawable[] layers = new Drawable[2];

layers[0] = r.getDrawable(R.drawable.white);

layers[1] = r.getDrawable(R.drawable.logo_overlay);

LayerDrawable layerDrawable = new LayerDrawable(layers)

((ImageView) findViewById(R.id.imageview)).setImageDrawable(layerDrawable);

再舉一個例子:

要用2張圖檔疊加起來,看上去形成一張圖檔

首先建立一個drawalbe/login_head.xml的檔案,内容如下:

xmlns:Android="http://schemas.android.com/apk/res/android">

然後就可以使用這個組合的圖檔了,比如在ImageView中顯示:

Android:layout_width="wrap_content" android:layout_height="wrap_content" />

使用java代碼:

如何使多個Drawable疊加(合成圖檔)?

大家可能知道Bitmap的疊加處理在Android平台中可以通過Canvas一層一層的畫就行了,而Drawable中如何處理呢? 除了使用BitmapDrawable的getBitmap方法将Drawable轉換為Bitmap外,今天Android123給大家說下好用簡單的LayerDrawable類,LayerDrawable顧名思義就是層圖形對象。下面直接用一個簡單的代碼表示:

Bitmap bm = BitmapFactory.decodeResource(getResources(),R.drawable.cwj);

Drawable[] array = new Drawable[3];

array[0] = new PaintDrawable(Color.BLACK); //黑色

array[1] = new PaintDrawable(Color.WHITE); //白色

array[2] = new BitmapDrawable(bm); //位圖資源

LayerDrawable ld = new LayerDrawable(array); //參數為上面的Drawable數組

ld.setLayerInset(1, 1, 1, 1, 1); //第一個參數1代表數組的第二個元素,為白色

ld.setLayerInset(2, 2, 2, 2, 2); //第一個參數2代表數組的第三個元素,為位圖資源

mImageView.setImageDrawable(ld);

上面的方法中LayerDrawable是關鍵,Android開發網提示setLayerInset方法原型為public void setLayerInset (int index, int l, int t, int r, int b) 其中第一個參數為層的索引号,後面的四個參數分别為left、top、right和bottom。對于簡單的圖檔合成我們可以将第一和第二層的PaintDrawable換成BitmapDrawable即可實作簡單的圖檔合成。

更多關于Android相關内容感興趣的讀者可檢視本站專題:《Android圖形與圖像處理技巧總結》、《Android開發入門與進階教程》、《Android調試技巧與常見問題解決方法彙總》、《Android多媒體操作技巧彙總(音頻,視訊,錄音等)》、《Android基本元件用法總結》、《Android視圖View技巧總結》、《Android布局layout技巧總結》及《Android控件用法總結》

希望本文所述對大家Android程式設計有所幫助。