如何在tabcontent前面引入TabWidget背景图片

时间:2014-03-03 09:27:28

标签: android design-patterns android-framelayout tabwidget

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

enter image description here

在这里,您可以看到选中的标签箭头,我想在图片下方显示此箭头,该图片是tabcontent的一部分。

<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 个答案:

答案 0 :(得分:0)

经过更多的搜索,我发现这个解决方案对我有用,就像魅力一样:)希望这个解决方案能够帮助别人。 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>