解決background圖片拉伸問題

ImageView中XML屬性src和background的區別：

background會根據ImageView組件給定的長寬進行拉伸，而src就存放的是原圖的大小，不會進行拉伸。src是圖片內容（前景），bg是背景，可以同時使用。

此外：scaleType只對src起作用；bg可設置透明度，比如在ImageButton中就可以用Android:scaleType控制圖片的縮放方式

 

如上所述，background設置的圖片會跟View組件給定的長寬比例進行拉伸。舉個例子， 36x36 px的圖標放在 xhdpi 文件夾中，在854x480（FWVGA，對應hdpi）環境下，按照

xhdpi : hdpi : mdpi: ldip = 2 : 1.5 : 1 : 0.75

的比例計算，在FWVGA下，圖標的實際大小應該是 27x27。

但是當我把它放到一個 layout_width = 96px, layout_height = 75px 的 LinearLayout，布局代碼如下：

 

<LinearLayout android:gravity="center" android:layout_width="96px" android:layout_height="75px"  >
    <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/toolbar_bg"/>
</LinearLayout>

 

 

實際情況是，我們得到的ImageButton的大小是 33x27，很明顯width被拉伸了，這是我們不想看到的情況。

解決方案一：

代碼中動態顯式設置ImageButton的layout_width和layout_width，如下 

LinearLayout.LayoutParams layoutParam = new LinearLayout.LayoutParams(27, 27);
layout.addView(imageButton, layoutParam);

不過，事實上我們並不希望在代碼存在“硬編碼”的情況。

 

解決方案二：

在你通過setBackgroundResource()或者在xml設置android:background屬性時，將你的background以XML Bitmap的形式定義，如下：

 

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@id/toolbar_bg_bmp"
    android:src="@drawable/toolbar_bg"
    android:tileMode="disabled" android:gravity="top" >
</bitmap>

調用如下：

 

    imageButton.setBackgroundResource(R.drawable.toolbar_bg_bmp)

或者

    <ImageButton ...  android:background="@drawable/toolbar_bg_bmp" ... />

若背景圖片有多種狀態，還可參照toolbar_bg_selector.xml：

 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_pressed="true" >
        <bitmap android:src="@drawable/toolbar_bg_sel" android:tileMode="disabled" android:gravity="top" />
    </item>
    <item >
        <bitmap android:src="@drawable/toolbar_bg" android:tileMode="disabled" android:gravity="top" />
    </item>
</selector>

 

如此，不管是通過代碼方式setBackgroundResource()或XML android:background方式設置背景，均不會產生被拉伸的情況。