DrawerLayout如何结合Tollbar实现菜单侧滑效果
这篇文章主要为大家展示了“DrawerLayout如何结合Tollbar实现菜单侧滑效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“DrawerLayout如何结合Tollbar实现菜单侧滑效果”这篇文章吧。
创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站建设、成都网站制作、大同网络推广、小程序定制开发、大同网络营销、大同企业策划、大同品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供大同建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com
具体内容如下
DrawerLayout(抽屉布局):谷歌官方的控件,可以简单的实现侧滑菜单;
此Demo主要是DrawerLayout结合Toolbar实现侧滑左上角返回键实现动画效果,点击左上角返回键实现动画效果并且滑出滑入侧滑菜单;
xml布局文件:
布局文件非常简单,就是一个线性布局,上面是toolbar,下面是DrawerLayout,抽屉布局里面放两个容器布局,上面的是主页面,下面的是菜单页面;
想要实现左上角返回按钮的动画必须给toolbar设置样式(app:theme="@style/DrawerArrowStyle"):
接下来设置Toolbar和DrawerLayout:
toolbar = (Toolbar) findViewById(R.id.toolbar); mDrawerLayout= (DrawerLayout) findViewById(R.id.drawerLayout); /***************************************Toolbar设置****************************************/ //把布局中的Toolbar当作ActionBar setSupportActionBar(toolbar); //设置标题 getSupportActionBar().setTitle("颐众商城"); //设置返回键 getSupportActionBar().setDisplayHomeAsUpEnabled(true); /**********************************DrawerLayout设置****************************************/ //第一步:创建返回键,并实现打开关/闭监听 ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar, 0, 0) { @Override //打开Drawer public void onDrawerOpened(View drawerView) { super.onDrawerOpened(drawerView);//开关状态改为opened } @Override //关闭Drawer public void onDrawerClosed(View drawerView) { super.onDrawerClosed(drawerView);//开关状态改为closed } }; //第二步:该方法会自动和actionBar关联, 将开关的图片显示在了action上,如果不设置,也可以有抽屉的效果,不过是默认的图标 mDrawerToggle.syncState(); //第三步:设置抽屉滑出来,和滑进去的监听 mDrawerLayout.setDrawerListener(mDrawerToggle);
以上是“DrawerLayout如何结合Tollbar实现菜单侧滑效果”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
分享文章:DrawerLayout如何结合Tollbar实现菜单侧滑效果
标题URL:http://pwwzsj.com/article/gsdshs.html