Material Design
2021-05-17 本文已影响0人
lq_ios
如何在项目中引入Material Design
将下面这段代码加入项目或者模块的build.gradle的文件中，具体的版本号可以在 它的GitHub仓库地址上找到
implementation "com.google.android.material:material: 版本号"
Material Design 包含的组件
全局的主题属性
Color属性
| 属性名 | 描述 |
|---|---|
| colorPrimary | APP的主要颜色，actionBar默认使用该颜色，Toolbar导航栏的底色 |
| colorPrimaryVariant | APP的主要颜色的较浅/较暗变体，在主题中很少使用 |
| colorOnPrimary | 用于显示在原色上方的元素的颜色（例如，文本和图标，根据可访问性，通常为白色或半透明的黑色） |
| colorSecondary | APP的次要色彩，主要用于强调某些需要突出的小部件 |
| colorSecondaryVariant | APP的次要色彩的较浅/较深变体，在主题中很少使用 |
| colorOnSecondary | 用于显示在辅助颜色顶部的元素的颜色 |
| colorError | 用于错误的颜色（通常为红色阴影） |
| colorOnError | 用于显示在错误颜色顶部的元素的颜色 |
| colorSurface | 用于表面的颜色 |
| colorOnSurface | 用于显示在表面颜色顶部的元素的颜色 |
| android:colorBackground | 所有其他屏幕内容后面的颜色 |
| colorOnBackground | 用于显示在背景色上方的元素的颜色 |
| colorPrimaryDark | APP的主要暗色调，statusBarColor默认使用该颜色 |
| statusBarColor | 状态栏颜色，默认使用colorPrimaryDark |
| windowBackground | 窗口背景颜色 |
| navigationBarColor | 底部栏颜色 |
| colorForeground | 应用的前景色，ListView的分割线，switch滑动区默认使用该颜色 |
| colorAccent | CheckBox，RadioButton，SwitchCompat等一般控件的选中效果默认采用该颜色 |
| colorControlNormal | CheckBox，RadioButton，SwitchCompat等默认状态的颜色 |
| colorControlHighlight | 控件按压时的色调 |
| colorControlActivated | 控件选中时的颜色，默认使用colorAccent |
| colorButtonNormal | 默认按钮的背景颜色 |
| editTextColor | 默认EditView输入框字体的颜色。 |
| textColor | Button，textView的文字颜色 |
| textColorPrimaryDisableOnly | RadioButton checkbox等控件的文字 |
| textColorPrimary | 应用的主要文字颜色，actionBar的标题文字默认使用该颜色 |
| colorSwitchThumbNormal | switch thumbs 默认状态的颜色. (switch off) |
Type 属性
Type 属性在文字字体，重量，大小，大小写和字母间距方面都符合Material Type System。这些属性引用实现（并以其命名）各种类型比例的样式：TextAppearance.MaterialComponents.
| 属性名 | 描述 |
|---|---|
| textAppearanceHeadline1 | 轻，96sp |
| textAppearanceHeadline2 | 轻，60sp |
| textAppearanceHeadline3 | 常规的48sp |
| textAppearanceHeadline4 | 常规的34sp |
| textAppearanceHeadline5 | 常规，24sp |
| textAppearanceHeadline6 | 中20sp |
| textAppearanceSubtitle1 | 常规16sp |
| textAppearanceSubtitle2 | 中14sp |
| textAppearanceBody1 | 常规16sp |
| textAppearanceBody2 | 常规，14sp |
| textAppearanceButton | 常规，14sp，全大写 |
| textAppearanceOverline | 常规，12sp，全大写 |
