android网易顶部导航栏demo

2019-07-14 03:34发布

  随着时间的推移现在的软件要求显示的内容越来越多,所以要在小的屏幕上能够更好的显示更多的内容,首先我们会想到底部菜单栏,但是有时候想网易新闻要显示的内容太多,而且又想在主页面全部显示出来,所以有加了顶部导航栏,但是android这样的移动设备内存是受限的,那么多界面缓存到内存中,很容易导致内存溢出,这个是比较致命的,所以不得不考虑。虽然我在之前也做过网易的顶部导航栏但是哪种方式并不好,就像使用viewpager做一些复杂的界面由于图片占用内存过多,很容易导致内存溢出,学习了今天的内容大家做一下对比相信就有所体会。               先看一下今天要实现的效果:       
          至于顶部导航的具体要用到的图片和布局大家自己调整。         由于前面已经介绍了底部菜单栏了,所以一些重复性的代码就不贴上来了,最后我也会把下载地址贴上大家有兴趣自行下载。         首先看一些顶部导航栏的布局文件: [html] view plain copy
  1. xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     android:orientation="vertical" >  
  6.     <include layout="@layout/head" />  
  7.      
  8.   <LinearLayout   
  9.     android:layout_width="fill_parent"  
  10.     android:layout_height="wrap_content">  
  11.             <RadioGroup  
  12.                 android:id="@+id/add_tab_group"  
  13.                 android:layout_width="fill_parent"  
  14.                 android:layout_height="wrap_content"  
  15.                 android:gravity="center"  
  16.                 android:paddingTop="6dp"  
  17.                 android:paddingBottom="6dp"  
  18.                 android:background="@drawable/big_button_up"  
  19.                 android:orientation="horizontal"  
  20.                  >  
  21.   
  22.                 <RadioButton  
  23.                     android:id="@+id/main_tab_addExam"  
  24.                     style="@style/MMTabButton1"  
  25.                     android:layout_weight="1.0"  
  26.                     android:checked="true"  
  27.                     android:text="添加考试" />  
  28.   
  29.                 <RadioButton  
  30.                     android:id="@+id/main_tab_myExam"  
  31.                     style="@style/MMTabButton1"  
  32.                     android:layout_weight="1.0"  
  33.                      
  34.                     android:text="我的考试" />  
  35.   
  36.                 <RadioButton  
  37.                     android:id="@+id/main_tab_message"  
  38.                     style="@style/MMTabButton1"  
  39.                     android:layout_weight="1.0"  
  40.                     android:text="我的通知" />  
  41.   
  42.                 <RadioButton  
  43.                     android:id="@+id/main_tab_testing"  
  44.                     style="@style/MMTabButton1"  
  45.                     android:layout_weight="1.0"  
  46.                     android:text="测试" />  
  47.                 <RadioButton  
  48.                     android:id="@+id/main_tab_settings"  
  49.                     style="@style/MMTabButton1"  
  50.                     android:layout_weight="1.0"  
  51.                     android:text="设置" />  
  52.             RadioGroup>  
  53.               
  54.        LinearLayout>  
  55.          
  56.     <LinearLayout  
  57.         android:id="@+id/container"  
  58.         android:layout_width="fill_parent"  
  59.         android:layout_height="fill_parent"  
  60.         android:layout_weight="1" >  
  61.     LinearLayout>  
  62. LinearLayout>  

      具体宽度样式大家可以自己调节,然后看一下核心类:    [html] view plain copy
  1. import android.app.ActivityGroup;  
  2. import android.app.AlertDialog;  
  3. import android.app.LocalActivityManager;  
  4. import android.content.Context;  
  5. import android.content.DialogInterface;  
  6. import android.content.Intent;  
  7. import android.os.Bundle;  
  8. import android.view.KeyEvent;  
  9. import android.view.View;  
  10. import android.view.animation.Animation;  
  11. import android.view.animation.AnimationUtils;  
  12. import android.widget.Button;  
  13. import android.widget.LinearLayout;  
  14. import android.widget.RadioGroup;  
  15. import android.widget.TextView;  
  16. import android.widget.RadioGroup.OnCheckedChangeListener;  
  17.   
  18. public class AddExamActivity extends ActivityGroup {  
  19.   
  20.     protected Button btn_leftTop, btn_rightTop;  
  21.     protected TextView tv_head;  
  22.       
  23.     private  static LocalActivityManager manager;  
  24.     private  RadioGroup radioGroup;  
  25.     private  static LinearLayout container;  
  26.     public  static Context context;  
  27.       
  28.     @Override  
  29.     protected void onCreate(Bundle savedInstanceState) {  
  30.         // TODO Auto-generated method stub  
  31.         super.onCreate(savedInstanceState);  
  32.         setContentView(R.layout.addexam);  
  33.         context=this;  
  34.         initHead();  
  35.           
  36.         manager=getLocalActivityManager();  
  37.         container= (LinearLayout)findViewById(R.id.container);  
  38.         radioGroup=(RadioGroup) this.findViewById(R.id.add_tab_group);  
  39.           
  40.         container.removeAllViews();  
  41.         container.addView(manager.startActivity(  
  42.                 "PAGE_0",  
  43.                 new Intent(context, MyExamActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))  
  44.                 .getDecorView());  
  45.           
  46.         radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {  
  47.               
  48.             @Override  
  49.             public void onCheckedChanged(RadioGroup group, int checkedId) {  
  50.                 // TODO Auto-generated method stub  
  51.                 switch (checkedId) {  
  52.                 case R.id.main_tab_addExam://添加考试  
  53.                     container.removeAllViews();  
  54.                     container.addView(manager.startActivity(  
  55.                             "PAGE_0",  
  56.                             new Intent(context, MyExamActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))  
  57.                             .getDecorView());  
  58.                     break;  
  59.                 case R.id.main_tab_myExam://我的考试  
  60.                     container.removeAllViews();  
  61.                     container.addView(manager.startActivity(  
  62.                             "PAGE_1",  
  63.                             new Intent(context, MyMessageActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))  
  64.                             .getDecorView());  
  65.                     break;  
  66.                 case R.id.main_tab_message://我的通知  
  67.                     container.removeAllViews();  
  68.                     container.addView(manager.startActivity(  
  69.                             "PAGE_2",  
  70.                             new Intent(context, SettingActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))  
  71.                             .getDecorView());  
  72.                     break;  
  73.                 case R.id.main_tab_testing://测试  
  74.                     container.removeAllViews();  
  75.                     container.addView(manager.startActivity(  
  76.                             "PAGE_3",  
  77.                             new Intent(context, TestingActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))  
  78.                             .getDecorView());  
  79.                     break;  
  80.                 case R.id.main_tab_settings://设置  
  81.                     container.removeAllViews();  
  82.                     container.addView(manager.startActivity(  
  83.                             "PAGE_4",  
  84.                             new Intent(context, MyExamActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))  
  85.                             .getDecorView());  
  86.                     break;  
  87.                 default:  
  88.                     //tabHost.setCurrentTabByTag("我的考试");  
  89.                     break;  
  90.                 }  
  91.             }  
  92.         });  
  93.     }  
  94.     public static void changeTo(){  
  95.         Animation slideLeftIn = AnimationUtils.loadAnimation(context, R.anim.slide_bottom_in_no_alpha);  
  96.           
  97.         container.removeAllViews();  
  98.         container.addView(manager.startActivity(  
  99.                 "PAGE_4",  
  100.                 new Intent(context, MyExamActivity.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))  
  101.                 .getDecorView());  
  102.         container.startAnimation(slideLeftIn);  
  103.     }  
  104.     protected void initHead() {  
  105.         btn_leftTop = (Button) findViewById(R.id.btn_leftTop);  
  106.         btn_rightTop = (Button) findViewById(R.id.btn_rightTop);  
  107.         tv_head = (TextView) findViewById(R.id.tv_head);  
  108.           
  109.         btn_leftTop.setVisibility(View.INVISIBLE);  
  110.         tv_head.setText("添加考试");  
  111.     }  
  112.       
  113.    @Override  
  114.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
  115.         // TODO Auto-generated method stub  
  116.   
  117.         if (keyCode == KeyEvent.KEYCODE_BACK) {  
  118.   
  119.             AlertDialog.Builder builder = new AlertDialog.Builder(getParent());