TabWidged上的Horizo​​natalScrollView“窃取”空间

时间:2011-09-02 17:47:36

标签: android layout tabs horizontal-scrolling

我的TabActivity底部有自定义TabWidgets。我希望能够添加超过5个选项卡。与动态添加“更多”按钮的MenuBar不同,Tabs只是调整大小并且看起来非常糟糕。所以我的第一次尝试是将TabWidgets包装到Horizo​​ntalScrollView中。问题是,我有一个ListView作为TabContent,它的最后一项似乎隐藏在我的TabWidgets后面。 这是我的TabView的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/main_linlay_parent"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content">
  <TabHost 
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <RelativeLayout
      android:id="@+id/main_tablinear"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
      <FrameLayout
        android:id="@android:id/tabcontent"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_above="@android:id/tabs"/>
      <HorizontalScrollView 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:fillViewport="true"
        android:scrollbars="none"
        android:layout_alignParentBottom="true">
        <TabWidget
          android:id="@android:id/tabs"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:layout_gravity="center"/>
      </HorizontalScrollView>
    </RelativeLayout>
  </TabHost>
</LinearLayout>
我在布局中做错了什么?是否有更好的方法来应用超过4个标签?虽然我可以看到4个Tabs对我的Nexus-S很好,但我认为它们在Wildfire上已经很难看了。任何想法赞赏

2 个答案:

答案 0 :(得分:0)

试试这个。它对我有用:

代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_width="fill_parent"
android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android">
<TabHost android:layout_weight="1" android:id="@android:id/tabhost"
    android:layout_width="fill_parent" android:layout_height="fill_parent">
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="fill_parent" android:orientation="vertical">
        <HorizontalScrollView android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <LinearLayout android:layout_height="fill_parent"
                android:orientation="horizontal" android:layout_width="fill_parent">
                <TabWidget android:layout_height="wrap_content"
                    android:id="@android:id/tabs" android:isScrollContainer="true"
                    android:layout_width="fill_parent" android:scrollbars="horizontal"></TabWidget>
            </LinearLayout>
        </HorizontalScrollView>
        <FrameLayout android:layout_width="fill_parent"
            android:layout_height="fill_parent" android:id="@android:id/tabcontent">
            <LinearLayout android:layout_width="fill_parent"
                android:layout_height="fill_parent" android:id="@+id/tab1"></LinearLayout>
            <LinearLayout android:layout_width="fill_parent"
                android:layout_height="fill_parent" android:id="@+id/tab2"></LinearLayout>
            <LinearLayout android:layout_width="fill_parent"
                android:layout_height="fill_parent" android:id="@+id/tab3"></LinearLayout>
            <LinearLayout android:layout_width="fill_parent"
                android:layout_height="fill_parent" android:id="@+id/tab4"></LinearLayout>
            <LinearLayout android:layout_width="fill_parent"
                android:layout_height="fill_parent" android:id="@+id/tab5"></LinearLayout>
        </FrameLayout>
    </LinearLayout>
</TabHost></LinearLayout>

答案 1 :(得分:0)

我自己解决了我的问题!我认为其他用户可以看到解决问题:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/main_linlay_parent"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content">
  <TabHost 
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <RelativeLayout
      android:id="@+id/main_tablinear"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
      <FrameLayout
        android:id="@android:id/tabcontent"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_above="@android:id/tabs"
        android:layout_marginBottom="50dip"/>
        <!-- note: margin bottom 50 dip above: 
           its exactly the size of my custom TabWidget  -->
      <HorizontalScrollView 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:fillViewport="true"
        android:scrollbars="none"
        android:layout_alignParentBottom="true">
        <TabWidget
          android:id="@android:id/tabs"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:layout_gravity="center"/>
      </HorizontalScrollView>
    </RelativeLayout>
  </TabHost>
</LinearLayout>