Files
AtomUI/docs/engineering/control-token-guidelines.md
T

11 KiB
Raw Blame History

AtomUI Control Token 设计规范

本文档定义 AtomUI.Controls、AtomUI.Desktop.Controls、DataGrid、ColorPicker 和第三方 AtomUI Control 包的 Control Token、ControlTheme Asset 与组合主题规则。完整编译、snapshot 和资源发布模型见 AtomUI 主题系统架构。单个 Control 的 token.md 只记录 Own Token 语义和必要的 Global Token 使用示例;全部 Global Token 都可覆盖,不在单 Control 文档中复制支持清单。面向主题作者的完整定制流程见 主题系统架构与主题定制指南。

Token 分层

Global Token
    -> Control-specific Global Override
Effective Global Token
    -> calculate Control Own Token defaults
    -> Control Own Token Override
Effective Control Token
    -> ControlTheme
    -> Semantic Part Theme
    -> Template / Runtime visual state
层 职责
Global Token 定义全局颜色、尺寸、排版、动效、交互值和算法输入。
Effective Global Token 保存 Global Token 在某个 Control identity 下的有效值。
Control Own Token 定义只属于一个 Control 的稳定设计语义。
Effective Control Token 合并该 Control 的 Effective Global Token 与 Own Token。
Theme Variables 保存 Control 实例在当前状态下的最终视觉变量。
ControlTheme / Template 消费 Token 和 Theme Variables,完成状态映射与渲染。

Control identity

每个对外可主题化的 Control 都拥有独立 ControlTokenIdentity。identity 不由以下信息推断:

  • ControlTheme.TargetType。
  • Control CLR 继承关系。
  • ControlTheme BasedOn 关系。
  • internal Part、Presenter、Decorator 或 Host 类型。
  • 运行时资源位置或 Visual/Logical parent。

生成器按 Control、可选 Token 类型和主题资产的命名及目录约定生成 XxxTokens.Identity。C# 配置和 imperative 查询使用该强类型入口,不能手写 Catalog/Id 字符串或 new ControlTokenIdentity(...)。

Catalog 是包级 identity 命名空间,不是 CLR namespace,也不是主题资产的 TargetType。AtomUI 内置包统一使用 AtomUI;第三方包的生成 target 默认使用项目 AssemblyName,因此同一包生成的 Token key、descriptor 和 asset manifest 始终共享同一个 Catalog。某个包为 Avalonia 或其他外部 Control 提供主题资产时,asset owner 仍归属于声明该资产的包;TargetType 不会改变 owner Catalog。

Own Token 定义

public sealed class Rating : TemplatedControl
{
}

[ControlDesignToken]
internal sealed class RatingToken : AbstractControlDesignToken
{
    public double StarSize { get; set; }
    public double StarGap { get; set; }

    public override void CalculateTokenValues(bool isDarkMode)
    {
        StarSize = EffectiveGlobalToken.ControlHeight;
        StarGap  = EffectiveGlobalToken.UniformlyMarginXS;
    }
}

约束:

  • RatingToken.cs 只在 Rating 存在 Own Token 时创建。
  • Own Token 类型使用无参数 [ControlDesignToken] 标记,供生成器稳定发现。
  • [ControlDesignToken] 不携带 Control 类型、identity、ID 或主题资产路径;Control 关联继续由命名和目录约定建立。
  • Token 类型只继承统一基础类型,禁止继承另一个 Control Token。
  • Own Token 禁止与任一 Global Token 同名。
  • 禁止泛型 [ControlDesignToken<TControl>]、手写 ID 或 Theme Asset glob。
  • Control 没有 Own Token 时仍然拥有 identity,并天然可以覆盖完整 Global Token schema。

多个 Control 需要相同值时,先判断它是否属于全局设计语言。属于时提升为 Global Token;不属于时分别定义语义 清晰的 Own Token。不能通过 Control Token 继承共享实现,纯计算复用可以使用无 identity 的 internal helper。

