Avalonia 样式系统核心指南
在 Avalonia 开发中，样式（Styles）是将外观逻辑与界面结构分离的核心机制。不同于传统桌面开发中手动逐个修改控件属性，样式允许你定义一套全局或局部的 UI 规范，从而实现"一次定义，到处应用"。
1. 样式的核心构成
一个标准的样式定义包含三个维度：
- 选择器（Selector）：决定哪些控件受影响。
- 属性设置（Setter）：指定需要修改的属性值。
- 触发条件（Optional）：如鼠标悬停、焦点获取等状态。
2. 编写样式规则
样式通常定义在 XAML 的 Window.Styles 或 Application.Styles 中。以下是一个为按钮设置统一样式的示例：
<Style Selector="Button">
<Setter Property="Background" Value="CornflowerBlue"/>
<Setter Property="Padding" Value="12,6"/>
</Style>
<Style Selector="Button:pointerover">
<Setter Property="Background" Value="DeepSkyBlue"/>
</Style>3. 选择器的进阶用法
Avalonia 提供了多种筛选控件的方式：
- 按类型：
Button匹配所有按钮。 - 按 ID：
#SubmitBtn匹配 Name 为 SubmitBtn 的特定控件。 - 按类名（Classes）：
Button.Primary匹配应用了Classes="Primary"的控件。 - 按伪类（Pseudo-classes）：如
:pressed、:disabled，用于响应交互状态。
4. 利用资源提升复用性
为了保持界面色彩一致，建议将数值和画刷存入资源库，通过 StaticResource 进行调用：
<Window.Resources>
<SolidColorBrush x:Key="MainAccentBrush" Color="#2080F0"/>
</Window.Resources>
<Style Selector="Button.action">
<Setter Property="Background" Value="{StaticResource MainAccentBrush}"/>
</Style>5. 深度定制：控件模板（ControlTemplate）
如果内置样式无法满足需求，可以使用 ControlTemplate 彻底重绘控件结构。例如，创建一个圆角按钮：
<Style Selector="Button.rounded">
<Setter Property="Template">
<ControlTemplate>
<Border Background="{TemplateBinding Background}" CornerRadius="8">
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Border>
</ControlTemplate>
</Setter>
</Style>6. 开发建议
- 优先级原则：直接在控件上书写的属性优先级最高，其次是根据 ID 选择的样式，最后是类型样式。
- 调试辅助：使用内置的开发工具（按下 F12）查看实时样式树，快速排查属性被哪项规则覆盖。
- 触摸交互：移动端或触屏环境不支持
:pointerover，请务必关注:pressed等触控状态的反馈设计。
