欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android项目实战之仿网易顶部导航栏效果

程序员文章站 2024-03-01 19:41:52
随着时间的推移现在的软件要求显示的内容越来越多,所以要在小的屏幕上能够更好的显示更多的内容,首先我们会想到底部菜单栏,但是有时候想网易新闻要显示的内容太多,而且又想在主页面...

随着时间的推移现在的软件要求显示的内容越来越多,所以要在小的屏幕上能够更好的显示更多的内容,首先我们会想到底部菜单栏,但是有时候想网易新闻要显示的内容太多,而且又想在主页面全部显示出来,所以有加了顶部导航栏,但是android这样的移动设备内存是受限的,那么多界面缓存到内存中,很容易导致内存溢出,这个是比较致命的,所以不得不考虑。虽然我在之前也做过网易的顶部导航栏但是方式并不好,就像使用viewpager做一些复杂的界面由于图片占用内存过多,很容易导致内存溢出,学习了今天的内容大家做一下对比相信就有所体会。
先看一下今天要实现的效果:

      Android项目实战之仿网易顶部导航栏效果

至于顶部导航的具体要用到的图片和布局大家自己调整。

由于前面已经介绍了底部菜单栏了,所以一些重复性的代码就不贴上来了,最后我也会把下载地址贴上大家有兴趣自行下载。

首先看一些顶部导航栏的布局文件:

<?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的我相信大家都明白,如果不考虑内存的话我也会使用。

以上就是本文的全部内容,希望能给大家一个参考,也希望大家多多支持。