Android开发：Material Design 系列讲解

最新推荐文章于 2025-05-13 11:44:00 发布
最新推荐文章于 2025-05-13 11:44:00 发布
阅读量3.6k 收藏 57
点赞数 7
CC 4.0 BY-SA版权
分类专栏： Android基础知识 文章标签： android materialdesign
原文链接：https://blog.youkuaiyun.com/android157?spm=1000.2115.3001.5113
本文全面介绍了MaterialDesign在Android中的应用，覆盖了从基础组件到高级布局的各项内容，如工具栏、滑动菜单、卡片布局等，并深入探讨了转场动画、主题设置及各种交互元素的实现方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

 

Material Design 是我们将经典的设计原则和科技、创新相结合而创造的设计语言。这份文档会随着我们对 Material Design 的探索而不断更新。

一、Android 酷炫的 Material Design 设计（一）——Toolbar（工具栏）

二、Android 的 Material Design 设计（二）——滑动菜单

三、Android 的 Material Design 设计（三）——悬浮按钮与交互式提示栏

四、Android 的 Material Design 设计（四）——卡片式布局

五、Android 的 Material Design 设计（五）——可折叠式标题栏

六、MaterialDesign系列文章(六)转场动画

七、MaterialDesign系列文章(七)Theme主题设置

八、MaterialDesign系列文章(八)Palette库来获取图片的主要色彩

九、MaterialDesign系列文章(九)RecealAnimation动画的使用

十、MaterialDesign系列文章(十)ToolBar的使用

十一、MaterialDesign系列文章(十一)沉浸式状态栏的使用

十二、MaterialDesign系列文章(十二)TabLayout的使用

十三、MaterialDesign系列文章(十三)CollapsingToolbarLayout的使用

十四、MaterialDesign系列文章(十四)AppBarLayout的使用

十五、MaterialDesign系列文章(十五)NavigationView和DrawerLayout的使用

十六、MaterialDesign系列文章(十六)NestedScrollView的使用

十七、MaterialDesign系列文章(十七)TextInputLayout的使用

十八、MaterialDesign系列文章(十八)FloatingActionButton的使用

十九、MaterialDesign系列文章(十九)SnackBar的使用

二十、MaterialDesign系列文章(二十)BottomSheet的使用

二十一、MaterialDesign系列文章(二十一)BottomNavigationView的使用

二十二、MaterialDesign系列文章(二十二)Behavior的相关问题

 

Material Design 是我们将经典的设计原则和科技、创新相结合而创造的设计语言。这份文档会随着我们对 Material Design 的探索而不断更新。

 

一、Android 酷炫的 Material Design 设计（一）——Toolbar（工具栏）

https://www.jianshu.com/p/b5feda7f8781

二、Android 的 Material Design 设计（二）——滑动菜单

https://www.jianshu.com/p/8ff653f9c14a

三、Android 的 Material Design 设计（三）——悬浮按钮与交互式提示栏

https://www.jianshu.com/p/5ca32121a156

四、Android 的 Material Design 设计（四）——卡片式布局

https://www.jianshu.com/p/a2db7a0e1ec8

五、Android 的 Material Design 设计（五）——可折叠式标题栏

https://www.jianshu.com/p/a8e7adcc189d

六、MaterialDesign系列文章(六)转场动画

https://www.jianshu.com/p/26d6250b63d2

七、MaterialDesign系列文章(七)Theme主题设置

https://www.jianshu.com/p/445c2f4f67b7

八、MaterialDesign系列文章(八)Palette库来获取图片的主要色彩

https://www.jianshu.com/p/e8b8ac1ae465

九、MaterialDesign系列文章(九)RecealAnimation动画的使用

https://www.jianshu.com/p/6ed55f9d021b

十、MaterialDesign系列文章(十)ToolBar的使用

https://www.jianshu.com/p/9880aed8e94e

十一、MaterialDesign系列文章(十一)沉浸式状态栏的使用

https://www.jianshu.com/p/202b6fdf9fdf

十二、MaterialDesign系列文章(十二)TabLayout的使用

