先来一张效果图:
下面是xml文件:
首先是第一个activity_main.xml,实现tab在下面的效果:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <TabHost android:id="@+id/maintabhost" android:layout_width="fill_parent" android:layout_height="match_parent" android:layout_alignParentLeft="true" android:layout_centerVertical="true" > <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <!-- 此处FrameLayout和TabWidget的位置注意一下,TabWidget在FrameLayout之下,并且FrameLayout要设置一下权重这个属性 android:layout_weight="1" 这样才能实现tab在下面的效果 --> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="0dip" android:layout_weight="1" > </FrameLayout> <TabWidget android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" > </TabWidget> </LinearLayout> </TabHost> </RelativeLayout>
下面是主Activity:
我这里继承ActivityGroup而不是继承Activity,是因为我在写代码的时候报了如下的异常: java.lang.IllegalStateException: Did you forget to call 'public void setup(LocalActivityManager activityGroup)'? ,代码里有我解决方法(也就是继承ActivityGroup,再加上一行代码就行),你也可以先继承Activity看看会不会报这个异常,如果报了的话再改成这个。
public class WeiBoActivity extends ActivityGroup { private TabHost mTabHost = null; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.weibo_main); mTabHost = (TabHost) findViewById(R.id.maintabhost); mTabHost.setup(); // 此处是我解决异常加的一行代码,如果继承Activity的话可将此行注释 mTabHost.setup(this.getLocalActivityManager()); mTabHost.addTab(mTabHost.newTabSpec("t1").setIndicator("首页") .setContent(R.id.tab1)); mTabHost.addTab(mTabHost.newTabSpec("t2").setIndicator("消息") .setContent(new Intent(this, MessageActivity.class))); mTabHost.addTab(mTabHost.newTabSpec("t3").setIndicator("好友") .setContent(R.id.tab3)); mTabHost.addTab(mTabHost.newTabSpec("t4").setIndicator("广场") .setContent(R.id.tab4)); } }
下面是跳转界面的weibo_message.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <!-- 此处TabHost的id自已定义 --> <TabHost android:id="@+id/msgstabhost" android:layout_width="match_parent" android:layout_height="match_parent" > <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TabWidget android:id="@android:id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" > </TabWidget> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="match_parent" android:layout_height="match_parent" > </FrameLayout> </LinearLayout> </TabHost> </LinearLayout>
下面是跳转的Activity,依然继承ActivityGroup:
public class MessageActivity extends ActivityGroup { private TabHost mTabHostMsg; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.weibo_message); mTabHostMsg = (TabHost) this.findViewById(R.id.msgstabhost); mTabHostMsg.setup(); mTabHostMsg.setup(this.getLocalActivityManager()); mTabHostMsg.addTab(mTabHostMsg.newTabSpec("t5").setIndicator("系统消息") .setContent(R.id.msgtab5)); mTabHostMsg.addTab(mTabHostMsg.newTabSpec("t6").setIndicator("评论") .setContent(R.id.msgtab6)); mTabHostMsg.addTab(mTabHostMsg.newTabSpec("t7").setIndicator("私信") .setContent(R.id.msgtab7)); } }