Android导航抽屉-Navigation Drawer-低调大师

Android导航抽屉-Navigation Drawer

2017-11-15 453

Google今年七月份的时候更新了他们的Google+应用，采用了新的导航方式并抛弃了navigationdrawer。一时之间，又引发了一系列关于NavigationDrawer利弊的讨论，不过对于开发者而言我们只需要管好自己需要实现或者学习的功能的即可，2012年Youtube、Facebook、Path等应用纷纷使用了Navigationdrawer这样的导航方式，去年Google为了整治越来越混的Android，设计出了抽屉导航，开始正题还是关心下如何使用吧:

页面布局

看布局之前看下布局吧，网上常见的一张图片如下,Android官方文档上的一个图片，文章最后会给出链接:

布局文件代码:

 
         <RelativeLayout xmlns:android=
         "http://schemas.android.com/apk/res/android" 
        
         xmlns:tools=
         "http://schemas.android.com/tools" 
        
         android:layout_width=
         "match_parent" 
        
         android:layout_height=
         "match_parent" 
        
         tools:context=
         "com.example.naviganationdrawer.MainActivity" 
         > 
        
         <android.support.v4.widget.DrawerLayout 
        
         android:id=
         "@+id/mDrawerLayout" 
        
         android:layout_width=
         "match_parent" 
        
         android:layout_height=
         "match_parent" 
         > 
        
         <FrameLayout 
        
         android:id=
         "@+id/content_frame" 
        
         android:layout_width=
         "match_parent" 
        
         android:layout_height=
         "match_parent" 
         > 
        
         </FrameLayout> 
        
         <!-- 导航抽屉 --> 
        
         <ListView 
        
         android:id=
         "@+id/left_drawer" 
        
         android:layout_width=
         "120dp" 
        
         android:layout_height=
         "match_parent" 
        
         android:layout_gravity=
         "start" 
        
         android:background=
         "@android:color/holo_red_light" 
        
         android:choiceMode=
         "singleChoice" 
        
         android:divider=
         "@android:color/transparent" 
        
         android:dividerHeight=
         "0dp" 
         /> 
        
         </android.support.v4.widget.DrawerLayout> 
        
         </RelativeLayout>

　DrawerLayout 作为界面根控件，在DrawerLayout里面第一个View为当前界面主内容；第二个和第三个View为抽屉菜单内容。如果当前界面只需要一个抽屉菜单，则第三个View可以省略。
显示的主要内容的View必须要是第一个必须为DrawerLayout的第一个子View，原因在于 XML 布局文件中的View顺序为Android系统中的 z-ordering顺序，而抽屉必须出现在内容之上。

右侧图片的显示是个ImageView，贴下代码:

 
         <?xml version=
         "1.0" 
         encoding=
         "utf-8"
         ?> 
        
         <FrameLayout xmlns:android=
         "http://schemas.android.com/apk/res/android" 
        
         android:layout_width=
         "match_parent" 
        
         android:layout_height=
         "match_parent" 
         > 
        
         <ImageView 
        
         android:id=
         "@+id/content_image" 
        
         android:layout_width=
         "wrap_content" 
        
         android:layout_height=
         "wrap_content" 
        
         android:src=
         "@drawable/ic_launcher" 
        
         /> 
        
         </FrameLayout>

代码实现

onCreate中的代码实现:

 
         mPlanetTitles=
         new 
         String[]{
         "财经"
         ,
         "科技"
         }; 
        
         mDrawerList = (ListView) findViewById(R.id.left_drawer); 
        
         mDrawerList.setAdapter(
         new 
         ArrayAdapter<String>(
         this
         , 
        
         android.R.layout.simple_list_item_1, mPlanetTitles)); 
        
         mDrawerLayout=(DrawerLayout) findViewById(R.id.mDrawerLayout); 
        
         mDrawerList.setOnItemClickListener(
         new 
         DrawerItemClickListener());

