如何在项目中引入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,全大写 |
网友评论