新浪微博开发之主程序界面的实现

授权用户登录后进入到程序主界面，主界面包括顶部标题栏、中间微博内容栏和底部菜单栏。顶部标题栏又包括发微博按钮、标题、和刷新按钮，而中间内容栏为ListView，底部菜单栏是使用RadioGroup实现的，关于底部菜单栏的实现可参考这边文章：新浪微博布局学习——妙用TabHost写的很好，这里就不做过多的解释了！

主界面效果图：

主界面布局代码如下：

<?xml version="1.0" encoding="UTF-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="fill_parent"android:background="@android:color/white"android:layout_height="fill_parent"><include android:id="@+id/home_title" layout="@layout/title" /><TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent"android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"><LinearLayout android:orientation="vertical"android:layout_width="fill_parent" android:layout_height="fill_parent"><FrameLayout android:id="@android:id/tabcontent"android:layout_width="fill_parent" android:layout_height="0.0dip"android:layout_weight="1.0" /><TabWidget android:id="@android:id/tabs"android:visibility="gone" android:layout_width="fill_parent"android:layout_height="wrap_content" android:layout_weight="0.0" /><RadioGroup android:gravity="center_vertical"android:layout_gravity="bottom" android:orientation="horizontal"android:id="@+id/main_radio" android:background="@drawable/bg_title"android:layout_width="fill_parent" android:layout_height="wrap_content"><RadioButton android:text="@string/main_home"android:checked="true" android:id="@+id/radio_button0"android:drawableTop="@drawable/icon_home"style="@style/main_tab_bottom" /><RadioButton android:id="@+id/radio_button1"android:text="@string/main_news"android:drawableTop="@drawable/icon_meassage" style="@style/main_tab_bottom" /><RadioButton android:id="@+id/radio_button2"android:text="@string/main_my_info"android:drawableTop="@drawable/icon_selfinfo" style="@style/main_tab_bottom" /><RadioButton android:id="@+id/radio_button3"android:text="@string/main_square"android:drawableTop="@drawable/icon_square" style="@style/main_tab_bottom" /><RadioButton android:id="@+id/radio_button4"android:text="@string/main_more"android:drawableTop="@drawable/icon_more" style="@style/main_tab_bottom" /></RadioGroup></LinearLayout></TabHost></LinearLayout>

主界面代码如下：

package com.cloay.weibo.ui;import android.app.TabActivity;import android.content.Intent;import android.os.Bundle;import android.view.KeyEvent;import android.view.View;import android.view.View.OnClickListener;import android.view.Window;import android.widget.CompoundButton;import android.widget.CompoundButton.OnCheckedChangeListener;import android.widget.ImageButton;import android.widget.RadioButton;import android.widget.TabHost;import android.widget.TextView;import com.cloay.weibo.R;import com.cloay.weibo.service.MainService;/** * 使用TabActivity实现主界面 * @author Cloay * 2012-2-24 * 下午04:26:07 */public class MainActivity extends TabActivity implements OnCheckedChangeListener  {private ImageButton updateStatus;private ImageButton refresh;private TabHost tabHost;private Intent homeIntent;  //主页private Intent mesIntent;   //信息private Intent infoIntent;  //个人资料private Intent squareIntent;  //广场private Intent moreIntent;    //更多private TextView title;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);   //去掉系统标题栏MainService.allActivity.add(this);setContentView(R.layout.main);this.tabHost = this.getTabHost();initData();    //初始化数据        initBtnListener();//为各个按钮设置监听器        setTab();//增加Tab项}/** * 增加Tab项 */private void setTab() {tabHost.addTab(tabHost.newTabSpec("C_HOME").setIndicator("C_HOME").setContent(homeIntent));tabHost.addTab(tabHost.newTabSpec("C_MES").setIndicator("C_MES").setContent(mesIntent));tabHost.addTab(tabHost.newTabSpec("C_INFO").setIndicator("C_INFO").setContent(infoIntent));tabHost.addTab(tabHost.newTabSpec("C_SQUARE").setIndicator("C_SQUARE").setContent(squareIntent));tabHost.addTab(tabHost.newTabSpec("C_MORE").setIndicator("C_MORE").setContent(moreIntent));}/** * 为底部按钮设置监听器 */private void initBtnListener() {    ((RadioButton)findViewById(R.id.radio_button0)).setOnCheckedChangeListener(this);    ((RadioButton)findViewById(R.id.radio_button1)).setOnCheckedChangeListener(this);    ((RadioButton)findViewById(R.id.radio_button2)).setOnCheckedChangeListener(this);    ((RadioButton)findViewById(R.id.radio_button3)).setOnCheckedChangeListener(this);    ((RadioButton)findViewById(R.id.radio_button4)).setOnCheckedChangeListener(this);}/** * 设置各个intent */private void initData() {title = (TextView) findViewById(R.id.title_text);updateStatus = (ImageButton) findViewById(R.id.title_bt_left);updateStatus.setOnClickListener(new OnClickListener() { //打开发微博界面@Overridepublic void onClick(View v) {Intent intent = new Intent(MainActivity.this, UpdateStatus.class);startActivity(intent);}});refresh = (ImageButton) findViewById(R.id.title_bt_right);  //refresh.setOnClickListener(new OnClickListener() {  //刷新按钮监听事件//获取当前HomeActivity,调用refresh()方法 刷新数据@Overridepublic void onClick(View v) {HomeActivity home = (HomeActivity) getCurrentActivity();   home.refresh();   }});homeIntent = new Intent(this, HomeActivity.class);mesIntent = new Intent(this, MesActivity.class);infoIntent = new Intent(this, InfoActivity.class);squareIntent = new Intent(this, SquareActivity.class);moreIntent = new Intent(this, MoreActivity.class);}@Overridepublic void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {if(isChecked){switch(buttonView.getId()){case R.id.radio_button0:this.tabHost.setCurrentTabByTag("C_HOME");  //跳转到首页title.setText("微博主页");refresh.setVisibility(View.VISIBLE);break;case R.id.radio_button1:this.tabHost.setCurrentTabByTag("C_MES");   //跳转到消息页title.setText("消息提醒");refresh.setVisibility(View.GONE);break;case R.id.radio_button2:refresh.setVisibility(View.GONE);title.setText("个人资料");this.tabHost.setCurrentTabByTag("C_INFO");   //个人资料break;case R.id.radio_button3:refresh.setVisibility(View.GONE);title.setText("微博广场");this.tabHost.setCurrentTabByTag("C_SQUARE");  //微博广场break;case R.id.radio_button4:refresh.setVisibility(View.GONE);title.setText("更多");this.tabHost.setCurrentTabByTag("C_MORE");  //更多菜单break;}}}@Overridepublic boolean dispatchKeyEvent(KeyEvent event) {if((event.getKeyCode() == KeyEvent.KEYCODE_BACK) && (event.getAction() == KeyEvent.ACTION_DOWN)){// 弹出退出提示对话框MainService.showExitDlg(MainActivity.this);//System.out.println("=======> dispatchKeyEvent");return true;}return super.dispatchKeyEvent(event);}}

该注释的地方我都详细注释了，这里就不过多作解释了！下一篇我们将学习微博的获取！

有什么问题及建议请留言，大家一起交流学习！

说明：转载请注明出处！