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了

以上资料参考：

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

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