Uno 平台 Material 按钮使用符号图标

Question

我想在我的应用程序中使用 Material 样式的按钮 - 但我无法显示设置图标。我不介意从符号图标切换（我相信它失败的部分原因是它来自 Fluent 样式字体并且 Material 没有它） - 但我不确定如何去做。另外-我将如何更改 Material 按钮的波纹颜色？我在 Material 按钮的源代码中看到有一个按下状态 - 但它只有一个不透明度和一个持续时间。因为我在灯光模式下的背景是浅灰色——你永远不会看到波纹。这是我的代码：

Working- but using fluent:
<Button Background="{StaticResource buttonBackground}" Click="set_Click">
                <SymbolIcon x:Name="gearIcon" Symbol="Setting" Foreground="{StaticResource buttonForeground}" >
                   
                </SymbolIcon>
            </Button>

Goal:
<material:Button Style="{StaticResource MaterialContainedButtonStyle}" Click="set_Click">
                <SymbolIcon Symbol="Setting" Foreground="{StaticResource buttonForeground}" >
                   
                </SymbolIcon>
</material:Button>

Answer 1

Material 样式仅通过样式完成，您不需要 <material:Button，没有自定义 class 命名按钮，它使用 Uno/WinUI 按钮 class直接。

也就是说，你需要<Button Style="{StaticResource MaterialContainedButtonStyle}"

像这样：

<Button Style="{StaticResource MaterialContainedButtonStyle}" Click="set_Click">
   <SymbolIcon Symbol="Setting"/>
</Button>

Uno 平台 Material 按钮使用符号图标

Uno platform Material Button use symbolicon

uno-platform