可配置 Token 契约

Control 配置允许使用的 Token 为:

Configurable Control Tokens = All Global Tokens + Current Control Own Tokens

ControlTokenDescriptor 只保存 exact CLR type、identity 和 OwnTokens,不保存 Global Token 消费白名单。Binder 先匹配当前 Control Own Token,未命中时匹配完整 Global Token schema;两处都不存在才报错。Own Token 与任意 Global Token 禁止同名,因此扁平配置和统一 XxxTokenResource 不需要来源限定符。

Global Token 消费不进入 Schema

Own Token 计算可以直接读取任意 Effective Global Token:

StarSize = EffectiveGlobalToken.ControlHeight;

ControlTheme 也可以直接使用任意 Global Token:

<Setter Property="Foreground" Value="{atom:RatingTokenResource ColorPrimary}" />

生成器不扫描这两处访问,也不扫描 C# Binding 来形成依赖清单。合法 Global Token 即使没有被当前 Control 消费也 允许配置;它可能没有视觉效果,但不能泄漏到其他 Control 或 Global snapshot。Global/Custom Control 算法 可以从一个局部 Seed/Map 覆盖派生其他 Token,这是当前 Control 内的正常间接效果。

用户配置

theme.ControlTokens
    .For(RatingTokens.Identity)
    .Set(GlobalTokens.ControlHeight, 36)
    .Set(GlobalTokens.ColorPrimary, Colors.Red)
    .Set(RatingTokens.StarGap, 8);

前两个值只覆盖 Rating 的 Effective Global Token,最后一个值覆盖 Rating Own Token。其他 Control 和真正的 Global Token snapshot 不受影响。名称未出现在完整 Global Token schema 或 Rating Own Token schema 时产生明确 错误;合法但未消费的 Global Token 允许没有实际效果。

AXAML 访问契约

<!-- 永远读取全局值。 -->
<Setter Property="FontFamily" Value="{atom:SharedTokenResource FontFamily}" />

<!-- 读取 Rating 的 Effective Global Token。 -->
<Setter Property="MinHeight" Value="{atom:RatingTokenResource ControlHeight}" />
<Setter Property="Foreground" Value="{atom:RatingTokenResource ColorPrimary}" />

<!-- 读取 Rating Own Token。 -->
<Setter Property="Margin" Value="{atom:RatingTokenResource StarGap}" />

RatingTokenResource 同时读取两类 Token,消费语法不写 Global= 或 Own=。生成器产生强类型 RatingTokenKey 和 MarkupExtension 构造参数。主题作者可以选择 Rating Own Token 和 Global Token schema 中的 全部候选;错误名称在 AXAML 编译期失败,运行时不解析字符串。

选择规则:

  • 希望某值永远跟随当前 ThemeContext 的全局结果时使用 SharedTokenResource。
  • 希望用户能够在 Rating 配置下局部覆盖时使用 RatingTokenResource。
  • ControlTheme 不声明 ControlTokenScope.Identity,也不存在 ambient fallback。

C# 访问契约

普通 Global Token 与当前 Control 的 Effective Global Token 必须使用不同 API:

TokenResourceBinder.CreateGlobalTokenBinding(
    this, ForegroundProperty, SharedTokenKind.ColorPrimary);

TokenResourceBinder.CreateControlTokenBinding(
    this, ForegroundProperty, SharedTokenKind.ColorPrimary);

内部对象由公开 owner 使用 owner/target/targetProperty/token 重载绑定。命令式读取使用 ControlTokenAccessor.Capture(owner),同一次计算只读取一次 snapshot。生成 descriptor 提供 exact CLR type 到 identity/slot 的 AOT-safe 映射;基类 Effective Global 读取使用注册派生类型的 identity,Own Token 不随继承替换。 未注册 exact type 必须失败,不能回退到基类 identity,也不能使用隐藏 StyledProperty 转运 Token。

