求教，最近写了一段时间 C# WPF, 仅从写样式角度，感觉比起 HTML/CSS 非常麻烦，纯 windows 桌面应用 C#下有其他更好用的框架吗？

[cyrbuzz]

拿一个按钮来说：

HTML/css

<div class="btn"><div>icon</div>按钮</div>

.btn {
   color: red;
   border: 1px solid #75a4ff;
   padding: 10px;
   border-radius: 15px;
   height: 32px;
   width: 76px
   margin: 0 0 0 8px;
   font-size: 10px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   &:hover {
       color: #fff;
       background: #75a4ff;
   }
}

C# wpf:

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls"
    xmlns:local="clr-namespace:WpfApp1.Components">
    <Style TargetType="local:Button">
        <Setter Property="Background" Value="White"/>
        <Setter Property="BorderBrush" Value="#75a4ff"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Height" Value="32"/>
        <Setter Property="Width" Value="76"/>
        <Setter Property="VerticalAlignment" Value="Center"/>
        <Setter Property="Padding" Value="2"/>
        <Setter Property="Margin" Value="8,0,0,0"/>
        <Setter Property="Foreground" Value="#75a4ff"/>
        <Setter Property="FontSize" Value="10"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="local:Button">
                    <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="15" Padding="2">
                        <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
                            <mah:FontIcon FontFamily="Segoe MDL2 Assets" FontSize="10" Glyph="&#xE948;" HorizontalAlignment="Left">
                                <mah:FontIcon.Style>
                                    <Style TargetType="mah:FontIcon">
                                        <Setter Property="Foreground" Value="#75a4ff"/>
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType=local:Button}}" Value="True">
                                                <Setter Property="Foreground" Value="White"/>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </mah:FontIcon.Style>
                            </mah:FontIcon>
                            <TextBlock Text="{Binding Content, RelativeSource={RelativeSource AncestorType=local:Button}}" Margin="8, 0, 0, 0">
                                <TextBlock.Style>
                                    <Style TargetType="TextBlock">
                                        <Setter Property="Foreground" Value="#75a4ff"/>
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType=local:Button}}" Value="True">
                                                <Setter Property="Foreground" Value="White"/>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </TextBlock.Style>
                            </TextBlock>
                        </StackPanel>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>

        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#75a4ff"></Setter>
                <Setter Property="Cursor" Value="Hand"></Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
</ResourceDictionary>

写起来相当难受= =。

[sealoyal]

试试 `WinForm`或者 `CPF`，你也可以在 `WPF` 中嵌入 `WebView`

[yinmin]

如果 OP 熟悉 HTML ，用 webview2 或者 cefsharp 嵌入 HTML ，用 HTML 做界面即可

[Shatyuka]

保守派：
WinForm
WPF, Avalonia
UWP, WinUI 3
思路打开：
Unity, Godot, MonoGame

[iLoveSS]

不知道有木有 css 到 wpf 的样式转换器啊

[roundgis]

試試 blazor hybrid

[nutting]

没有界面拖拉拽的设计吗，当年 vb 还有呢

[TimG]

目前用过的写客户端界面的框架 WPF 已经是第一梯队了。是 HTML+CSS 写起界面太优秀了，显得别家都很蠢，根本不在一个层次上。如果不考虑兼容 win7 且界面设计复杂，建议用 webview2 套壳一个。

[Dropless]

wpf 的跨平台版 avalonia, 既支持 WPF 风格的 style, 也支持类似 css 的 style.

[liuliuliuliu]

要不看看 avaloina ，可能好一点，但是也没有好很多
<Style Selector="^:pointerover">
<Setter Property="Foreground" Value="Red"/>
</Style>

[ano]

同感，css 太顺手了

[ysc3839]

React Native for Windows

[VchentozV]

微软是书呆子，所以弃坑了

[GavinXSF]

如果你对 declarative UI 有兴趣的话，我看到过 MAUI 和 UNO 支持 C# Markup 写法，推荐给你：
1. MAUI -- https://github.com/CommunityToolkit/Maui.Markup
2. UNO -- https://platform.uno/docs/articles/external/uno.extensions/doc/Learn/Markup/Overview.html

[dbskcnc]

xml 这个屎坑, 只要遇到就讨厌

[bbsabc2]

blazorwasm 。写起来比较舒服，

[liuliuliuliu]

啊对，可以看一下国产的 CPF
```
Button {
BorderFill: #DCDFE6;
IsAntiAlias: True;
CornerRadius: 4,4,4,4;
Background: #FFFFFF;
}
Button[IsMouseOver=true] {
BorderFill: rgb(198,226,255);
Background: rgb(236,245,255);
Foreground: rgb(64,158,255);
}
Button[IsPressed=true] {
BorderFill: rgb(58,142,230);
}
```
http://cpf.cskin.net/Course/#/CPF/CSS

[fuchish112]

atomui?

[Norie]

electron

[ragnaroks]

想继续用 html 、css 就 blazor hybrid ，本质上是个在本机运行的 blazor server app