2013-07-06 131 views
4

我想在選定的標籤欄上設置背景(紅色圖片)。在android中設置背景圖片

起初我這樣設置

enter image description here

當我在代碼

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <!-- When selected, use grey --> 
    <item android:drawable="@drawable/selected_tab" 
      android:state_selected="true" /> 

</selector> 

它看起來像

enter image description here

我的要求看起來像下面這樣改變。請幫助實現這一點。

enter image description here

回答

0

我覺得它無關,與XML編碼..只是做一些設計技巧

你需要做出兩個不同的twiky圖像爲每個標籤的圖標。標籤的

  • 製作圖像背景具有小頂部部分透明(未選擇資源)與包含所選擇的背景(選定的資源)

+1

但是,當我這樣做,那麼它不能涵蓋的空間。請看第二張圖片,您發現紅色背景顏色圖片顯得很小而不是很多空白處 –

+0

您沒有正確得到我的答案,您不需要製作沒有黑色背景的圖標,使用那些黑色背景製作圖標並將其設置爲選項卡背景 。 – dhams

1
相同尺寸

  • 化妝選擇的圖像

    你需要這樣做

    對於選項卡背景你需要創建選擇器像這樣

    <?xml version="1.0" encoding="utf-8"?> 
    <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
        <!-- When selected, use grey --> 
        <item android:drawable="@drawable/selected_tab" 
          android:state_selected="true" /> 
    
        <item android:drawable="@drawable/default_tab"/> 
    </selector> 
    

    現在您可以像這樣的方式爲您的選項卡按鈕創建不同佈局的按鈕。對於這個需求按鈕視圖來設置您的標籤圖標在可繪製的頂部與文本。

    tab_add_photo_btn.xml

    <Button xmlns:android="http://schemas.android.com/apk/res/android" 
        android:id="@id/tab_search" 
        android:background="@drawable/tab_selector" 
        android:drawableTop="@drawable/add_photo_icon" 
        android:text="ADD PHOTO" 
        android:textColor="#fff" 
        android:padding="10dp"/>