模仿微信界面tabhost底部导航——使用继承ActivityGroup方式

在一般常见的app中，常常会用到底部导航，而android默认的是顶部导航。目前的android版本中，已经不再推荐使用extends TabActivity的方式来创建tabhost，但作为比较常见的一种方式，还是在自己做项目的过程中总结一下。

需要注意的是，每个tabhost选项卡可能是由一个Intent启动的，此时每个选项卡对应一个Activity.废话不多说，帖代码！

 

Activity:

public class MainActivity extends ActivityGroup{  private TabHost tabHost; //资源文件 private Class[] activitys = {TabActivity_book.class, TabActivity_search.class, TabActivity_account.class}; private String[] titles = {"机票预订", "订单查询", "我的账号"}; private int[] images = {R.drawable.book, R.drawable.search, R.drawable.account};  @Override protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.activity_main);  //初始化tab标签  tabHost = (TabHost) findViewById(R.id.mytabhost);  tabHost.setup(this.getLocalActivityManager());//表明继承TabActivity,由于只能单继承，所以只好在这里写  //创建标签  for(int i=0; i<activitys.length; i++) {   View view = View.inflate(this, R.layout.tab_layout, null);   //设置imageView   ImageView imageView = (ImageView) view.findViewById(R.id.image);//   imageView.setImageDrawable(getResources().getDrawable(images[i]));   //设置textView   TextView textView = (TextView) view.findViewById(R.id.title);   textView.setText(titles[i]);   //设置跳转的Intent   Intent intent = new Intent(this, activitys[i]);   //设置TabSpec   TabSpec spec = tabHost.newTabSpec(titles[i]).setIndicator(view).setContent(intent);      tabHost.addTab(spec);  } }

 

 

布局文件:

  <TabHost xmlns:android="http://schemas.android.com/apk/res/android"      android:id="@+id/mytabhost"     android:layout_width="fill_parent"     android:layout_height="fill_parent">      <!-- 需要一个布局管理器 -->       <RelativeLayout         android:layout_width="fill_parent"         android:layout_height="fill_parent"          >                          <!--        由于TabHost是继承于FrameLayout，所以需要一个FrameLaytout布局(内容页) ,id        必须为tabcontent         -->     <FrameLayout             android:id="@android:id/tabcontent"             android:layout_width="fill_parent"             android:layout_height="fill_parent"              >         </FrameLayout>                 <!-- TabWidget必须标签，用来存放tab标签，且id必须为tabs -->          <TabWidget             android:id="@android:id/tabs"             android:layout_width="fill_parent"             android:layout_height="wrap_content"             android:background="@drawable/tab_widget_background"             android:layout_alignParentBottom="true"             >   <!-- android:layout_alignParentBottom="true" -->         </TabWidget>               </RelativeLayout>  </TabHost>

 

 

注意：

1. activity还能继承自TabHost，此时activity中获取tabhost的代码可这样写：tabHost = getTabHost(),但同时布局文件中tabhost的id必须使用系统自定义的Id：android:id="@android:id/tabhost"

2. 要使导航位于底部，FrameLaytout（内容页）必须放在TabWidget上面。

 

效果图：