MAUI样式核心是ResourceDictionary定义、Style设置属性、Class/StyleId/类型匹配应用;全局样式在App.xaml中定义,局部样式在页面或控件Resources中定义,推荐用Class批量应用,支持BasedOn继承与动态换肤。

MAUI 中的样式(Style)写在 XAML 里,核心是用 ResourceDictionary 定义资源,再通过 Style 设置属性,最后用 StyleId 或 Class 或类型自动匹配来应用。关键不是“怎么写”,而是“在哪定义、怎么引用、怎么复用”。
在 App.xaml 里全局定义样式
这是最常用的方式,适合全应用统一的外观,比如按钮颜色、字体大小等。打开 App.xaml,在 Application.Resources 下添加:
- 用
Style的TargetType指定控件类型(如Button),它会自动作用于所有该类型控件 - 用
x:Key命名样式,配合Style="{StaticResource KeyName}"手动引用 - 支持
BasedOn继承已有样式,避免重复写属性
示例:
在页面或控件级别定义局部样式
如果某页的样式只用一次或不希望影响其他页面,可以放在 ContentPage.Resources 或某个布局的 Resources 里:
- 局部资源优先级高于全局,同名时会覆盖 App.xaml 中的定义
- 适合快速调整单页 UI,或做 A/B 测试式样式切换
- 记得用
ResourceDictionary包裹,否则会报错
示例(在 Page 根节点内):
用 Class 属性批量应用样式(推荐)
MAUI 支持类似 CSS 的 Class 属性,比硬编码 Style="{StaticResource ...}" 更灵活:
- 在资源中定义样式时加上
Class="name",而不是x:Key - 控件上写
Class="name"即可绑定,支持多个类用空格分隔:Class="primary large-button" - 类样式不会自动匹配类型,必须显式指定
TargetType和Class
示例:
然后在 Button 上写:
动态切换样式或运行时修改
样式本身不能直接改,但可以通过绑定或代码切换整个 Style 引用:
- 给控件的
Style属性绑定一个Style类型的 ViewModel 属性 - 在 C# 中用
Resources["KeyName"] as Style获取并赋值 - 注意:修改后需触发 UI 刷新,通常设置新 Style 后自动重绘
小技巧:把不同主题的样式集打包成 ResourceDictionary,运行时替换 Application.Resources.MergedDictionaries 实现换肤。
基本上就这些。MAUI 的样式机制和 WPF/UWP 一脉相承,但更精简。别堆砌太多嵌套 Style,优先用 Class + 全局资源,维护起来最省心。










