博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Demo5 依然侧滑?:NavigationView来帮忙
阅读量:4624 次
发布时间:2019-06-09

本文共 4932 字,大约阅读时间需要 16 分钟。

之前的一篇Demo里面介绍了关于侧滑菜单的实现:。

说实话要用之前的方法确实有些麻烦,因为我们不得不手动用LinearLayout或者ListView去实现。但是侧滑的效果又是深受用户的喜爱,不必担心,新的design support library为我们提供了新的侧滑组件NavigationView,让我们实现侧滑效果变得更加简单。

首先我们用之前的方法创建一个简单的侧滑菜单,布局文件如下:

main_layout.xml:

这是我们之前的方法,为了简化操作我们只设置了侧滑的背景,只要能够辨别就好了。作为回顾,接下来还是给出之前用来实现侧滑的代码吧,功能就只限于侧滑,所以代码比较简短:

MainActivity.java:

public class MainActivity extends AppCompatActivity{
private Toolbar toolbar; private DrawerLayout container; private LinearLayout content; private ActionBarDrawerToggle toggle; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main_layout); toolbar = (Toolbar)findViewById(R.id.toolbar); container = (DrawerLayout)findViewById(R.id.drawer); content = (LinearLayout)findViewById(R.id.left); toolbar.setTitle("Drawer"); toolbar.setTitleTextColor(Color.WHITE); toolbar.setSubtitle("navigation"); setSupportActionBar(toolbar); toggle = new ActionBarDrawerToggle(this, container, R.string.open, R.string.close) { @Override public void onDrawerOpened(View drawerView) { invalidateOptionsMenu(); } @Override public void onDrawerClosed(View drawerView) { invalidateOptionsMenu(); } }; toggle.syncState(); container.setDrawerListener(toggle); getSupportActionBar().setDisplayHomeAsUpEnabled(true); } @Override public boolean onOptionsItemSelected(MenuItem item) { if(toggle.onOptionsItemSelected(item)) { invalidateOptionsMenu(); } return true; }}

那么接下来介绍使用NavigationView实现侧滑,当然你需要事先添加design support library的引用:首先我们要准备两个xml文件,一个是布局文件,用来指定Navigation的headerLayout属性,另一个是menu文件,用来指定Navigation的选项菜单:

navigation_header_layout.xml:

navigation_item.xml:

可能你不太了解上面两个xml的作用,不要紧,等结果出来就能看到。接下来就是修改主布局文件了。针对之前的main_layout.xml,我们只要把侧滑内容由LinearLayout改成NavigationView就可以了:

其中,headerLayout是侧滑菜单头布局,menu是侧滑菜单选项,所指定的两个xml文件在上面已经给出。最后就是怎么在代码中添加对侧滑的控制了。对于前面的内容基本上不用修改,只要设置navigation的菜单选项响应方法就好了(这个不可以省得好吗)。先上代码吧:

MainActivity.java:

public class MainActivity extends AppCompatActivity{
private Toolbar toolbar; private DrawerLayout container; private NavigationView navigationView; private ActionBarDrawerToggle toggle; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main_layout); toolbar = (Toolbar)findViewById(R.id.toolbar); container = (DrawerLayout)findViewById(R.id.drawer); toolbar.setTitle("Drawer"); toolbar.setTitleTextColor(Color.WHITE); toolbar.setSubtitle("navigation"); setSupportActionBar(toolbar); navigationView = (NavigationView)findViewById(R.id.navigation); navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() { @Override public boolean onNavigationItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.add: Toast.makeText(MainActivity.this, "Add", Toast.LENGTH_SHORT).show(); break; //其他菜单项响应。。。 } return false; } }); //设置导航栏主菜单选项关联侧滑菜单 toggle = new ActionBarDrawerToggle(this, container, R.string.open, R.string.close) { @Override public void onDrawerOpened(View drawerView) { invalidateOptionsMenu(); } @Override public void onDrawerClosed(View drawerView) { invalidateOptionsMenu(); } }; toggle.syncState(); container.setDrawerListener(toggle); getSupportActionBar().setDisplayHomeAsUpEnabled(true); } @Override public boolean onOptionsItemSelected(MenuItem item) { //主菜单选项关联侧滑菜单 if(toggle.onOptionsItemSelected(item)) { invalidateOptionsMenu(); } return true; }}

其实我们主要在代码中加了一句设置NavigationView菜单项的响应方法,对比以前真的简单了好多,不用重写onCreateOptionsMenu等方法,而且直观明了。顺便说明一下这里ActionBarDrawerToggle toggle的作用,这里的功能是把导航栏上主菜单项与侧滑菜单关联起来,下面是使用NavigationView实现的侧滑效果。

现在你明白了NavigationView的headerLayout和menu的属性具体指什么了吧。我们终于不用使用类似ListView的数据载体来关联侧滑菜单的菜单项了,使得我们的代码逻辑变得清晰并且容易管理。最后,让你看一下如果我们不使用ActionBarDrawerToggle toggle会发生什么:

我们可以看到导航栏上的主菜单项与我们之前的不同了,是一个箭头,这是因为它现在已经与我们的侧滑菜单没有联系了,所以我们也不能通过点击它显示侧滑菜单,不过当我们在左侧滑动还是可以看见我们的侧滑菜单的。

Demo源码下载地址:

转载于:https://www.cnblogs.com/magicianCoder/p/5506590.html

你可能感兴趣的文章
煤气灶---递归
查看>>
STL: unordered_map 自定义键值使用
查看>>
java与<道德经>总章一些感悟
查看>>
数据库查询优化的一些总结
查看>>
ubuntu下hive-0.8.1配置
查看>>
POJ 3169 Layout
查看>>
正则表达式
查看>>
SSL JudgeOnline 1455——电子老鼠闯迷宫
查看>>
类1(this指针/const成员函数/类作用域/外部成员函数/返回this对象的函数)
查看>>
51nod1103(抽屉原理)
查看>>
C++ TCP客户端网络消息发送接收同步实现
查看>>
装饰器
查看>>
-------- Rootkit 核心技术——利用 nt!_MDL 突破 KiServiceTable 的只读访问限制 Part II --------...
查看>>
05_ssm基础(四)之Spring基础二
查看>>
扬州社保关系转入
查看>>
程序员跳槽全攻略pdf
查看>>
Visual Basic开发实战1200例(第I卷)pdf
查看>>
详细讲解Quartz.NET
查看>>
Hibernate五大核心接口简介
查看>>
提高生产性工具(四) - XML数据库的尝试
查看>>