实现Material Design风格的Actionbar和Drawer侧边导航栏

最新推荐文章于 2021-05-31 10:21:17 发布
最新推荐文章于 2021-05-31 10:21:17 发布
阅读量2.9k 收藏 1
点赞数
分类专栏： Android 开发 文章标签： 体验 android Material Design
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014784379/article/details/44920609
版权
本文介绍如何在Android应用中实现Material Design风格的ActionBar和Drawer侧边导航栏，通过使用Toolbar控件和AppCompat v7兼容包实现向下兼容。文章包括style.xml配置、Toolbar布局设计以及主Activity的代码实现，展示了侧边栏的交互体验，并提到Google官方的侧边栏覆盖样式。
摘要由CSDN通过智能技术生成 

<strong><span style="font-size:18px;">前言：</span></strong>

        自从Google公布了Material Design之后，Android App的UI更加好看了，动画也nice不少。相信有情怀的码农（这个词真是被玩坏了=.=）肯定都不愿意做IOS风格的Android应用，都愿意用Google自己的Android Design。


        一个符合Android风格的App最基本也最标准的就是有一个ActionBar了，本篇博文就是实现Material Design的ActionBar外加Drawer侧边栏。先上截图：



      

        在5.0中，Google定义了一个叫Toolbar的控件，ToolBar基本上就是我们熟知的ActionBar，他们最主要的区别是ToolBar是我们所能控制的布局的一部分， 所以我们可以随意的实现一些自定义的效果，比如在ToolBar上使用动画、设定其高度之类的。为了使用此控件并向下兼容，就必须使用到AppCompat v7兼容包（关于Android各个兼容包，StormZhang这篇博文很不错的作了解释：Android Sup

