.NET MAUI中自定义CSS属性的实现方法

嗨，我之前也碰到过这个问题，刚好可以给你分享一下解决方案——确实框架内部的StyleProperty咱们应用层没法直接用，不过咱们可以用MAUI提供的另一种方式来实现自定义CSS属性，步骤很清晰：

首先，确保你的自定义按钮的HoverColor是依赖属性，这是MAUI样式系统能识别它的前提，代码示例如下：

public class CustomButton : Button
{
    // 注册HoverColor依赖属性
    public static readonly BindableProperty HoverColorProperty =
        BindableProperty.Create(
            nameof(HoverColor), 
            typeof(Color), 
            typeof(CustomButton), 
            Colors.Transparent); // 默认值

    public Color HoverColor
    {
        get => (Color)GetValue(HoverColorProperty);
        set => SetValue(HoverColorProperty, value);
    }
}

接下来，关键一步：在程序集级别添加CssProperty特性，让CSS能识别这个自定义属性。你可以把这个特性加在AssemblyInfo.cs文件里，或者直接放在自定义按钮类的上方（推荐前者，更规整）：

// 注意命名空间是Microsoft.Maui.Controls
[assembly: Microsoft.Maui.Controls.CssProperty(
    "hover-color", // CSS中要用的属性名，遵循CSS短横线命名规范
    typeof(CustomButton), // 目标控件类型
    nameof(CustomButton.HoverColorProperty))] // 对应依赖属性

现在就可以在CSS里愉快地设置这个属性啦！比如全局设置所有CustomButton的hover颜色：

CustomButton {
    hover-color: #ff4500; /* 橙红色 */
}

或者给特定样式类的按钮设置：

.hover-btn {
    hover-color: #00bfff; /* 深天蓝 */
}

对应的XAML里只需要给按钮加上StyleClass就行：

<local:CustomButton Text="Hover Test" StyleClass="hover-btn" />

最后提醒几个小细节：

• CSS属性名一定要用小写短横线格式（比如hover-color），对应C#里的驼峰命名HoverColor，MAUI会自动映射
• 依赖属性的注册必须正确，要是写错了属性名或者类型，CSS设置会不生效
• 如果你的自定义控件在单独的类库项目里，记得把CssProperty特性加在类库的程序集里

备注：内容来源于stack exchange，提问作者torof