ControlTheme Asset

标准 Control 的最小结构:

Rating/
+-- Rating.cs
+-- RatingToken.cs            optional
\-- Themes/
    \-- RatingTheme.axaml

多个主题资产直接增加文件:

Themes/
+-- DatePickerTheme.axaml
+-- DatePickerPresenterTheme.axaml
\-- RangeDatePickerTheme.axaml

构建集成把 Themes/**/*.axaml 提供给生成器。生成器产生 asset manifest、owner identity、引用的 Control identities、Semantic Part 契约和注册代码。 开发者不编写 ControlThemeAssets Attribute、Theme Module、手工 manifest、逐主题 identity 或只用于聚合的额外 AXAML。只有一个 ControlTheme 时就只有一个主题文件。

Semantic Part Theme

稳定且允许用户替换的内部位置通过强类型 ControlTheme? 属性开放:

public ControlTheme? SearchButtonTheme { get; set; }

Semantic Part Theme 不创建 Token identity,不使用字符串 Part 名称或 Dictionary<string, ControlTheme>。Part 是 真实 public Control 时继续使用自己的 identity;Part Theme 可以显式读取 owner 和 Part 的 TokenResource。

SearchEdit 模板直接组合 public Button:

SearchEditTokenResource -> 输入区域、拼接边框、圆角、状态投射和搜索语义
ButtonTokenResource     -> Button 基础尺寸、字体、颜色和交互视觉
SearchButtonTheme       -> 稳定的搜索按钮定制入口

不能创建一个 TargetType 属于 SearchButton、基础视觉属于 Button、Token scope 又属于 LineEdit 的 internal Control。组合关系不能通过借用 Token identity 表达。

Theme Variables 与命名

Own Token 表达稳定 Control 语义,例如 DefaultHoverColor、PrimaryShadow、ContentFontSizeLG。不要使用 Panel1Padding、FrameBorderPointerOverBrush 等模板节点名称,也不要展开颜色、variant 和状态的笛卡尔积。

IsPressed、IsPointerOver、IsLoading、模板节点可见性和实例 API 解析结果属于运行时状态。需要通过 Selector 参与状态映射的最终变量使用 internal StyledProperty Theme Variables,不进入 Control Token。

第三方 Control 包

第三方按相同约定提供 Control、可选 Own Token 和主题资产,并只调用一次生成的包级注册入口:

builder.UseAcmeControls();

该入口直接注册 descriptor、Token schema 和主题资产,不运行时扫描程序集或 AXAML。第三方包不 需要每 Theme 注册代码、泛型 Token Attribute、glob Attribute 或反射 fallback。

构建期诊断

以下情况必须构建失败:

  • Own Token 与 Global Token 同名。
  • Control Token 继承另一个 Control Token。
  • TokenResource 引用了不存在或归属错误的 Token。
  • Control 配置包含既不是 Global Token、也不是当前 Own Token 的名称。
  • Control、Token、主题资产和 identity 约定存在歧义。
  • 重复 identity、重复资产 URI 或未注册 manifest。
  • Semantic Part Theme 的 TargetType 与属性契约不兼容。
  • internal 实现类型被错误声明为独立 Token owner。
  • Control Effective Global Binding 使用未注册的 exact CLR type,或尝试回退到基类 identity。

验证要求

改动类型 验证要求
新增 Control 验证 identity、可选 Own Token、主题 manifest、包级注册和无反射路径。
修改 Own Token 验证强类型 key、默认计算、override 和 AXAML 消费。
修改 Control 对 Global Token 的使用 验证 Effective Global 覆盖、Global fallback、算法间接派生和跨 Control 隔离。
修改 Semantic Part Theme 验证 owner/Part Token 分工、TargetType 和默认/实例替换。
修改生成器 验证确定性输出、增量构建、NativeAOT 注册和错误诊断。
修改主题视觉 验证 Light/Dark、Control 算法和相关 Control 家族。