学习tabhost 实现微博的主界面

2014-05-27 吴文付

微博的主界面还是很漂亮的，我们这里来熟悉下tabhost的使用，

网上资料很多，主要参考了：http://blog.csdn.net/shulianghan/article/details/18233209

写的很好。

我的主要工作就是看了该文章，写了一个演示。演示参考了 小巫微博的代码。

代码如下：

package cn.wuwenfu.layoutdemo;

/*

 * 2014-05-27

 * 主界面的布局Ok

 *

 * */
import com.example.layoutdemo.R;
import android.app.TabActivity;

import android.content.Intent;

import android.os.Bundle;

import android.widget.RadioButton;

import android.widget.RadioGroup;

import android.widget.TabHost;

import android.widget.RadioGroup.OnCheckedChangeListener;

import android.widget.TabHost.TabSpec;
/**

 * TabActivity已经放弃。替代品是Fragment

 * @author Administrator

 *

 */

@SuppressWarnings("deprecation")

public class MainActivity extends TabActivity {
public static TabHost mTabhost;

    public static final String TAB_HOME = "TabHome";

    public static final String TAB_MSG = "TabMsg";

    public static final String TAB_SELF = "TabSelfInfo";

    public static final String TAB_DISCOVE = "TabDiscove";

    public static final String TAB_MORE = "TabMore";
public static RadioGroup indexGroup;

    public static RadioButton radio_button0;
@Override

    protected void onCreate(Bundle savedInstanceState) {

        // TODO Auto-generated method stub

        super.onCreate(savedInstanceState);

        //设置无标题，需要注意位置，在布局文件之前

        requestWindowFeature(getWindow().FEATURE_NO_TITLE);
setContentView(R.layout.mainactivity);
radio_button0 = (RadioButton) this.findViewById(R.id.tabbar_home);

        radio_button0.setChecked(true); // 设置首页按钮默认是按下状态
// 获取TabHost

        mTabhost = (TabHost) findViewById(android.R.id.tabhost);
// 设定标签、制定一个标签作为选项卡指示符

        TabSpec tabSpec1 = mTabhost.newTabSpec(TAB_HOME).setIndicator(TAB_HOME);

        // 指定一个加载activity的Intent对象作为选项卡内容

        tabSpec1.setContent(new Intent(MainActivity.this, Home.class));

        mTabhost.addTab(tabSpec1); // 添加第一个子页
TabSpec tabSpec2 = mTabhost.newTabSpec(TAB_MSG).setIndicator(TAB_MSG);

        tabSpec2.setContent(new Intent(MainActivity.this, Message.class));

        mTabhost.addTab(tabSpec2); // 添加第二个子页
TabSpec tabSpec3 = mTabhost.newTabSpec(TAB_SELF).setIndicator(TAB_SELF);

        tabSpec3.setContent(new Intent(MainActivity.this, SelfInfo.class));

        mTabhost.addTab(tabSpec3); // 添加第三个子页
TabSpec tabSpec4 = mTabhost.newTabSpec(TAB_DISCOVE).setIndicator(

                TAB_DISCOVE);

        tabSpec4.setContent(new Intent(MainActivity.this, SearchInfo.class));

        mTabhost.addTab(tabSpec4); // 添加第四个子页
TabSpec tabSpec5 = mTabhost.newTabSpec(TAB_MORE).setIndicator(TAB_MORE);

        tabSpec5.setContent(new Intent(MainActivity.this, More.class));

        mTabhost.addTab(tabSpec5); // 添加第五个子页
indexGroup = (RadioGroup) this.findViewById(R.id.main_radio);
// 实现RadioGroup的子选项点击监听

        indexGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
@Override

            public void onCheckedChanged(RadioGroup group, int checkedId) {

                switch (checkedId) {

                case R.id.tabbar_home: // 首页

                    System.out.println("点击了首页");

                    mTabhost.setCurrentTabByTag(TAB_HOME);

                    break;

                case R.id.tabbar_message:// 信息

                    mTabhost.setCurrentTabByTag(TAB_MSG);

                    break;

                case R.id.tabbar_me: // 个人资料

                    mTabhost.setCurrentTabByTag(TAB_SELF);

                    break;

                case R.id.tabbar_discove: // 发现

                    mTabhost.setCurrentTabByTag(TAB_DISCOVE);

                    break;

                case R.id.tabbar_more: // 更多

                    mTabhost.setCurrentTabByTag(TAB_MORE);
}

            }

        });
}
}

主界面代码

package cn.wuwenfu.layoutdemo;

/*

 *

 * 简单的模拟首页

 *

 * */
import com.example.layoutdemo.R;
import android.app.Activity;

import android.os.Bundle;
public class Home extends Activity {
@Override

    protected void onCreate(Bundle savedInstanceState) {

        // TODO Auto-generated method stub

        super.onCreate(savedInstanceState);
setContentView(R.layout.home);
}
}

首页

其他的界面都和首页相同，只是更换了内容。

几个注意点：我写的代码里，没有使用tabWidget .因为它太丑陋了。采用的是单选按钮

效果图

：

工程的地址： http://download.csdn.net/detail/douniwan123654/7408051

学习tabhost 实现微博的主界面,布布扣,bubuko.com