使用C# Markup与CommunityToolkit.Maui.Markup设置样式：是否转用Style<T>及自动应用方法

一、是否应该迁移到Style？ #

完全可以，甚至更适合偏好C#开发的场景：

• Style<T>是CommunityToolkit.Maui.Markup专门为C# Markup设计的类型安全样式类，编译时就能检测属性名错误，避免XAML中常见的运行时样式错误。
• 纯C#代码风格统一，无需在XAML和C#之间切换，尤其适合全C#编写的MAUI项目。
• 支持链式调用、LINQ等C#特性，样式编写更灵活。

比如把XAML中的Button样式：

<Style TargetType="Button">
    <Setter Property="BackgroundColor" Value="Blue"/>
    <Setter Property="TextColor" Value="White"/>
</Style>

转成C#的Style<Button>：

var buttonStyle = new Style<Button>()
    .Set(Button.BackgroundColorProperty, Colors.Blue)
    .Set(Button.TextColorProperty, Colors.White)
    .Set(Button.CornerRadiusProperty, 8);

二、自动应用Style的方法 #

1. 全局应用（整个App范围内） #

将Style<T>添加到Application.Resources，所有未显式设置Style属性的对应类型控件会自动应用该样式：

public App()
{
    InitializeComponent();

    // 创建全局Button样式
    var globalButtonStyle = new Style<Button>()
        .Set(Button.BackgroundColorProperty, Colors.Blue)
        .Set(Button.TextColorProperty, Colors.White)
        .Set(Button.PaddingProperty, new Thickness(12,8));

    // 添加到应用级资源
    Resources.Add(globalButtonStyle);

    MainPage = new MainPage();
}

之后任何页面中新建的Button，只要没单独设置Style，都会自动用上这个全局样式。

2. 页面级应用（仅当前页面生效） #

将Style<T>添加到页面的Resources中，仅当前页面内的对应控件自动应用：

public MainPage()
{
    InitializeComponent();

    // 创建页面专属Label样式
    var pageLabelStyle = new Style<Label>()
        .Set(Label.FontSizeProperty, 18)
        .Set(Label.TextColorProperty, Colors.DarkGray);

    // 添加到页面资源
    Resources.Add(pageLabelStyle);

    // 页面UI中的Label自动应用该样式
    Content = new VerticalStackLayout
    {
        Children =
        {
            new Label { Text = "自动应用页面样式的文本" },
            new Button { Text = "自动应用全局样式的按钮" }
        }
    };
}

3. 批量应用到指定控件组 #

如果不想全局/页面级自动应用，而是给一组控件统一设置样式，可以直接用.WithStyle()扩展方法：

// 定义一个复用的样式
var cardButtonStyle = new Style<Button>()
    .Set(Button.BackgroundColorProperty, Colors.LightGray)
    .Set(Button.BorderColorProperty, Colors.Gray);

// 批量应用到多个按钮
Content = new VerticalStackLayout
{
    Children =
    {
        new Button { Text = "卡片按钮1" }.WithStyle(cardButtonStyle),
        new Button { Text = "卡片按钮2" }.WithStyle(cardButtonStyle),
        new Button { Text = "卡片按钮3" }.WithStyle(cardButtonStyle)
    }
};

注意事项 #

• Style<T>的TargetType默认就是泛型参数T，无需手动设置，添加到资源后会自动匹配对应类型控件。
• 如果控件显式设置了Style属性，会覆盖全局/页面级的自动样式。

内容的提问来源于stack exchange，提问作者master_ruko