解決android: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，佈局代碼以下：

[html] view plaincopy

1. <LinearLayout android:gravity="center" android:layout_width="96px" android:layout_height="75px"  >  

2.     <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/toolbar_bg"/>      

3. </LinearLayout>  

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

解決方案一：

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

[java] view plaincopy

1. LinearLayout.LayoutParams layoutParam = new LinearLayout.LayoutParams(27, 27);  

2. layout.addView(imageButton, layoutParam);  

不過，事實上咱們並不但願在代碼存在「硬編碼」的狀況。

解決方案二：

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

[html] view plaincopy

1. <?xml version="1.0" encoding="utf-8"?>  

2. <bitmap xmlns:android="http://schemas.android.com/apk/res/android"  

3.     android:id="@id/toolbar_bg_bmp"  

4.     android:src="@drawable/toolbar_bg"  

5.     android:tileMode="disabled" android:gravity="top" >  

6. </bitmap>  

調用以下：

    imageButton.setBackgroundResource(R.drawable.toolbar_bg_bmp)

或者

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

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

[html] view plaincopy

1. <?xml version="1.0" encoding="utf-8"?>  

2. <selector xmlns:android="http://schemas.android.com/apk/res/android" >  

3.     <item android:state_pressed="true" >  

4.         <bitmap android:src="@drawable/toolbar_bg_sel" android:tileMode="disabled" android:gravity="top" />  

5.     </item>  

6.     <item >  

7.         <bitmap android:src="@drawable/toolbar_bg" android:tileMode="disabled" android:gravity="top" />  

8.     </item>  

9. </selector>  

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