在android顶部栏标签中需要帮助

Question

我被困在创建Android顶部栏标签和搜索栏中，如下图所示。

我已经使用文本创建了简单的标签，但所选的行显示在下方。现在的问题是显示图标，选择线应显示在上方？我该怎么做？

Answer 1

您可以使用包含线性布局和图像的自定义视图。我正在使用Textview，在线性布局背景属性中，我添加了一个drawable，它是所选标签的选择器： -

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

<TextView
    android:id="@+id/tabsText"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/tab_text_bg"
    android:gravity="center"
    android:paddingBottom="@dimen/dashboardtabpadding"
    android:paddingTop="@dimen/dashboardtabpadding"
    android:shadowColor="@android:color/white"
    android:shadowDx="1.0"
    android:shadowDy="1.0"
    android:shadowRadius="2.5"
    android:textColor="@color/dashboard_tab_selector"
    android:textSize="@dimen/dashboardtab_heading_Text"
    android:textStyle="bold" />

tab_bg_selector.xml

 <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--  Active tab -->
    <item
        android:state_selected="true"
        android:state_focused="false"
        android:state_pressed="false"
        android:drawable="@drawable/tab_bg_selected"
    />
    <!--  Inactive tab -->
    <item
        android:state_selected="false"
        android:state_focused="false"
        android:state_pressed="false"
        android:drawable="@drawable/tab_bg_unselected"
    />
</selector> 

对于该绿色部分，您可以使用选定和未选定选项卡的图层列表。你可以在图层列表上谷歌。您可以在下面使用选定的标签： -

tab_bg_selected.xml     

<!-- "background shadow" -->
<item>
    <shape android:shape="rectangle" >
        <solid android:color="#C1C1C1" />

    </shape>
</item>
<!-- background color -->
<item
    android:top="5px">
    <shape android:shape="rectangle" >
        <solid android:color="#202222" />

    </shape>
</item>

在您的主要活动中，您可以对上述布局进行充气，并在setIndicator(View view)方法中使用它。

我希望你能得到它。