https://www.jianshu.com/p/2eb812e340ab

十三、MaterialDesign系列文章(十三)CollapsingToolbarLayout的使用

https://www.jianshu.com/p/63880275e8a3

十四、MaterialDesign系列文章(十四)AppBarLayout的使用

https://www.jianshu.com/p/c2029432c54e

十五、MaterialDesign系列文章(十五)NavigationView和DrawerLayout的使用

https://www.jianshu.com/p/eeb9ee236a25

十六、MaterialDesign系列文章(十六)NestedScrollView的使用

https://www.jianshu.com/p/8cb139a10368

十七、MaterialDesign系列文章(十七)TextInputLayout的使用

https://www.jianshu.com/p/1d75142011fb

十八、MaterialDesign系列文章(十八)FloatingActionButton的使用

https://www.jianshu.com/p/a2759dc61adb

十九、MaterialDesign系列文章(十九)SnackBar的使用

https://www.jianshu.com/p/f1749c69c98c

二十、MaterialDesign系列文章(二十)BottomSheet的使用

https://www.jianshu.com/p/5fffddc1e97a

二十一、MaterialDesign系列文章(二十一)BottomNavigationView的使用

https://www.jianshu.com/p/7caeedc176ac

二十二、MaterialDesign系列文章(二十二)Behavior的相关问题

https://www.jianshu.com/p/a67c05867f2a

 

 

