Android将TAB选项卡放在屏幕底部

 今天写Tab的时候由于TAB的跳转问题去查资料,倒反而发现更有趣的问题,就是如何将TAB放置在屏幕的底端。效果如http://www.sisou.cn/read-htm-tid-451.html所示,的确是个好想法,这样貌似也的确漂亮一些,有点类似IPhone里的布局了,呵呵~(其实后来发现这个应该不是用TAB做的,而是ButtonBar做出来的吧,或者是他重写了TAB?总之不是简单地将TAB放置底端了)。

  要放置底端,那么Android自带的例程是不可以做到的(例程参看development-ApiDemo)。先需要写一个xml的layout文档,命名为bottomtab.xml。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <TabHost android:id="@+id/edit_item_tab_host"
        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" />
        </LinearLayout>
    </TabHost>
</LinearLayout>

  然后以下就是完整的代码了:
package net.wangliping.test;

import android.app.ActivityGroup;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;

public class TestTab extends ActivityGroup {
    public static TabHost tab_host;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.bottomtab);

        tab_host = (TabHost) findViewById(R.id.edit_item_tab_host);
        tab_host.setup(this.getLocalActivityManager());

        TabSpec ts1 = tab_host.newTabSpec("TAB_WEATHER");
        ts1.setIndicator("Weather");
        ts1.setContent(new Intent(this, Weather.class));
        tab_host.addTab(ts1);

        TabSpec ts2 = tab_host.newTabSpec("TAB_MAIL");
        ts2.setIndicator("Mail");
        ts2.setContent(new Intent(this, MailSend.class));
        tab_host.addTab(ts2);

        TabSpec ts3 = tab_host.newTabSpec("TAB_JUMP");
        ts3.setIndicator("Jump");
        ts3.setContent(new Intent(this, TabJump.class));
        tab_host.addTab(ts3);

        tab_host.setCurrentTab(0);
    }
}

  而关于页面的跳转,就是:

    TestTab.tabHost.setCurrentTab(0);

  如此这般,就形成了下面的这个东西,其实还没有放在上面好看。。。所以也证实了上面那个应用不是简单地放置TAB在底端了。有机会还是再看看ButtonBar了。

device

以上资料参考:

http://www.anddev.org/viewtopic.php?p=21932

http://stackoverflow.com/questions/2395661/android-tabs-at-the-bottom

注意 

Weather.class 等Activity要在 在AndroidMenifest.xml添加声明

在 application tag之间加上

 

        </activity>
                <activity android:name=".Weather">
        </activity>
                <activity android:name=".MailSend">
        </activity>
                <activity android:name=".TabJump">
        </activity>
 

 

 

你可能感兴趣的:(android)