　　页面左侧是ListView，里面的是当用户选择菜单List中的条目时，系统会调用 OnItemClickListener的 onItemClick()函数，点击事件:

 
         private 
         class 
         DrawerItemClickListener 
         implements 
         ListView.OnItemClickListener { 
        
         @Override 
        
         public 
         void 
         onItemClick(AdapterView parent, View view, 
         int 
         position, 
         long 
         id) { 
        
         selectItem(position); 
        
         } 
        
         }

　　选中的事件:

 
         private 
         void 
         selectItem(
         int 
         position) { 
        
         Fragment fragment = 
         new 
         FragmentContent(mImageList[position]); 
        
         getSupportFragmentManager().beginTransaction().replace(R.id.content_frame, fragment) 
        
         .commit(); 
        
         mDrawerList.setItemChecked(position, 
         true
         ); 
        
         setTitle(mPlanetTitles[position]); 
        
         mDrawerLayout.closeDrawer(mDrawerList); 
        
         }

　设置标题:

 
         @Override
        
         public 
         void 
         setTitle(CharSequence title) { 
        
         mTitle = title; 
        
         getActionBar().setTitle(mTitle); 
        
         }

　右侧显示图片的FragementContent中的代码:

 
         public 
         class 
         FragmentContent 
         extends 
         Fragment { 
        
         private 
         int 
         resourceId; 
        
         public 
         FragmentContent(
         int 
         i) { 
        
         // TODO Auto-generated constructor stub 
        
         resourceId=i; 
        
         } 
        
         @Override 
        
         public 
         void 
         onActivityCreated(Bundle savedInstanceState) { 
        
         // TODO Auto-generated method stub 
        
         super
         .onActivityCreated(savedInstanceState); 
        
         } 
        
         private 
         View view; 
        
         private 
         ImageView mImageView; 
        
         @Override 
        
         public 
         View onCreateView(LayoutInflater inflater, 
        
         ViewGroup container,  Bundle savedInstanceState) { 
        
         // TODO Auto-generated method stub 
        
         view= inflater.inflate(R.layout.fragmentcontent, 
         null
         ); 
        
         mImageView = (ImageView)view.findViewById(R.id.content_image); 
        
         mImageView.setImageResource(resourceId); 
        
         return 
         view; 
        
         } 
        
         @Override 
        
         public 
         void 
         onCreate(Bundle savedInstanceState) { 
        
         // TODO Auto-generated method stub 
        
         super
         .onCreate(savedInstanceState); 
        
         } 
        
         }

　　最后看下效果吧:

本文转自Fly_Elephant博客园博客，原文链接：http://www.cnblogs.com/xiaofeixiang/p/4168526.html，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/367201

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Android OpenGL ES 应用(二) 纹理

上一篇讲了基础入门OpenGL (一)，这一次主要学习OpenGL 纹理基本学习总结要是做复杂的OpenGL应用程序，一定会用到纹理技术。纹理说白了就是把图片或者视频图像绘制到OpenGL空间中。因此纹理也有坐标系，称ST坐标。或者UV 上面是纹理坐标空间。但没有固定的方向以下演示载入一张image作为纹理贴图。 public class TextureUtils { public static int createTexture(InputStream ins) { int[] textures = new int[1]; GLES20.glGenTextures(1, textures, 0);//生成一个纹理 int textureId = textures[0]; GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, textureId); GLES20.glTexParameterf(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MIN_FILTER,GLES20.GL_NEAREST); GLES20....

2017-11-16

662

[3d跑酷] Xcode5 打包发布配置

文章目录[点击展开](?)[+] 主题 xcode发布配置主题 Unity导出Xcode项目，使用Xocde打包ipa并提交到AppStore xcode发布配置 1、设置发布相关参数,比如包名，版本，证书，ios设备版本 2、设置体系结构,支持的平台(IOS/OS X) 3、选择发布证书（证书分：发布证书和开发证书）博客时间：2014-02-18 本文转自赵青青博客园博客，原文链接：http://www.cnblogs.com/zhaoqingqing/p/3553750.html，如需转载请自行联系原作者

2017-11-16

554

发表评论

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。