安卓系统的造型：共同的主题属性

在本系列关于Android风格设计的前一篇文章中，我们探讨了主题和风格之间的区别，以及主题如何让你写出更灵活的风格和布局，从而隔离变化。

Android造型。主题与风格 安卓风格系统提供了一种强大的方式来指定你的应用程序的视觉设计，但它可能很容易被滥用…。

具体而言，我们建议使用主题属性来为资源提供一个指示点，这样您就可以改变它们（例如，在黑暗主题中）。也就是说，如果你发现自己在布局或样式中写了一个直接的资源引用（或者更糟糕的是，一个硬编码的值😱），请考虑你是否应该使用主题属性来代替。

<!-- Copyright 2019 Google LLC.	
   SPDX-License-Identifier: Apache-2.0 -->
<ConstraintLayout ...
-  android:foreground="@drawable/some_ripple"
-  android:background="@color/blue" />
+  android:foreground="?attr/selectableItemBackground"
+  android:background="?attr/colorPrimarySurface" />

但是有哪些主题属性可供使用呢？这篇文章强调了你应该知道的常见属性；那些来自Material、AppCompat或平台的属性。这并不是一个完整的列表（为此我建议浏览下面链接的attrs文件，其中定义了这些属性），但这些是我经常使用的属性。

色泽

这些颜色中有许多来自材料颜色系统，该系统为颜色定义了语义名称，您可以在整个应用程序中使用这些颜色（作为主题attrs实现的）。

• ?attr/colorPrimary 应用程序的主要品牌颜色。
• ?attr/colorSecondary 应用程序的次要品牌颜色，通常是对主要品牌颜色的一个明亮的补充。
• ?attr/colorOn[Primary, Secondary, Surface etc] 一种与命名的颜色形成对比的颜色。
• ?attr/color[Primary, Secondary]Variant 给定颜色的另一个阴影。
• ?attr/colorSurface 一种用于组件表面的颜色，如卡片、薄片和菜单。
• ?android:attr/colorBackground 画面的背景。
• ?attr/colorPrimarySurface在浅色主题的colorPrimary之间切换，colorSurface在深色主题的colorSurface之间切换。
• ?attr/colorError 一种用于显示错误的颜色。

其他方便的颜色。

• ?attr/colorControlNormal 在正常状态下应用于图标/控件的颜色。
• ?attr/colorControlActivated 应用于图标/控件在其激活状态（如勾选）下的颜色。
• ?attr/colorControlHighlight 应用于控制高亮部分的颜色（如涟漪、列表选择器）。
• ?android:attr/textColorPrimary 最显眼的文字颜色。
• ?android:attr/textColorSecondary次要的文本颜色。

肢体语言

• ?attr/listPreferredItemHeight 列表项的标准(最小)高度。
• ?attr/actionBarSize 工具栏的高度。

可画图的东西

• ?attr/selectableItemBackground 一个用于交互式项目的波纹/高光（对前景也很方便！！）。
• ?attr/selectableItemBackgroundBorderless 一个不受约束的波纹。
• ?attr/dividerVertical 一个可以作为视觉元素之间的垂直分隔线的可画性。
• ?attr/dividerHorizontal 一个可以作为视觉元素之间的水平分割线的可画性。

文本的出现

Material 定义了一个字体比例—一组离散的文本样式，你应该在整个应用程序中使用，每一个都提供了作为一个主题属性，可以设置为textAppearance。请查看材料类型比例生成器，以帮助生成不同字体的比例。

• ?attr/textAppearanceHeadline1默认为浅色的96sp文本。
• ?attr/textAppearanceHeadline2默认为浅色的60sp文本。
• ?attr/textAppearanceHeadline3默认为普通的48sp文本。
• ?attr/textAppearanceHeadline4默认为普通的34sp文本。
• ?attr/textAppearanceHeadline5默认为普通的24sp文本。
• ?attr/textAppearanceHeadline6默认为中等的20sp的文本。
• ?attr/textAppearanceSubtitle1默认为普通的16sp文本。
• ?attr/textAppearanceSubtitle2默认为中等的14sp文本。
• ?attr/textAppearanceBody1默认为普通的16sp文本。
• ?attr/textAppearanceBody2默认为普通的14sp文本。
• ?attr/textAppearanceCaption默认为普通的12sp文本。
• ?attr/textAppearanceButton默认为中号全大写14sp文本。
• ?attr/textAppearanceOverline默认为普通的全部大写的10sp文本。

