授权用户登录后进入到程序主界面,主界面包括顶部标题栏、中间微博内容栏和底部菜单栏。顶部标题栏又包括发微博按钮、标题、和刷新按钮,而中间内容栏为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;
@Override
protected 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() { //打开发微博界面
@Override
public 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()方法 刷新数据
@Override
public 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);
}
@Override
public 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;
}
}
}
@Override
public 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);
}
}
该注释的地方我都详细注释了,这里就不过多作解释了!下一篇我们将学习微博的获取!
有什么问题及建议请留言,大家一起交流学习!
说明:转载请注明出处!