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

随着时间的推移现在的软件要求显示的内容越来越多,所以要在小的屏幕上能够更好的显示更多的内容,首先我们会想到底部菜单栏,但是有时候想网易新闻要显示的内容太多,而且又想在主页面全部显示出来,所以有加了顶部导航栏,但是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的我相信大家都明白,如果不考虑内存的话我也会使用。

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

时间: 2024-10-24 01:22:57

Android项目实战之仿网易顶部导航栏效果的相关文章

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

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

Android项目实战之仿网易新闻的页面(RecyclerView )

本文实例实现一个仿网易新闻的页面,上面是轮播的图片,下面是 RecyclerView 显示新闻列表,具体内容如下 错误方法 <?xml version="1.0" encoding="utf-8"?> <LinearLayout ...> <ViewPager ... /> <android.support.v7.widget.RecyclerView .../> </LinearLayout> 这样布局

Android仿网易客户端顶部导航栏效果_Android

最近刚写了一个网易客户端首页导航条的动画效果,现在分享出来给大家学习学习.我说一下这个效果的核心原理.下面是效果图:          首先是布局,这个布局是我从网易客户端反编译后弄来的.大家看后应该明白,布局文件如下: <FrameLayout android:id="@id/column_navi" android:layout_width="fill_parent" android:layout_height="wrap_content&quo

Android实现顶部导航栏可点击可滑动效果(仿微信仿豆瓣网)

使用ViewPager,PagerSlidingTabStrip,SwipeRefreshLayout打造一款可以点击可以侧滑的顶部导航栏. 先简单介绍一下所用的两个个开源库. PagerSlidingTabStrip Github地址 用法: 1.向app Module中的build.gradle中添加依赖 dependencies { compile 'com.astuetz:pagerslidingtabstrip:1.0.1' } 2.把PagerSlidingTabStrip这个控件添

Android仿新闻顶部导航标签切换效果_Android

最近由于个人兴趣原因,写了个模仿新闻顶部导航标签的demo.具体看下图. 那么大致上我们会用到这些知识. 1.Fragment 2.FragmentPagerAdapter 3.HorizontalScrollView 4.PopupWindow ok,那么首先进入第一步. 为了实现顶部的标签,我们要用到HorizontalScrollView,因为原有的HorizontalScrollView控件已经不能满足我们的使用了.所以这里就自定义一个HorizontalScrollView impor

android-仿美丽说具有按下效果的顶部导航栏

转自http://blog.csdn.net/swadair/article/details/7494395 PressNavigationBar组件通过美化可以实现"美丽说"具有按下效果的顶部导航栏,如图: PressNavigationBar组件可以直接用于生产应用. 这是美丽说这是PressNavigationBar组件美化后仿美丽说效果图 PressNavigationBar使用的源码如下: [java] view plaincopy package cn.w.song.ui;

ViewPager顶部导航栏联动效果(标题栏条目多)_Android

如果标题栏过多,超过屏幕的宽度,该怎么弄,下面我们就来解决一下,效果如下: 其实和之前写的也差不多,我就是在哪个demo里面添加和修改了一下,就加了几个title标题,加了几个图片,最重要的是给TableLayout添加了一个属性: app:tabMode="scrollable" 这个属性就是设置设置TableLayout可以滚动,看我滚动上面的标题栏: 这里我还给标题栏设置了几个附加的属性,让它显得更好看: <span style="white-space:pre&

Android程序开发之Fragment实现底部导航栏实例代码_Android

流行的应用的导航一般分为两种,一种是底部导航,一种是侧边栏. 说明 IDE:AS,Android studio; 模拟器:genymotion; 实现的效果,见下图. 具体实现 为了讲明白这个实现过程,我们贴出来的代码多一写,这样更方便理解 [最后还会放出完整的代码实现] .看上图的界面做的比较粗糙,但实现过程的骨架都具有了,想要更完美的设计,之后自行完善吧 ^0^. 布局 通过观察上述效果图,发现任意一个选项页面都有三部分组成: 顶部去除ActionBar后的标题栏: 中间一个Fragment

js实现改进的仿蓝色论坛导航菜单效果代码_javascript技巧

本文实例讲述了js实现改进的仿蓝色论坛导航菜单效果代码.分享给大家供大家参考.具体如下: 这是一款改进的仿蓝色论坛导航菜单,滑动门级的导航菜单,网址跟踪链接的JS导航菜单,可以支持二级的菜单.为改善用户体验,加了延时.其原理是将链接地址和网址比较,如果一致,则加强该链接和上级链接的显示. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-f-blue-color-style-bbs-menu-codes/ 具体代码如下: <html> &l