在android中的选项卡中设置背景图像

Question

I want to set the background (red image) on selected tab bar.

Initially I set like this

When i change in the code

<?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>

Its look like

My requirement to look like below this. Please help to achieve this.

Answer 1

you need to do like this way

For Tab background you need to create selector like this way

<?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>

now you can create Button with different layout for your tab button like this way. For this requirement Button View to set your tab icon at drawable top with text.

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"/>

Answer 2

I feel its nothing to do with XML coding .. just make some design trick

you need to make two different twiky images for each tab icon .

• make Image background of tab which have little top part transparent (Not selected resource )

• make selected image with same size with contain selected background (Selected resource )