android網易頂部導航欄demo

隨着時間的推移現在的軟件要求顯示的內容越來越多，所以要在小的屏幕上能夠更好的顯示更多的內容，首先我們會想到底部菜單欄，但是有時候想網易新聞要顯示的內容太多，而且又想在主頁面全部顯示出來，所以有加了頂部導航欄，但是android這樣的移動設備內存是受限的，那麼多界面緩存到內存中，很容易導致內存溢出，這個是比較致命的，所以不得不考慮。雖然我在之前也做過網易的頂部導航欄但是哪種方式並不好，就像使用viewpager做一些複雜的界面由於圖片佔用內存過多，很容易導致內存溢出，學習了今天的內容大家做一下對比相信就有所體會。

先看一下今天要實現的效果：

至於頂部導航的具體要用到的圖片和佈局大家自己調整。

由於前面已經介紹了底部菜單欄了，所以一些重複性的代碼就不貼上來了，最後我也會把下載地址貼上大家有興趣自行下載。

首先看一些頂部導航欄的佈局文件：

[html] view plain copy print ?

<?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>

<?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>

具體寬度樣式大家可以自己調節，然後看一下核心類：

[html] view plain copy print ?

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);
}
}

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的我相信大家都明白，如果不考慮內存的話我也會使用，哈哈！

最後附上下載地址，有興趣大家自己下載吧！點擊打開鏈接

EvE_MrR

發佈了2 篇原創文章 · 獲贊 4 · 訪問量 6萬+

私信關注

android網易頂部導航欄demo

android 相對定位佈局方向 RelativeLayout

Android（判斷wifi是否開啓，手機屏幕狀態，sdcard是否被拔出，設置全屏）

android網易頂部導航欄demo

SQLite與AutoCompleteTextView結合使用

SQLite的使用

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結