您的位置:首页 > 移动开发 > Android开发

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

2011-04-04 00:06 549 查看
 今天写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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: