Android之UI学习篇十：使用TabHost实现微博客户端界面

这里模拟微博客户端进行案例开发，由于没有图片资源，所以就做了一个大体结构类似的案例，跟大家分享一下它的实现，这里采用的是使用xml布局结合TabActivity控制。

先看看实现的效果：

工程目录结构：

以下是源代码：

MainActivity.java

package com.tablehost.activity;

import android.app.Activity;
import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.speech.SpeechRecognizer;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;

public class MainActivity extends TabActivity implements OnCheckedChangeListener{
	private TabHost tabHost;
	private RadioGroup radioGroup;
	private RadioButton radioButton1;
	private RadioButton radioButton2;
	private RadioButton radioButton3;
	private RadioButton radioButton4;
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        //获取TabHost组件
        tabHost = getTabHost();
        //新建一个标签页
        TabSpec tabSpec1 = (TabSpec)tabHost.newTabSpec("HOME").setIndicator("HOME");
        //给标签页设置内容
        tabSpec1.setContent(new Intent(MainActivity.this,HomeActivity.class));
        //把标签页添加到TabHost当中去
        tabHost.addTab(tabSpec1);
        
        TabSpec tabSpec2 = (TabSpec)tabHost.newTabSpec("COMMENT").setIndicator("COMMENT");
        tabSpec2.setContent(new Intent(MainActivity.this,CommentActivity.class));
        tabHost.addTab(tabSpec2);
        
        TabSpec tabSpec3 = (TabSpec)tabHost.newTabSpec("SAVE").setIndicator("SAVE");
        tabSpec3.setContent(new Intent(MainActivity.this,SaveActivity.class));
        tabHost.addTab(tabSpec3);
        
        TabSpec tabSpec4 = (TabSpec)tabHost.newTabSpec("MORE").setIndicator("MORE");
        tabSpec4.setContent(new Intent(MainActivity.this,MoreActivity.class));
        tabHost.addTab(tabSpec4);
        
        setUpView();
        //关联RadioButton 和 TabHost
        radioGroup.setOnCheckedChangeListener(this);
    }
    //我的一贯作风
    public void setUpView(){
    	radioGroup = (RadioGroup)findViewById(R.id.group);
    	radioButton1 = (RadioButton)findViewById(R.id.radioButton1);
    	radioButton2 = (RadioButton)findViewById(R.id.radioButton2);
    	radioButton3 = (RadioButton)findViewById(R.id.radioButton3);
    	radioButton4 = (RadioButton)findViewById(R.id.radioButton4);
    }
	@Override
	public void onCheckedChanged(RadioGroup group, int checkedId) {
		switch (checkedId) {
		case R.id.radioButton1:
			tabHost.setCurrentTabByTag("HOME");
			break;
		case R.id.radioButton2:
			tabHost.setCurrentTabByTag("COMMENT");
			break;
		case R.id.radioButton3:
			tabHost.setCurrentTabByTag("SAVE");
			break;
		case R.id.radioButton4:
			tabHost.setCurrentTabByTag("MORE");
			break;
		default:
			break;
		}
	}
}

CommentActivity.java:

package com.tablehost.activity;

import android.app.Activity;
import android.os.Bundle;

public class CommentActivity extends Activity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.comment);
	}
}

其他几个Activity类似

在工程的src 目录下新建了一个目录： drawable ,里面新建一个button.xml,用来定义radioButton的选中等不同状态时，显示不同的背景图片：

button.xml:

main.xml:

comment.xml：

其他几个布局文件相似。