如何像图像一样创建tabView

Question

我想在图片中创建一个tabView。

渐变标签是我点击过的

但我不希望像这样

http://www.androidhive.info/2011/08/android-tab-layout-tutorial/

可以从我的.xml创建吗？请帮忙吗？

编辑：.xml代码

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:background="@drawable/header"   
        android:layout_weight="1"   
             />  

    <ImageButton   
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:background="@drawable/header_btn1"      
        />           

    <ImageButton        
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:background="@drawable/header_btn2"  
        />

    <ImageButton  
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:background="@drawable/header_btn3"
        />
</LinearLayout>

Answer 1

我不会在Android中使用实际的“标签”组件。在我们最初有标签的每个项目中，我们删除了它们，只使用了看起来像标签的按钮，并将所有内容都变成了自己的活动。

我会做以下事情：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:orientation="vertical">

    <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="80dp"
            android:orientation="horizontal"
            android:background="#000000">
        <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_weight="1"
                android:background="#68cffa">
            <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="hello"
                    android:layout_gravity="center_horizontal|center_vertical"/>

        </LinearLayout>
        <FrameLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#68cffa">
            <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/star"/>
            <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/highlight"
                    android:id="@+id/star1"
                    android:visibility="gone"/>
        </FrameLayout>
        <FrameLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#68cffa">
            <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/star"/>
            <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/highlight"
                    android:id="@+id/star2"
                    android:visibility="gone"/>
        </FrameLayout>
        <FrameLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#68cffa">
            <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/star"/>
            <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/highlight"
                    android:id="@+id/star3"
                    android:visibility="gone"/>
        </FrameLayout>

    </LinearLayout>


</LinearLayout>

使星形图像成为整个蓝色块所需的宽度/高度，并使星形周围的区域保持透明。根据您当前所在的标签显示/隐藏高亮图像。