使用主题背景编辑器设计应用主题背景

Android Studio 包含被称为主题背景编辑器的视觉辅助工具，以帮助您：

  • 创建和修改应用的主题背景。
  • 调整不同资源分类器的主题背景。
  • 可视化更改公共 UI 元素颜色的效果。
    本页面介绍您可以使用主题背景编辑器执行的基本任务，并说明如何执行此类任务。

主题背景编辑器基础知识

本部分描述主题背景编辑器的访问方式及其布局方式。

访问主题背景编辑器

主题背景编辑器的打开方式有两种：

  • 在打开的样式 XML 文件（例如 styles.xml）中，点击文件窗口右上方旁边的 Open editor。
  • 在 Tools 菜单中点击 Android > Theme Editor。

在主题背景编辑器中导航

主题背景编辑器的主屏幕分为两个部分。当您向应用栏或凸起的按钮等特定 UI 元素应用当前主题背景时，此编辑器的左侧会显示此类元素的外观。此编辑器的右侧显示要预览的当前主题背景的名称、定义主题背景所在的模块以及 Theme parent 和 colorPrimary 等主题背景资源的设置。您可以更改这些资源设置，以修改设计的主题背景。

主题背景和颜色

主题背景编辑器可用于创建新的主题背景，修改现有的主题背景，以及管理构成主题背景的颜色。

创建新主题背景

要创建主题背景，请按以下步骤操作：

  • 打开主题背景编辑器右上方旁边的 Theme 下拉菜单。
  • 点击 Create New Theme。
  • 在 New Theme 对话框中，为新主题背景输入一个名称。
  • 在 Parent theme name 列表中，点击供主题背景从中继承原始资源的父主题背景。

重命名主题背景

要重命名主题背景，请按以下步骤操作：

  • 打开主题背景编辑器右上方旁边的 Theme 下拉菜单。
  • 点击 Rename 主题背景名称。
  • 在 Rename 对话框中，为主题背景输入一个新名称。
  • （可选）要查看更改效果，请点击 Preview。
  • 要应用更改，请点击 Refactor。

更改颜色资源

要更改 colorPrimary 等现有颜色资源，请按以下步骤操作：

  • 点击您要更改的资源名称旁边的彩色方框。此时将显示 Resources 对话框，此对话框左侧显示颜色列表，右侧显示当前所选资源颜色的设置和信息。
  • 通过执行以下操作之一，设置主题背景资源的颜色：
    • 从颜色列表中选择一种材料调色板颜色。
    • 从颜色列表中选择一种已在项目中定义的颜色，也可以根据需要选择修改颜色值、不透明度和名称。
    • 点击 Resources 对话框左下方下拉菜单中的 New Resource > New color Value，在项目中定义新的颜色，然后指定颜色值、不透明度和名称。
  • 如果您已创建或修改自定义的项目颜色，则可以点击 Custom color 旁边的 CLOSEST MATERIAL COLOR，以确保此颜色与最接近的材料调色板颜色匹配。Android Studio 将您选择的颜色的颜色和不透明度值更改为最接近此颜色的材料颜色，并使用材料调色板中的颜色名称替换 Custom color。

查看状态列表和颜色

在主题背景编辑器中，您可以预览与不同状态关联的颜色。为此，请点击可编辑状态列表资源名称旁边的颜色集方框，以打开 Resources 对话框。Resources 对话框会显示状态列表（例如 Selected）以及与此状态关联的颜色值。点击某种状态的颜色以选择其他颜色值。

为了更全面地控制这些状态，您可以直接在定义状态的 XML 文件中查看和编辑状态的属性。如需了解详细信息，请参阅 ColorStateList 类的文档。

设备特定配置

您可以选择应用支持的设备特定配置。为此，请执行以下步骤：

  • 点击靠近 Resources 对话框底部的 Device Configuration 旁边的三角形。Device Configuration 部分将会展开，并显示源集和包含资源的 XML 文件的名称，以及存放此文件的配置特定目录的列表。
  • 如有必要，可更改 XML 文件名。
  • 选中您希望支持的设备特定配置所对应的目录旁边的框。您未指定目录的任何配置将默认使用 values 目录。
    如需了解有关目录名称与配置之间关系的详细信息，请参阅支持多种屏幕。如需了解有关支持的目录名称的详细信息，请参阅提供资源。