形体

Material 采用了形状系统，该系统被实现为小型、中型和大型组件的主题attr。请注意，如果您要在自定义组件上设置形状外观，您可能希望使用MaterialShapeDrawable，因为它的背景能够理解并实现形状。

• ?attr/shapeAppearanceSmallComponent用于按钮、筹码、文本字段等。默认为圆角的4dp角。
• ?attr/shapeAppearanceMediumComponent用于卡片、对话框、日期选择器等。默认为圆角的4dp角。
• ?attr/shapeAppearanceLargeComponent用于底层表等。默认为圆角的0dp角（即方形！）。

按钮的样式

这可能看起来超级具体，但材料定义了三种类型的按钮。包含，文本和轮廓。MDC提供了主题属性，你可以用它来设置一个MaterialButton的style。

• ?attr/materialButtonStyle默认为包含（或直接省略样式）。
• ?attr/borderlessButtonStyle为一个文本风格的按钮。
• ?attr/materialButtonOutlinedStyle为概述的风格。

浮点计时器

• ?android:attr/disabledAlpha 小工具的默认禁用阿尔法。
• ?android:attr/primaryContentAlpha 应用在前景元素上的alpha。
• ?android:attr/secondaryContentAlpha 应用于次要元素的阿尔法。

应用程序与安卓命名空间的关系

你可能已经注意到，有些属性是用?android:attr/foo来引用的，有些则是用?attr/bar。这是因为有些属性是由Android平台定义的，因此你需要用android部分来引用它们的命名空间（就像布局中的视图属性：android:id）。那些没有来自静态库（即AppCompat或MDC）的元素被编译到你的应用程序中，所以不需要命名空间（类似于你在布局中使用app:baz的方式）。有些元素在平台和库中都有的定义，例如colorPrimary。在这些情况下，请选择非平台版本，因为这可以在所有的API级别上使用，即它们’在库中被重复，正是为了回传它们。在这些情况下，我在上面列出了非平台版本。

prefer non-platform attributes which can be used on all API levels

更多的资源

关于可使用的主题属性的完整列表，请到真理之源去。

• 安卓系统平台
• 适应性测试

材料设计的组成部分。

• 颜色：白色
• 形状
• 种类：1.

自己动手做吧

有时没有一个主题属性，它可以抽象出你想按主题变化的东西。不用担心… 创建你自己的!这里有一个来自Google I/O应用的例子，它在两个屏幕上显示了一个会议的列表。

两块屏幕上列出了会议的内容

它们大体上是相似的，但左边的屏幕必须为粘性时间标题留出空间，而右边的屏幕则没有。我们通过在主题属性后面抽象出对齐项目的位置来实现这一点，这样我们就可以根据主题来改变它们，并在两个不同的屏幕上使用相同的布局。

1.在attrs.xml中定义主题属性。

<!-- Copyright 2019 Google LLC.	
   SPDX-License-Identifier: Apache-2.0 -->
<attr name="sessionListKeyline" format="dimension" />

2.在不同的主题中提供不同的价值。

<!-- Copyright 2019 Google LLC.	
   SPDX-License-Identifier: Apache-2.0 -->
<style name="Theme.IOSched.Schedule">
  …
  <item name="sessionListKeyline">72dp</item>
</style>

<style name="Theme.IOSched.Speaker">
  …
  <item name="sessionListKeyline">16dp</item>
</style>

3.使用主题attr在单屏幕上使用的双布局（各使用上述主题之一）。

<!-- Copyright 2019 Google LLC.	
   SPDX-License-Identifier: Apache-2.0 -->
<Guideline …
  app:layout_constraintGuide_begin="?attr/sessionListKeyline" />

问题(标记)的一切

了解哪些主题属性是可用的，使你在编写你的布局、样式或可画性时能够使用它们。使用主题属性使得支持主题化（如黑暗主题）和编写更灵活、可维护的代码更加容易。关于这方面的深入研究，请加入我们本系列的下一篇文章。

Android的风格设计。首选主题属性 主题属性的所有内容