今天写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
要放置底端,那么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>
<activity android:name=".Weather">
</activity>
<activity android:name=".MailSend">
</activity>
<activity android:name=".TabJump">
</activity>