Android：底部的选项卡

Question

我看到一些关于这个的讨论，但没有明确的。 有没有办法将 TabWidget 中的选项卡放在屏幕底部？ 如果是这样，怎么办？

我尝试了以下方法，但没有成功：

a) 将 tabwidget 设置在框架布局下方
b) 将 tabwidget 的重力设置为“底部”

谢谢！ 拉帕尔

Answer 1

这是在屏幕底部获取选项卡的最简单、最强大且可扩展的解决方案。

1. 在垂直 LinearLayout 中，将 FrameLayout 放在 TabWidget 上方 将
2. FrameLayout 和 TabWidget 上的 layout_height 设置为 wrap_content
3. 设置 FrameLayout 的 android:layout_weight="1"
4. 设置 TabWidget 的 android:layout_weight="0" （0 是默认值，但为了强调、可读性等）
5. 设置 TabWidget 的 android:layout_marginBottom="-4dp" （删除底部分隔线）

完整代码：

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:padding="5dp">

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:layout_weight="1"/>

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:layout_marginBottom="-4dp"/>

    </LinearLayout>

</TabHost>

Answer 2

尝试一下;)
只需观看 FrameLayout(@id/tabcontent) 的内容，因为我不知道在滚动的情况下它将如何处理...在我的情况下它有效，因为我使用 ListView 作为选项卡的内容。 :)
希望有帮助。

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <RelativeLayout 
        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" />
    <TabWidget android:id="@android:id/tabs"
             android:layout_width="fill_parent" 
             android:layout_height="wrap_content"
             android:layout_alignParentBottom="true" />
    </RelativeLayout>
</TabHost>

Answer 3

有一种方法可以去掉线。

1）按照本教程操作：
android-tabs-with-fragments

2) 然后应用更改 Leaudro 上面建议的relativeLayout（将布局属性应用于所有 FrameLayout）。

您还可以将 ImageView 添加到项目 #1 中的 tab.xml 中，并获得非常像 iPhone 的选项卡外观。

这是我现在正在做的事情的屏幕截图。我还有一些工作要做，主要是为图标制作一个选择器并确保平等的水平分布，但你明白了。
就我而言，我使用的是片段，但相同的原则应该适用于标准选项卡视图。

Answer 4

不确定它是否适用于所有版本的 Android（尤其是那些具有自定义 UI 内容的版本），但我能够通过添加到

 android:layout_marginBottom="-3dp"

TabWidget XML 来删除底部的灰色条...

Answer 5

对于所有尝试删除 tabWidget 分隔线的人，这里有一个示例项目（及其各自的教程），它非常适合自定义选项卡，从而消除选项卡位于底部时的问题。
Eclipse 项目： android-custom-tabs ；
原文解释：博客；
希望这有帮助。

Answer 6

有两种方法可以在选项卡活动的底部显示选项卡。

1. 使用相对布局
2. 使用 Layout_weight 属性

请检查 链接更多详细信息。

Answer 7

这可能不完全是您正在寻找的（这不是将选项卡发送到屏幕底部的“简单”解决方案），但仍然是一个有趣的替代解决方案，我想向您标记：

ScrollableTabHost 的设计与 TabHost 类似，但具有额外的滚动视图以适应更多项目...

也许深入研究这个开源项目你会找到你的问题的答案。如果我看到任何更容易的事情，我会回来找你。

Answer 8

当我尝试将 Android 选项卡放置在屏幕底部时，我也遇到了同样的问题。我的场景是不使用布局文件并在代码中创建选项卡，我还希望从每个选项卡触发活动，这使用其他方法似乎有点太复杂，因此，这里是解决该问题的示例代码：

添加-tabs-in-android-and-placing-他们

Answer 9

是的，请参阅：链接，但他使用了 xml 布局，而不是活动来创建新选项卡，所以放入他的xml代码（为FrameLayout设置paddingTop - 0px）然后编写代码：

public class SomeActivity extends ActivityGroup {

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

    TabHost tab_host = (TabHost) findViewById(R.id.edit_item_tab_host); 

    tab_host.setup(this.getLocalActivityManager());

    TabSpec ts1 = tab_host.newTabSpec("TAB_DATE"); 
    ts1.setIndicator("tab1"); 
    ts1.setContent(new Intent(this, Registration.class)); 
    tab_host.addTab(ts1); 

    TabSpec ts2 = tab_host.newTabSpec("TAB_GEO"); 
    ts2.setIndicator("tab2"); 
    ts2.setContent(new Intent(this, Login.class)); 
    tab_host.addTab(ts2); 

    TabSpec ts3 = tab_host.newTabSpec("TAB_TEXT"); 
    ts3.setIndicator("tab3"); 
    ts3.setContent(new Intent(this, Registration.class)); 
    tab_host.addTab(ts3); 

    tab_host.setCurrentTab(0);      


}

}

Answer 10

我建议使用此代码来实现稳定的工作，它针对选项卡中的嵌套片段（例如嵌套 MapFragment）进行了优化，并在“不保留活动”上进行了测试： https://stackoverflow.com/a/23150258/2765497