如何设置标签栏的滚动条

Question

我想在选项卡host.in中设置滚动条，在选项卡中有五个选项卡，但是我一次只显示三个选项卡，以及如何制作滚动条，以便选项卡可以滚动以显示更多选项卡...请提供一些解决方案.......

这是m xml文件.....

<RelativeLayout
    android:id="@+id/rl3"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <TabHost
        android:id="@+id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:background="@drawable/gray" >

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" >

            <RelativeLayout
                android:id="@+id/layTab"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_centerVertical="true"
                android:gravity="center" >

                <HorizontalScrollView
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:fillViewport="true"
                    android:scrollbars="none" >

                    <TabWidget
                        android:id="@android:id/tabs"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content" >
                    </TabWidget>
                </HorizontalScrollView>
            </RelativeLayout>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scrollbars="vertical" >

                <fragment
                    android:id="@+id/fragment1"
                    android:name="info.tech.slidermenu.Home_feed"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:layout_marginTop="50dp" />

                <fragment
                    android:id="@+id/fragment2"
                    android:name="info.tech.slidermenu.Upcoming_tennise_match"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:layout_marginTop="50dp" />

                <fragment
                    android:id="@+id/fragment3"
                    android:name="info.tech.slidermenu.Upcoming_tennise_match"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:layout_marginTop="50dp" />

                <fragment
                    android:id="@+id/fragment4"
                    android:name="info.tech.slidermenu.Upcoming_tennise_match"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:layout_marginTop="50dp" />

                <fragment
                    android:id="@+id/fragment5"
                    android:name="info.tech.slidermenu.Upcoming_tennise_match"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:layout_marginTop="50dp" />
            </FrameLayout>
        </RelativeLayout>
    </TabHost>
</RelativeLayout>

这是课程文件。

public void tabselect() {
    TabHost tab = (TabHost) findViewById(R.id.tabhost);
    tab.setup();
    tab.setHorizontalScrollBarEnabled(true);
    TabHost.TabSpec spec = tab.newTabSpec("tab1");
    spec.setContent(R.id.fragment1);
    spec.setIndicator("Feed");

    tab.addTab(spec);
    spec = tab.newTabSpec("tab2");
    spec.setContent(R.id.fragment2);
    spec.setIndicator("tennis");
    tab.addTab(spec);

    spec = tab.newTabSpec("tab3");
    spec.setContent(R.id.fragment3);
    spec.setIndicator("boxing");
    tab.addTab(spec);

    spec = tab.newTabSpec("tab3");
    spec.setContent(R.id.fragment4);
    spec.setIndicator("cricket");
    tab.addTab(spec);

    spec = tab.newTabSpec("tab3");
    spec.setContent(R.id.fragment5);
    spec.setIndicator("base ball");
    tab.addTab(spec);

    tab.setCurrentTab(0);

}

屏幕截图...

Answer 1

您已经为TabWidget使用了HorizontalScrollView ，所以这是正确的方法。 如果这样做仍然无法进行粗cro，则可能是您遇到布局问题。

您没有详细说明是否正在为TabWidget使用自定义布局，但是如果没有，这将是实现您想要的效果的一种好方法，因为没有一种方法可以说“我只想在TabWidget上显示3个选项卡时间”。

只需为选项卡定义新的布局，即可使三个选项卡一起适合屏幕的宽度，其余选项可通过滚动访问。

----编辑----

我在您的代码中看到了很多LinearLayout 。 尝试这样的事情：

<LinearLayout
            android:id="@+id/TabContainer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="99"
            android:orientation="vertical">
  <TabHost
            android:id="@+android:id/tabhost"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    <LinearLayout
            android:id="@+id/TabLinearLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
      <HorizontalScrollView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:fillViewport="true"
            android:scrollbars="none">
        <TabWidget
            android:id="@+android:id/tabs"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"></TabWidget>
      </HorizontalScrollView>
      <FrameLayout
            android:id="@+android:id/tabcontent"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="10dp" />
    </LinearLayout>
  </TabHost>
</LinearLayout>