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

Question

我想在所选标签栏上设置背景（红色图像）。

最初我这样设置

当我更改代码时

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

看起来像

我的要求如下所示。请帮助实现这一目标。

Answer 1

你需要这样做

对于Tab背景，您需要以这种方式创建选择器

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

Answer 2

我觉得它与XML编码无关......只是做一些设计技巧

您需要为每个标签图标制作两个不同的twiky图像。

• 制作顶部透明（未选择资源）的标签的图像背景

• 使所选图像具有相同的尺寸并包含所选背景（所选资源）