Android kotlin系列讲解（实战篇）最佳的UI体验 - Material Design
彬sir哥的博客
07-28 1914
UI体验 - Material Design
Android Material Design 系列之 SearchView + Toolbar 开发详解
一名互联网时代苟且偷生的 Android码农
07-07 4724
前言 SearchView 是 Android 原生的搜索框控件，它提供了一个用户界面，可以让用户在文本框内输入文字，并允许通过看监听器监控用户输入，当用户输入完成后提交搜索时，也可通过监听器执行实际的搜索。 一、常见属性 相关方法 解释说明 setIconifiedByDefault(boolean) 设置该搜索框默认是否自动缩小为图标 setImeOptions(int) 设置输入法搜索选项字段，默认是搜索，可以是：下一页、发送、完成等 setInputType(int) 设置
Android Material Design
非也缘也的博客
01-20 352
Toolbar 由 AndroidX 库提供的用来替代 ActionBar 的一个控件。 详细信息 ActionBar 即每个 Activity 最顶部的那个标题栏，任何新建的项目默认都会显示，但它被限定只能位于 Activity 的顶部，从而不能实现一些 Material Design 的效果，因此官方现在已经不再建议使用，可在 res/values/styles.xml 文件中设置为不带 ActionBar 的主题。更加推荐的是 Toolbar，它不仅继承了 ActionBar 的所
Android Material Design风格基本使用（实现简易新闻APP）
热门推荐
Felix
07-19 1万+
前言：Google推出Material Design已经很久了，我在很久之前就开始使用Material Design风格编写APP，感觉还是挺好看的，风格比较统一。今天特意写一个简单的Demo来介绍一下Material Design(简称MD)的基本使用，由于Demo很简单，编码有点随意，大佬勿喷！ 首先上两张Demo效果图：                 1、DrawerLayout...
Android应用Material Design设计风格演示集
最新发布
weixin_31800911的博客
05-13 759
Material Design是Google在2014年提出的一种设计语言，旨在为用户提供一致、直观且美观的界面体验。它汲取了现实世界中纸张和墨水的特质，结合先进的技术和印刷设计原则，创造出一种新的界面风格。Material Design通过光影、动效和排版等元素，强调用户的交互体验，让界面既有实体感，又能适应不同尺寸的屏幕和设备。Material Design的设计理念强调“材质”这一核心概念，以纸张的堆叠、空间的深度和生动的动效为灵感来源，形成了独特的设计元素和交互模式。
Android中的 Material Design
baidu_41564215的博客
10-24 314
1. 为什么有 Material Design？      安卓标准的界面设计风格没有IOS美观，而且Android平台界面风格不统一。Material Design在2014年推出，解决美观与Android界面风格不统一问题。 2.Toolbar代替ActionBar，更加灵活      更改application的主题：      res-->values-->styl...
Android---Material Design
qq_44950283的博客
12-31 1045
Material Design 中文名：材料设计语言，是由 Google 推出的全新的设计语言。Google 表示，这种设计语言旨在为手机、平板、台式机和“其它平台”提供更一致、更广泛的“外观和感觉”。Material Design 不再让像素处于同一个平面，而是让它们按照规则处于空间当中，具备不同的维度；Material Design 还规范了 Android 的运动元素；Material Design 更加倾向于用色彩来提示；
Android基础——Material Design
松仔Log的博客
08-02 4471
Material DesignMaterial Design是什么？ToolbarDrawerLayoutNavigationViewFloatingActionButtonSnackbarCoordinatorLayoutCarView Material Design是什么？ Material Design时谷歌推出的一套UI设计规范，主要通过Design Support库来实现。 Toolbar 将ActionBar取消，修改value文件夹下的style.xml，修改parent为NoActionBa
第11天：Material Design
weixin_41644568的博客
11-13 1508
是由Google在2014年推出的一套设计语言，旨在为用户提供统一、美观且直观的用户体验。它结合了经典设计原则和创新的技术，适用于各种设备和屏幕尺寸。Material Design不仅涵盖了视觉设计，还涉及动效设计、布局设计和组件设计等多个方面。主要特点包括：一致性：确保不同应用在视觉和交互上的一致性。灵活性：适应不同设备、屏幕尺寸和用户需求。可扩展性：支持从简单到复杂的各种界面设计。美观性：通过精心设计的组件和布局，提升应用的整体视觉效果。
material-design-data：关于Material Design的一切资料都在这里
01-29
关于Material Design在这里我就不在多做介绍了，想必做Android开发的都听过它的大名，甚至用过无数次了。Material Design是以后Android的主流设计风格，现在已经越来越多的APP在此我收集了一份关于Material Design的...
Android Material Design 系列之 BottomNavigationView + ViewPager + Fragment + BadgeView 开发详解
一名互联网时代苟且偷生的 Android码农
07-13 2760
前言 BottomNavigationView 是 Material Design 提供的一个标准底部导航栏的实现，可以轻松的实现导航栏菜单之间的切换与浏览。底部导航使用户更方便的查看和切换最高层级的导航界面，适用于有三到五个 Tab 的情况。 APP 底部导航栏目中，有新消息提示用户，并在导航栏底部显示具体消息数，这种效果主流 APP 都有应用。本文就介绍 BottomNavigationView + ViewPager + Fragment + BadgeView 可以达到微信消息角标效果和 QQ 消息
Android Material Design 中文版
05-10
原质化设计(Material Design)中文版 完整版 Google I/O 2014 发布的 Material Design 势必将会成为统一 Android Mobile、Android Table、Desktop Chrome 等全平台设计语言规范，对从业人员意义重大
重磅教程！帮你全面彻底搞定Material design的学习笔记
风起云涌
12-30 2470
原文：http://www.uisdc.com/comprehensive-material-design-note PS:  想了解学习Material Design的同学一定要看看这篇文章，非常细致，特地引过来与君共勉。 自从Material design发布以来，可乐橙就在一直收集相关素材与资源，研究别人的作品。这套设计风格非常鲜明，带有浓郁的Google式严谨和理性哲学，深得我
Android之Material Design
Cristiano_san的博客
10-05 513
12.1 Toolbar： 顶部标题控件 1、ActionBar表示的是每个活动最顶部的标题栏 2、Toolbar不仅继承了ActionBar的所有功能，而且灵活性很高，可以配合其他空间来完成一些Material Design的效果 3、ActionBar来源： 4、活动界面中AppTheme每个位置的属性表示 5、可以利用Toolbar上修改标题栏上显示的内容（添加菜单为例） 12.2 滑动菜单 滑动菜单：将一些菜单选项隐藏起来，而不是放置在主屏幕上，然后可以通过滑动的方式将菜单显示出来 12.2.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值