最低0.47元/天 解锁文章
野生ChaoS
关注
专栏目录
MaterialDesign学习篇(二)，Toolbar、DrawerLayout的使用
Chay_Chan的博客
07-24 3323
什么是ToolbarToolbar是应用的内容的标准工具栏，可以说是Actionbar的升级版，两者不是独立关系，要使用Toolbar还是得跟ActionBar扯上关系的。相比Actionbar，Toolbar最明显的一点就是变得很自由，可随处放置，因为它是作为一个ViewGroup来定义使用的，所以单纯使用ActionBar已经稍显过时了，它的一些方法已被标注过时。Toolbar提供了一些可定制化
导航栏的实现（侧边+底部）
11-05
实现侧边栏，实现底部导航栏，模仿QQ 微信。页面精美，代码简单。
Material Design之ActionBar、ToolBar
Jason_Lee155的博客
02-25 314
前言 Material Design是由谷歌的设计工程师们基于传统优秀的设计原则，结合丰富的创意和科学技术所发明的一套全新的界面设计语言，包含了视觉、运动、互动效果等特性。现实生活中，很多公司会自己封装界面的跳转、设计等，于是很多android应用风格不统一。鉴于此，Google工程师们提供了一套基本的平台界面。 此系列文章，一点点的介绍Material Design风格搭建。首先是“标题栏”...
使用ActionBar实现Tab导航
snow_lyGirl
11-24 639
AndroidManifest.xml配置 <activity android:name=".ActionBar_Tab"></activity> 布局文件res\layout\aty_actionbar.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com
ActionBar的重写——Material Design中的Toolbar
PushYE的博客
06-24 351
1
android studio 顶部导航栏_Material Design 底部导航
weixin_39690401的博客
12-01 773
底部导航栏使您可以轻松浏览并在单击中切换顶级视图。点击底部导航图标可直接进入关联视图或刷新当前活动视图。底部导航主要用于移动设备。要实现类似桌面效果，请使用侧面导航。用法三到五个顶级目的地需要直接访问的目的地颜色使用应用程序的主要颜色对活动图标进行着色。如果底部导航栏已经着色，请使用黑色或白色。眼镜每个动作的宽度：视图的宽度除以动作的数量（最大值为168dp，最小值为80dp）身高：56dp图标：...
Material Design风格浅析
vanpersie_9987的博客
01-29 1137
说明：本文中的代码均是在Android Studio 2.0 preview版本中编译。Material Design是Android5.0 (API 21)推出的一套全新设计语言，同时体现了一种科技感。Google希望该设计语言的可视化风格(visual), 物体运动风格(motion)和交互设计风格(interaction design)能够在跨平台、跨设备的场合运行。
Android 使用Material Design实现滑动菜单
大山喵写博客的地方
08-20 1239
DrawerLayout布局 　　DrawerLayout是Design库中实现滑动菜单效果的支撑性布局，它允许放入两个直接子控件，第一个子控件是主屏幕中的内容，第二个子控件是滑动菜单中显示的内容。我们在activity_main.xml文件中使用DrawerLayout布局如下： <?xml version="1.0" encoding="utf-8"?> <android...
Material Design 风格的 Android 侧滑菜单
野指针er
10-22 1679
我们都知道Google从发布Android M后，增加一个全新的支持库Android Design Support Library，其中包含了多个重要的Material Design组件，今天这篇就是介绍使用 NavigationView 和 DrawerLayout ，当然还有 Toolbar 绘制最简单的侧滑菜单。
侧滑栏-侧边导航栏的实现
04-27
侧边的滑动实现，主要用于侧边导航的实现
Android左侧导航栏。ListView动态显示导航
06-19
左侧为ListView.右侧为Fragment.根据左侧点击不同的ListView行数、来动态跟换右侧Fragmetn显示。
学习使用Material Design控件（二）使用DrawerLayout实现侧滑菜单栏效果
08-29
主要为大家介绍了学习使用Material Design控件的详细教程，使用DrawerLayout和NavigationView实现侧滑菜单栏效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android侧边栏实现
02-16
手指 左滑动屏幕时，相应的显示和隐藏菜单和内容，代码非常简单，而且是自定义实现的，不借助第三方插件。对应的原理博文： http://blog.csdn.net/evankaka/article/details/43851443
Material Design风格多级下拉列表菜单
12-11
jquery-accordion-menu-multilevel是一款非常酷的Material Design风格多级下拉列表菜单jQuery插件。该下拉列表在菜单项点击时采用漂亮的点击波特效，并提供了三种预设的颜色主题样式。
android侧边栏简书,Android中MaterialDesign使用 (二)Navigation+Drawerlayout+Toolbar实现简单侧滑菜单...
weixin_34900758的博客
05-31 488
MaterialDesign使用 (二) Navigation的使用#使用Navigation+Drawerlayout+Toolbar实现简单侧滑菜单2016/9/8 星期四 19:59:10先看效果图:使用Tablayout,首先需要在项目中加入Design包dependencies {compile 'com.android.support:design:24.1.1'}因为要用到Toolb...
Android 侧边触摸式导航栏
0.0
02-07 1729
先上动态效果图利用一个自定义View ，和其中的dispatchTouchEvent 拦截触摸事件实现SideBar.javapackage xyz.slideviewgettext; import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import andr...
Android控件 - 侧边栏（NavigationView）
⚡
12-15 2439
▷ Android 侧边栏 NavigationView 基本配置 屏幕任意区域左滑调出侧边栏 <一> NavigationView 基本配置 位于 DrawerLayout 下 app:layout_gravity = "start" app:headerLayout = "@layout/layout1" app:menu:"@menu/nav" 1> act...
Android侧边导航栏+ListView基础实践
Y1ah的Blog
01-18 1992
Android基础项目实践 本学期学习了Android的开发课程，期末也做了一款很萌新向的App作为课程的内容输出吧。 这篇博客就拿来记录一下开发过程和相关内容吧 0x01 前言 言归正传，首先说一说做这么一款App的想法。 一个是出于完成课程报告的角度（有一些要求），另一个就是学了很多确实想做点什么。至于为什么做这个，起初也考虑过仿一些常用的App的想法，但是心里总是不太愿意，想做些没有的。（...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值