随着时间的推移现在的软件要求显示的内容越来越多,所以要在小的屏幕上能够更好的显示更多的内容,首先我们会想到底部菜单栏,但是有时候想网易新闻要显示的内容太多,而且又想在主页面全部显示出来,所以有加了顶部导航栏,但是android这样的移动设备内存是受限的,那么多界面缓存到内存中,很容易导致内存溢出,这个是比较致命的,所以不得不考虑。虽然我在之前也做过网易的顶部导航栏但是哪种方式并不好,就像使用viewpager做一些复杂的界面由于图片占用内存过多,很容易导致内存溢出,学习了今天的内容大家做一下对比相信就有所体会。
先看一下今天要实现的效果:
至于顶部导航的具体要用到的图片和布局大家自己调整。
由于前面已经介绍了底部菜单栏了,所以一些重复性的代码就不贴上来了,最后我也会把下载地址贴上大家有兴趣自行下载。
首先看一些顶部导航栏的布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<include layout="@layout/head" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<RadioGroup
android:id="@+id/add_tab_group"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:paddingTop="6dp"
android:paddingBottom="6dp"
android:background="@drawable/big_button_up"
android:orientation="horizontal"
>
<RadioButton
android:id="@+id/main_tab_addExam"
style="@style/MMTabButton1"
android:layout_weight="1.0"
android:checked="true"
android:text="添加考试" />
<RadioButton
android:id="@+id/main_tab_myExam"
style="@style/MMTabButton1"
android:layout_weight="1.0"
android:text="我的考试" />
<RadioButton
android:id="@+id/main_tab_message"
style="@style/MMTabButton1"
android:layout_weight="1.0"
android:text="我的通知" />
<RadioButton
android:id="@+id/main_tab_testing"
style="@style/MMTabButton1"
android:layout_weight="1.0"
android:text="测试" />
<RadioButton
android:id="@+id/main_tab_settings"
style="@style/MMTabButton1"
android:layout_weight="1.0"
android:text="设置" />
</RadioGroup>
</LinearLayout>
<LinearLayout
android:id="@+id/container"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1" >
</LinearLayout>
</LinearLayout>
具体宽度样式大家可以自己调节,然后看一下核心类:
import android.app.ActivityGroup;
import android.app.AlertDialog;
import android.app.LocalActivityManager;
import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.RadioGroup.OnCheckedChangeListener;
public class AddExamActivity extends ActivityGroup {
protected Button btn_leftTop, btn_rightTop;
protected TextView tv_head;
private static LocalActivityManager manager;
private RadioGroup radioGroup;
private static LinearLayout container;
public static Context context;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.addexam);
context=this;
initHead();
manager=getLocalActivityManager();
container= (LinearLayout)findViewById(R.id.container);
radioGroup=(RadioGroup) this.findViewById(R.id.add_tab_group);
container.removeAllViews();
container.addView(manager.startActivity(
"PAGE_0",
new Intent(context, MyExamActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))
.getDecorView());
radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
// TODO Auto-generated method stub
switch (checkedId) {
case R.id.main_tab_addExam://添加考试
container.removeAllViews();
container.addView(manager.startActivity(
"PAGE_0",
new Intent(context, MyExamActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))
.getDecorView());
break;
case R.id.main_tab_myExam://我的考试
container.removeAllViews();
container.addView(manager.startActivity(
"PAGE_1",
new Intent(context, MyMessageActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))
.getDecorView());
break;
case R.id.main_tab_message://我的通知
container.removeAllViews();
container.addView(manager.startActivity(
"PAGE_2",
new Intent(context, SettingActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))
.getDecorView());
break;
case R.id.main_tab_testing://测试
container.removeAllViews();
container.addView(manager.startActivity(
"PAGE_3",
new Intent(context, TestingActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))
.getDecorView());
break;
case R.id.main_tab_settings://设置
container.removeAllViews();
container.addView(manager.startActivity(
"PAGE_4",
new Intent(context, MyExamActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))
.getDecorView());
break;
default:
//tabHost.setCurrentTabByTag("我的考试");
break;
}
}
});
}
public static void changeTo(){
Animation slideLeftIn = AnimationUtils.loadAnimation(context, R.anim.slide_bottom_in_no_alpha);
container.removeAllViews();
container.addView(manager.startActivity(
"PAGE_4",
new Intent(context, MyExamActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))
.getDecorView());
container.startAnimation(slideLeftIn);
}
protected void initHead() {
btn_leftTop = (Button) findViewById(R.id.btn_leftTop);
btn_rightTop = (Button) findViewById(R.id.btn_rightTop);
tv_head = (TextView) findViewById(R.id.tv_head);
btn_leftTop.setVisibility(View.INVISIBLE);
tv_head.setText("添加考试");
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
// TODO Auto-generated method stub
if (keyCode == KeyEvent.KEYCODE_BACK) {
AlertDialog.Builder builder = new AlertDialog.Builder(getParent());
builder.setMessage("你确定退出吗?")
.setCancelable(false)
.setPositiveButton("确定",
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int id) {
finish();
System.exit(0);
}
})
.setNegativeButton("返回",
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int id) {
dialog.cancel();
}
});
AlertDialog alert = builder.create();
alert.show();
return true;
}
return super.onKeyDown(keyCode, event);
}
}
这里继承了ActivityGroup,没有使用过的朋友从百度搜索下就明白了。
使用了LocalActivityManager启动子activity,这里Context和LinearLayout使用了static静态的,这是因为变态的需求使我不得不这样做,希望大家不要把这两个变量设置成static的,因为static的生命周期很长特别是Context不要设置成static,这样的话当前的activity很难被销毁的。其实使用tabhost完全可以实现,但是为什么没使用tabhost的我相信大家都明白,如果不考虑内存的话我也会使用,哈哈!
最后附上下载地址,有兴趣大家自己下载吧!点击打开链接