【问题标题】:Uno platform Material Button use symboliconUno 平台材质按钮使用符号图标
【发布时间】:2021-04-27 12:10:47
【问题描述】:

我想在我的应用程序中使用 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>

【问题讨论】:

    标签: uno-platform


    【解决方案1】:

    材质样式仅通过样式完成,您不需要&lt;material:Button,没有名为 button 的自定义类,它直接使用 Uno/WinUI Button 类。

    换句话说,你需要&lt;Button Style="{StaticResource MaterialContainedButtonStyle}"

    类似这样的:

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

    【讨论】:

    • 感谢 Mattfillion。我使用材料:按钮通过以下方式指定材料控件: xmlns:material="using:Uno.Material.Controls"- 但就像你说的那样,只是做样式允许按钮本身工作。你知道按下时如何改变波纹颜色吗?
    • MaterialContainedButtonStyle 在这里github.com/unoplatform/Uno.Themes/blob/…
    • 您可以看到波纹是按钮前景的颜色(通常为白色或黑色,取决于浅色或深色主题),具有设置的不透明度。您可以直接在 Button 上更改 Foreground 属性,如果要更改不透明度,只需在应用中重新定义 MaterialPressedOpacity。
    • 谢谢 - 这很有帮助。我仍然希望我们可以改变波纹颜色本身。但是现在更改不透明度将起作用。
    • 如果您需要波纹与前景颜色不同,您可以复制样式并编辑颜色。
    猜你喜欢
    • 2021-08-26
    • 1970-01-01
    • 1970-01-01
    • 2020-02-06
    • 2018-11-20
    • 2019-10-13
    • 2022-01-11
    • 2019-04-26
    • 1970-01-01
    相关资源
    最近更新 更多