快捷導(dǎo)航

Android實(shí)現(xiàn)圖片疊加效果的兩種方法

更新時(shí)間：2016年08月16日 12:00:55 作者：llyofdream

這篇文章主要介紹了Android實(shí)現(xiàn)圖片疊加效果的兩種方法,結(jié)合實(shí)例形式分析了Android實(shí)現(xiàn)圖片疊加效果的兩種操作方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了Android實(shí)現(xiàn)圖片疊加效果的兩種方法。分享給大家供大家參考，具體如下：

效果圖：

第一種：

第二種：

第一種是通過(guò)canvas畫(huà)出來(lái)的效果:

public void first(View v) {
    // 防止出現(xiàn)Immutable bitmap passed to Canvas constructor錯(cuò)誤
    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);
    // 存儲(chǔ)新合成的圖片
    canvas.restore();
    image.setImageBitmap(newBitmap);
}

Canvas canvas = new Canvas(newBitmap); 當(dāng)以newBitmap創(chuàng)建Canvas時(shí)，所以操作都已經(jīng)在該圖上實(shí)現(xiàn)了。

該例子可以想做是播放器開(kāi)始播放的效果，計(jì)算好中間位置，先覆蓋一層透明灰色的正方形，然后在中間畫(huà)上自己播放的按鈕。

第二種是使用系統(tǒng)的LayerDrawable類(lèi)，該類(lèi)主要用來(lái)控制多個(gè)圖片的結(jié)合：

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);
    // 其中第一個(gè)參數(shù)為層的索引號(hào)，后面的四個(gè)參數(shù)分別為left、top、right和bottom
    la.setLayerInset(0, 0, 0, 0, 0);
    la.setLayerInset(1, 20, 20, 20, 20);
    image.setImageDrawable(la);
}

關(guān)聯(lián)數(shù)組array，控制每一層的位置

注意：上面防止出現(xiàn)Immutable bitmap passed to Canvas constructor錯(cuò)誤

原因是如果不用copy的方法，直接引用會(huì)對(duì)資源文件進(jìn)行修改，而Android是不允許在代碼里修改res文件里的圖片

layer-list可以將多個(gè)圖片按照順序?qū)盈B起來(lái)。

語(yǔ)法：在drawalbe/drawable-layer.xml中

<layer-list xmlns:Android="http://schemas.android.com/apk/res/android">
  <item Android:drawable="@android:color/white" />
  <item Android:drawable="@drawable/logo_overlay" />
</layer-list>

使用方式像其他圖片一樣：

如在樣式中引用：

<resources>
  <style name="LookupTheme" parent="@Android:style/Theme.Light.NoTitleBar">
    <item name="Android:windowBackground">@drawable/drawable-layer</item>
  </style>
</resources>

在java代碼中引用：

復(fù)制代碼代碼如下:

((ImageView) findViewById(R.id.imageview)).setImageDrawable(getResources().getDrawable(R.drawable.drawable-layer)

在代碼中實(shí)現(xiàn)：

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);

再舉一個(gè)例子：

要用2張圖片疊加起來(lái)，看上去形成一張圖片

首先創(chuàng)建一個(gè)drawalbe/login_head.xml的文件，內(nèi)容如下：

<?xml version="1.0" encoding="UTF-8"?>
<layer-list
 xmlns:Android="http://schemas.android.com/apk/res/android">
  <item Android:id="@+id/user_faceback_drawable" android:drawable="@drawable/faceback" />
  <item Android:id="@+id/user_face_drawable" android:drawable="@drawable/h001" android:left="10.0dip" android:top="18.0dip" android:right="25.0dip" android:bottom="35.0dip" />
</layer-list>

然后就可以使用這個(gè)組合的圖片了，比如在ImageView中顯示：

<ImageView Android:id="@+id/faceImg" android:background="@drawable/login_head"
Android:layout_width="wrap_content" android:layout_height="wrap_content" />

使用java代碼：

如何使多個(gè)Drawable疊加（合成圖片）？

大家可能知道Bitmap的疊加處理在Android平臺(tái)中可以通過(guò)Canvas一層一層的畫(huà)就行了，而Drawable中如何處理呢? 除了使用BitmapDrawable的getBitmap方法將Drawable轉(zhuǎn)換為Bitmap外，今天Android123給大家說(shuō)下好用簡(jiǎn)單的LayerDrawable類(lèi)，LayerDrawable顧名思義就是層圖形對(duì)象。下面直接用一個(gè)簡(jiǎn)單的代碼表示:

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); //參數(shù)為上面的Drawable數(shù)組
ld.setLayerInset(1, 1, 1, 1, 1); //第一個(gè)參數(shù)1代表數(shù)組的第二個(gè)元素，為白色
ld.setLayerInset(2, 2, 2, 2, 2); //第一個(gè)參數(shù)2代表數(shù)組的第三個(gè)元素，為位圖資源
mImageView.setImageDrawable(ld);

上面的方法中LayerDrawable是關(guān)鍵，Android開(kāi)發(fā)網(wǎng)提示setLayerInset方法原型為public void setLayerInset (int index, int l, int t, int r, int b) 其中第一個(gè)參數(shù)為層的索引號(hào)，后面的四個(gè)參數(shù)分別為left、top、right和bottom。對(duì)于簡(jiǎn)單的圖片合成我們可以將第一和第二層的PaintDrawable換成BitmapDrawable即可實(shí)現(xiàn)簡(jiǎn)單的圖片合成。

更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《Android圖形與圖像處理技巧總結(jié)》、《Android開(kāi)發(fā)入門(mén)與進(jìn)階教程》、《Android調(diào)試技巧與常見(jiàn)問(wèn)題解決方法匯總》、《Android多媒體操作技巧匯總(音頻,視頻,錄音等)》、《Android基本組件用法總結(jié)》、《Android視圖View技巧總結(jié)》、《Android布局layout技巧總結(jié)》及《Android控件用法總結(jié)》

希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: