代码之家 › 专栏 › 技术社区 › Zeeshan

如何将TabWidget背景图像置于tabcontent前面[已关闭]

tabwidget android-framelayout design-patterns android

Zeeshan · 技术社区 · 10 年前

我问这个问题的目的是,我只想在TABCONTENT前面显示半幅图像或选定的选项卡。我将TabWidget和FrameLayout用于linearlayout父标记中的tabcontent。我知道我可以使用Framelayout作为父布局,但它隐藏了选项卡小部件。我正在粘贴代码,请看一下并给我建议。

enter image description here

在这里,您可以看到所选的选项卡箭头,我希望在作为选项卡内容一部分的图像上方显示此箭头。

<TabHost
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_below="@+id/txt_floor"
    android:background="@color/app_bg" >
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:showDividers="none"
            android:dividerPadding="0dp"
            android:tabStripEnabled="false" />
            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_marginTop="-5dp"
                android:layout_weight="0" />

                <android.support.v4.view.ViewPager
                    android:id="@+id/viewpager"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="0dp"
                    android:layout_weight="0"
                    android:layout_gravity="bottom"  />
        </LinearLayout>
</TabHost>

1 回复 | 直到 10 年前

Zeeshan 10 年前

经过更多的搜索,我找到了这个对我来说很有用的解决方案:)希望这个解决方案能帮助到其他人。 enter image description here

<TabHost
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_below="@+id/txt_hosp_name"
    android:background="@color/app_bg" >


        <FrameLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >

            <FrameLayout
                android:id="@+id/content_framelayout"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom" >

                <FrameLayout
                    android:id="@android:id/tabcontent"
                    android:layout_width="0dp"
                    android:layout_height="0dp" />

                <android.support.v4.view.ViewPager
                    android:id="@+id/viewpager"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content" />
            </FrameLayout>

                <TabWidget
                    android:id="@android:id/tabs"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:dividerPadding="0dp"
                    android:showDividers="none"
                    android:tabStripEnabled="false"
                    android:layout_gravity="top" />
        </FrameLayout>

</TabHost>