Android自定义TabActivity(实现仿新浪微博底部菜单更新UI)

  如今Android上很多应用都采用底部菜单控制更新的UI这种框架，例如新浪微博



  点击底部菜单的选项可以更新界面。底部菜单可以使用TabHost来实现，不过用过TabHost的人都知道自定义TabHost究竟是有多麻烦的，原生TabHost的风格是不依附屏幕的底部的，要依附底部就要重写布局。

  TabHost设置的Container可以管理UI的显示，UI可以用LayoutInflater动态生成，也可以是Activity，但不好管理Activity的生命周期。然后用TabHost控制显示UI的显示。

  下面使用的一种方法是自定义菜单布局+ActivityGroup+多个Activity的方式实现，下面是Demo的截图：


          


  ActivityGroup
  ActivityGroup，顾名思义就是Activity组，可以管理多个Activity的启动和销毁。ActivityGroup是继承Activity的，但是这个方法目前已经被弃用了，虽然不推荐使用，不过还是可以用的。以后会讲推荐的做法。我们会用这个类管理界面的实现。ActivityGroup中有一个重要的方法是getLocalActivityManager，这个方法可以销毁和启动新的Activity，并可以通过getDecorView方法获取到启动Activity的根视图显示出来。Activity显示在ActivityGroup中的一个container中，而container是显示Activity的一个区域，这个container必须是ViewGroup或者是其子类。

  首先编写一个TabActivity  

package com.shamoo.activity;

import android.app.ActivityGroup;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;

public class TabActivity extends ActivityGroup {

private ViewGroup container;

@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
}

/**
* 通过id设置Activity显示的container，该container必须是继承ViewGroup的
*/
protected void setContainer(int resId) {
container = (ViewGroup) findViewById(resId);
}

/**
* 通过Activity的class显示Activity
*/
protected void showActivity(Class<?> activityClass) {

Intent intent = new Intent(this, activityClass);
// 检查container是否有显示的Activity，如果有，先移除
View activity = container.getChildAt(0);
if (activity != null) {
// 移除显示的activity的View
container.removeAllViews();
// 通过ActivityManager移除activity
getLocalActivityManager().removeAllActivities();
}
// 启动新的activity，并将该activity的根视图添加到contanier中
container.addView(getLocalActivityManager().startActivity(activityClass.getName(), intent).getDecorView());
}

}

  编写一个继承TabActivity的MainActivity管理界面，界面是三个Activity

package com.shamoo.activity;

import com.shamoo.activitygroupdemo.R;

import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends TabActivity implements OnClickListener {

/**
* 显示的三个Activity的class
*/
private Class<?> activities[] = {OneActivity.class, TwoActivity.class, ThreeActivity.class};

/**
* 菜单的三个按钮
*/
private Button[] btn = new Button[3];

/**
* 当前的选择
*/
private int currentSelect;

@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
setContentView(R.layout.activity_main);
setContainer(R.id.fl_container);
btn[0] = (Button) findViewById(R.id.btn_one);
btn[0].setOnClickListener(this);
btn[1] = (Button) findViewById(R.id.btn_two);
btn[1].setOnClickListener(this);
btn[2] = (Button) findViewById(R.id.btn_three);
btn[2].setOnClickListener(this);
showActivity(activities[0]);
}

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
btn[currentSelect].setBackgroundResource(R.color.normal);
switch (v.getId()) {
case R.id.btn_one:
currentSelect = 0;
btn[0].setBackgroundResource(R.color.select);
showActivity(activities[0]);
break;
case R.id.btn_two:
currentSelect = 1;
btn[1].setBackgroundResource(R.color.select);
showActivity(activities[1]);
break;
case R.id.btn_three:
currentSelect = 2;
btn[2].setBackgroundResource(R.color.select);
showActivity(activities[2]);
break;
}
}

}

  编写activity_main.xml，该布局有底部菜单的实现，是通过LinearLayout的layout_weight配合修改背景的Button实现的

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<LinearLayout
android:id="@+id/rl_menu"
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_alignParentBottom="true"
android:orientation="horizontal" >
<Button
android:id="@+id/btn_one"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="#008eff"
android:text="1" />
<Button
android:id="@+id/btn_two"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="#555555"
android:text="2" />
<Button
android:id="@+id/btn_three"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="#555555"
android:text="3" />
</LinearLayout>

<FrameLayout
android:id="@+id/fl_container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@id/rl_menu" >

</FrameLayout>
</RelativeLayout>

  然后编写三个Activity，这三个Activity可以自定义。代码比较多，就不全贴出来了。
  启动Demo之后，可以看到Activity的生命周期管理是没有问题的



  Demo下载链接：http://download.csdn.net/detail/stephenzcl/7306531