![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Material Design 系列
Jaynm
Android漫漫路,码农与你同在。
展开
-
Android Material Design 系列之 CoordinatorLayout + CollapsingToolbarLayout 开发详解
前言CoordinatorLayout 遵循 Material 风格,结合 AppbarLayout, CollapsingToolbarLayout 等可产生各种炫酷的效果,本篇博客就将介绍 CoordinatorLayout 的各种酷炫效果。一、View 介绍1、CoordinatorLayout又名协调者布局,它是 support.design 包中的控件。简单来说,CoordinatorLayout 是用来协调其子 view 并以触摸影响布局的形式产生动画效果的一个 super-power原创 2020-07-28 17:15:44 · 1292 阅读 · 1 评论 -
Android Material Design 系列之 BottomNavigationView + ViewPager + Fragment + BadgeView 开发详解
前言BottomNavigationView 是 Material Design 提供的一个标准底部导航栏的实现,可以轻松的实现导航栏菜单之间的切换与浏览。底部导航使用户更方便的查看和切换最高层级的导航界面,适用于有三到五个 Tab 的情况。APP 底部导航栏目中,有新消息提示用户,并在导航栏底部显示具体消息数,这种效果主流 APP 都有应用。本文就介绍 BottomNavigationView + ViewPager + Fragment + BadgeView 可以达到微信消息角标效果和 QQ 消息原创 2020-07-13 17:27:40 · 2533 阅读 · 6 评论 -
Android Material Design 系列之 SearchView + Toolbar 开发详解
前言SearchView 是 Android 原生的搜索框控件,它提供了一个用户界面,可以让用户在文本框内输入文字,并允许通过看监听器监控用户输入,当用户输入完成后提交搜索时,也可通过监听器执行实际的搜索。一、常见属性相关方法解释说明setIconifiedByDefault(boolean)设置该搜索框默认是否自动缩小为图标setImeOptions(int)设置输入法搜索选项字段,默认是搜索,可以是:下一页、发送、完成等setInputType(int)设置原创 2020-07-07 06:41:38 · 4198 阅读 · 3 评论 -
Android Material Design 系列之 Palette 开发详解
前言Palette 是 Android L SDK 中的新特性,可以使用 Palette 从图像中提取出突出的颜色(主色调),获取到颜色之后我们再将这个颜色值赋给 ActionBar、状态栏等。从而达到界面色调的统一,使界面美观协调。Palette 原理:通过得到一个 bitmap,通过方法进行分析,取出 LightVibrantSwatch,DarkVibrantSwatch,LightMutedSwatch,DarkMutedSwatch 这些样本,然后得到 rgb 值。一、Palette原创 2020-07-02 09:07:17 · 2222 阅读 · 1 评论 -
Android Material Design 系列之 CardView 开发详解
前言Android 5.0 版本中新增了 CardView,CardView 继承自 FrameLayout 类,具有圆角背景和阴影的 FrameLayout,并且可以设置圆角和阴影,使得控件具有立体性,也可以包含其他的布局容器和控件。本文章向大家介绍 Android CardView 详解及使用方法和实例,主要包括 Android CardView 详解及使用方法和实例使用实例、应用技巧、基本知识点总结和需要注意事项。一、CardView 常用属性XML 属性方法介绍app原创 2020-06-29 23:23:30 · 6242 阅读 · 6 评论 -
Android Material Design 系列之 DrawerLayout + NavigationView 使用详解
前言DrawerLayout 是 Support Library 包中实现了侧滑菜单效果的控件,可以说 DrawerLayout 是因为第三方控件如 MenuDrawer 等的出现之后,google 借鉴而出现的产物。DrawerLayout 分为侧边菜单和主内容区两部分,侧边菜单可以根据手势展开与隐藏(DrawerLayout 自身特性),主内容区的内容可以随着菜单的点击而变化。一、DrawerLayout 基础使用DrawerLayout 其实是一个布局控件,继承 ViewGroup,与 Lin原创 2020-06-25 06:14:37 · 1803 阅读 · 3 评论 -
Android Material Design 系列之 TextInputLayout 使用详解
前言本文是 Material Design 系列第四篇:TextInputLayout 主要是作为 EditText 的容器,从而为 EditText 生成一个浮动的 Label,当用户点击 EditText 的时候,EditText 中的 hint 字符串会自动移到 EditText 的左上角。TextInputLayout 的简单使用,是 Google 推出的整个 Material Design 库的一个缩影:Google 将 UI 视觉效果设计得华丽且流畅,同时代码封装更为优雅,开发者只需要在 l原创 2020-06-23 11:07:04 · 19064 阅读 · 3 评论 -
Android Material Design 系列之 TabLayout + ViewPager + Fragment 使用详解
前言本文是 Material Design 系列第三篇:TabLayout + ViewPager + Fragment 基本使用,Material Design 所有控件属于高级 UI,所以 Material Design 控件是中高级工程师必备技能。现在市面上很多主流界面效果都是采用 Material Design 风格控件完成。希望博主 Material Design 系列文章对各位初学者有所帮助,也为自己学习做详细笔记。一、TabLayout 方法介绍1、addTab(TabLayout.T原创 2020-06-20 07:29:21 · 4756 阅读 · 6 评论 -
Android Material Design 系列之 Snackbar 使用详解
前言本文是 Material Design 系列第三篇:SnackBar 的提出实际上介于 Toast 和 Dialog 的中间产物,SnackBar 提供有关操作的轻量级反馈,它们在移动设备的屏幕底部显示一条简短消息。SnackBar 出现在屏幕上所有其他元素的上方,一次只能显示一个。它们在超时后或在屏幕上其他位置的用户交互之后自动消失,特别是在召唤新的表面或活动的交互之后。Snackbar 与 Toast 的主要区别是:Snackbar 可以滑动退出,也可以处理用户交互(点击)事件。一、Sna原创 2020-06-18 10:56:37 · 5638 阅读 · 1 评论 -
Android Material Design 系列之 Toolbar 使用详解
前言在 2014 年 Google IO 大会上,Google 推出了一套全新的设计规范 Material Design,这也为广大的 Android 开发者带来了福音,不用像以前一样照着 IOS 视觉稿来开发 Android APP,Material Design 的视觉风格本身就比较炫酷。而 Google 也为我们提供符合 Material Design 风格的一系列组件,这大大的提高了我们的开发效率。由于 APP 改版在做 Material Design 化,所以后面会结合项目中的使用情况写几篇关原创 2020-06-15 06:18:29 · 5846 阅读 · 3 评论