Android 新浪微博底部TabHost

新浪微博之总结 TabHost:TabHost能存放多个标签，并实现Activity的切换

注：TabHost在API 13停止使用，过几天我会写一个仿微信左右滑动切换的Demo

activity_main.xml:TabHost、TabWidget、FrameLayout的id是不能改变的。四个单选按钮放在一个Group中，并实现自定义的样式

<?xml version="1.0" encoding="utf-8"?>
<!-- TabHost组件id值为默认的 -->
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal" >

<!-- TabWidget组件id值默认 -->

<TabWidget
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:visibility="gone" >
</TabWidget>
<!-- FrameLayout布局，id值默认 -->

<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
</FrameLayout>

<RadioGroup
android:id="@+id/rg_main_btns"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:background="@drawable/bar"
android:gravity="center_horizontal"
android:orientation="horizontal" >

<RadioButton
android:id="@+id/rd_home"
style="@style/main_btn_style"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/home_icon"
android:text="主页" />

<RadioButton
android:id="@+id/rd_at"
style="@style/main_btn_style"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/at_icon"
android:text="提到我" />

<RadioButton
android:id="@+id/rd_msg"
style="@style/main_btn_style"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/msg_icon"
android:text="信息" />

<RadioButton
android:id="@+id/rd_more"
style="@style/main_btn_style"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/more_icon"
android:text="查看更多" />
</RadioGroup>

</TabHost>

style.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

<!-- 自定义按钮的风格 -->
<style name="main_btn_style">
<item name="android:button">@null</item>
<item name="android:textSize">10dp</item>
<item name="android:textColor">#ffffff</item>
<item name="android:gravity">center_horizontal</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:drawablePadding">4dp</item>
<item name="android:layout_weight">1.0</item>
<item name="android:background">@drawable/main_btn_bg_d</item>
</style>

</resources>

style中background的设置：

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

<!-- drwable按下之后选择的图片，state_enabled:是否接受点击事件 state_pressed:是否被按下 -->
<item android:drawable="@drawable/main_btn_bg" android:state_enabled="true" android:state_pressed="true"/>
<item android:drawable="@drawable/main_btn_bg" android:state_checked="true" android:state_enabled="true"/>
</selector>

MainActivity.java:

/**
* @author Sony 继承TabActivity
*/
@SuppressWarnings("deprecation")
public class MainActivity extends TabActivity {

// 四个tab
private static final String HOME_TAB = "home";
private static final String AT_TAB = "at";
private static final String MSG_TAB = "msg";
private static final String MORE_TAB = "more";

private TabHost tabHost;

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

// 获取TabHost
tabHost = this.getTabHost();
// 获取一个新的TabHost.TabSpec并关联到当前TabHost,设置指示器，设置跳转界面
TabSpec home = tabHost.newTabSpec(HOME_TAB).setIndicator(HOME_TAB)
.setContent(new Intent(this, HomeActivity.class));
TabSpec at = tabHost.newTabSpec(AT_TAB).setIndicator(AT_TAB)
.setContent(new Intent(this, AtActivity.class));
TabSpec message = tabHost.newTabSpec(MSG_TAB).setIndicator(MSG_TAB)
.setContent(new Intent(this, MessageActicty.class));
TabSpec more = tabHost.newTabSpec(MORE_TAB).setIndicator(MORE_TAB)
.setContent(new Intent(this, MoreActicty.class));

// 将页面填到tabHost中
tabHost.addTab(home);
tabHost.addTab(at);
tabHost.addTab(message);
tabHost.addTab(more);

// tabHost的选择事件
RadioGroup rGroup = (RadioGroup) this.findViewById(R.id.rg_main_btns);
// 监听事件
rGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

public void onCheckedChanged(RadioGroup group, int checkedId) {
// 根据选择设置当前tab
switch (checkedId) {
case R.id.rd_home:
tabHost.setCurrentTabByTag(HOME_TAB);
break;
case R.id.rd_at:
tabHost.setCurrentTabByTag(AT_TAB);
break;
case R.id.rd_msg:
tabHost.setCurrentTabByTag(MSG_TAB);
break;
case R.id.rd_more:
tabHost.setCurrentTabByTag(MORE_TAB);
break;
default:
break;
}
}
});
}
}

效果图：