标签 - 不使用 TabHost

Question

我想开发像所附图片一样的标签。但是，不想为此使用 Tabhost。非常感谢任何帮助。

下面是正在使用的 XML：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:background="#0C3666"
    android:orientation="horizontal"
    android:weightSum="1.0" >

    <TextView
        android:id="@+id/news_text"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.25"
        android:background="@drawable/tab_drawable"
        android:clickable="true"
        android:gravity="center"
        android:padding="10dp"
        android:text="NEWS"
        android:textColor="@color/main_white"
        android:textSize="14dp" />

    <TextView
        android:id="@+id/quotes_text"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.25"
        android:background="@drawable/tab_drawable"
        android:clickable="true"
        android:gravity="center"
        android:padding="10dp"
        android:text="QUOTES"
        android:textColor="@color/main_white"
        android:textSize="14dp" />

    <TextView
        android:id="@+id/editor_text"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.25"
        android:background="@drawable/tab_drawable"
        android:clickable="true"
        android:gravity="center"
        android:padding="10dp"

        android:textColor="@color/main_white"
        android:textSize="14dp" />

    <TextView
        android:id="@+id/st_text"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.25"
        android:background="@drawable/tab_drawable"
        android:gravity="center"
        android:padding="10dp"
        android:text="ST"
        android:textColor="@color/main_white"
        android:textSize="14dp" />

</LinearLayout>

上面是布局。我想知道如何绘制分隔线“|”选项卡之间。

Answer 1

添加带有 bar 的 ImageView 作为您想要 bar 的图像背景