【Interface&navigation】材料设计(20)

材料设计是跨平台和设备的视觉,动作和交互设计的综合指南。要在Android应用程序中使用材料设计,请遵循材料设计规范中定义的准则,并使用材料设计支持库中提供的新组件和样式。此页面提供了您应该使用的模式和API的概述。

Android提供以下功能来帮助您构建材料设计应用程序:

用于设置所有UI小部件样式的材质设计应用主题
用于复杂视图的小部件,例如列表和卡片
用于自定义阴影和动画的新API

视频:https://youtu.be/YaG_ljfzeUw

材料主题和小部件


要利用标准UI小部件的样式等材质功能,并简化应用的样式定义,请将基于材质的主题应用于您的应用。

【Interface&navigation】材料设计(20)

黑暗的材料主题
【Interface&navigation】材料设计(20)
轻质材料主题

有关更多信息,请参阅如何 应用材质主题。

要为您的用户提供熟悉的体验,请使用材料最常见的UX模式:

使用浮动操作按钮(FAB)提升UI的主要操作。
使用App Bar显示您的品牌,导航,搜索和其他操作。
使用导航抽屉显示和隐藏应用程序的导航。
使用许多其他材质组件之一进行应用布局和导航,例如折叠工具栏,标签,底部导航栏等。要查看所有内容,请查看适用于Android目录的 Material Components
并尽可能使用预定义的材料图标。例如,导航抽屉的导航“菜单”按钮应使用标准的“汉堡包”图标。有关可用图标的列表,请参阅材料设计图标。您还可以使用Android Studio的Vector Asset Studio从材质图标库导入SVG图标。

海拔阴影和卡片


除了X和Y属性之外,Android中的视图还具有Z属性。此新属性表示视图的高程,该高程确定:

阴影的大小:具有较高Z值的视图会投射更大的阴影。
绘图顺序:具有较高Z值的视图显示在其他视图的顶部。

【Interface&navigation】材料设计(20)

当您的布局包含基于卡片的布局时,通常会应用高程,这有助于您在卡片中显示提供材质外观的重要信息。您可以使用CardView窗口小部件创建具有默认高程的卡片。有关更多信息,请参阅 创建基于卡的布局。

有关向其他视图添加高程的信息,请参阅创建阴影和剪辑视图。

动画


新的动画API允许您为UI控件中的触摸反馈,视图状态的更改和活动转换创建自定义动画。

这些API可以让您:

使用触摸反馈动画响应视图中的触摸事件。
使用圆形显示动画隐藏和显示视图。
使用自定义活动转换动画在活动之间切换。
使用弯曲动作创建更自然的动画。
使用视图状态更改动画为一个或多个视图属性中的更改设置动画。
在视图状态更改之间的状态列表drawable中 显示动画。
触摸反馈动画内置于多个标准视图中,例如按钮。新API允许您自定义这些动画并将其添加到自定义视图中。

有关更多信息,请参阅动画概述。

可绘


这些用于drawable的新功能可帮助您实现材料设计应用程序:

矢量drawables可扩展而不会丢失定义,非常适合单色应用程序内图标。了解有关矢量绘图的更多信息。
可绘制着色允许您将位图定义为alpha蒙版,并在运行时使用颜色对其进行着色。了解如何为drawable添加色调。
通过颜色提取,您可以从位图图像中自动提取突出的颜色。了解如何使用Palette API选择颜色。

联系我

QQ:94297366
微信打赏:https://pan.baidu.com/s/1dSBXk3eFZu3mAMkw3xu9KQ

公众号推荐:

【Interface&navigation】材料设计(20)

猜你喜欢

转载自blog.51cto.com/4789781/2139608