使tabwidget的子项大于tabwidget

Question

我有5个按钮选项卡小工具，2个从左和2个从右是一样大小的背景选项卡小工具。中心按钮需要比tabwidget高两倍。

如果我把所有的按钮都放到tabhost中，tabhost的大小会增加到与最大的按钮(中间的按钮)相等。如何预防呢？

我想做这样的东西。标签栏的背景高度需要等于红色方块的高度。

​

​

Answer 1

可以，您可以通过以下Xml代码来完成此操作-

center_tab_indicator.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="0dip"
    android:layout_height="65dip"    
    android:layout_weight="1"
    android:orientation="vertical" 
    android:background="@drawable/center_tab_indicator"       
    android:padding="5dp">

    <ImageView android:id="@+id/icon"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/camera"
        android:scaleType="center"/> 

</RelativeLayout>

tab_indicator.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="0dip"
    android:layout_height="55dip"    
    android:layout_weight="1"
    android:orientation="vertical"
    android:layout_marginTop="10sp"
    android:background="@drawable/tab_indicator"
    android:padding="5dp">

    <ImageView android:id="@+id/icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:src="@drawable/icon" /> 

    <TextView android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true" 
        android:layout_centerHorizontal="true"
        style="?android:attr/tabWidgetStyle"
    />    
</RelativeLayout>

通过使用以上两个XML，您可以获得所需的输出。有关更多信息，请查看here，您将获得如下输出-

​

​

看看这个。将有样本项目也可用。希望能对你有所帮助。