一、什么是Material Design

Material Design 中文名：材料设计语言，是由 Google 推出的全新的设计语言。Google 表示，这种设计语言旨在为手机、平板、台式机和“其它平台”提供更一致、更广泛的“外观和感觉”。

$\bullet$ Material Design 不再让像素处于同一个平面，而是让它们按照规则处于空间当中，具备不同的维度；

$\bullet$ Material Design 还规范了 Android 的运动元素；

$\bullet$ Material Design 更加倾向于用色彩来提示；

Google 发布的 Material Design 语言更像是一套界面设计标准。

Material Design 中的 UI

二、Z轴

在 Material Design 主题当中给 UI 元素引入了高度的概念，视图的高度由属性 Z 来表示，决定了阴影的视觉效果，Z 越大，阴影就越大且越柔和。但是 Z 值并不会影响视图的大小。

视图的 Z 值由两个分量表示：

$\bullet$ Elevaton: 静态的分离；

$\bullet$ Translation: 用于动画的动态的分量；

Z 值的计算公式为：Z = elevation + translationZ

$\bullet$ 通过在 xml 布局文件当中给一个视图设置 android:evelation 属性，来设置视图的高度。当然我们也可以在代码当中使用 View.setElevation() 来给视图设置高度。

$\bullet$ 还可以在代码当中设置视图的 translationZ 分量： View.setTranslationZ()。

$\bullet$ 新的 ViewPropertyAnimator.z() 以及 ViewPropertyAnimator.translationZ() 方法能够很容易的改变视图的高度。关于这个动画的更多信息，参考 ViewPropertyAnimator 以及 PropertyAnimation 相关API。

$\bullet$ 还可以给视图设置 Android:StateListAnimator 属性来设置视图的状态改变动画，比如当点击按钮的时候改变其 translationZ 分量的值。

$\bullet$ Z 值的单位是 dp。

android:elevation 的使用

三、Material Design 的一些 theme

$\bullet$ Theme.MaterialComponents

$\bullet$ Theme.MaterialComponents.NoActionBar

$\bullet$ Theme.MaterialComponents.Light

$\bullet$ Theme.MaterialComponents.Light.NoActionBar

$\bullet$ Theme.MaterialComponents.Light.DarkActionBar

$\bullet$ Theme.MaterialComponents.DayBight

$\bullet$ Theme.MaterialComponents.DayNight.NoActionBar

$\bullet$ Theme.MaterialComponents.DayNight.DarkActionBar

四、图片缩放

通过使用以下比率，可以使图片在不同分辨率的屏幕上看起来一样。

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：Wireshark TS | Packet Challenge 之 HTTP 案例分析

下一篇：进程间通信之管道

Android---Material Design

一、什么是Material Design

二、Z轴

三、Material Design 的一些 theme

四、图片缩放

相关内容

热门资讯