关于在 xaml 中编码字符串图标的问题

Question

我正在查看一个项目，发现他们使用了一些像这样的字符串

<system:String x:Key="icon-arrow-right">&#xedd3;</system:String>

然后他们以 XAML 的形式使用它

      <Button  Content="{StaticResource icon-arrow-right}" />

我想知道编码是如何工作的，还有一个地方可以找到图标列表以及它们的相关代码，例如我之前提到的 ?

Answer 1

XAML 本质上是 xml，即 xml 指定字符的数字。你可以查一下。通常在网页中显示为 html 数字代码表示此类内容。

EG α 将是 alpha。
https://www.rapidtables.com/code/text/unicode-characters.html

您也可以从那个页面找到一个字符并将其粘贴进去。喜欢

<system:String x:Key="icon-alpha">α</system:String>

我更喜欢字符串，因为您可以在那里看到它。

虽然这是制作图标的非常有限的方法。如果字体大小符合您的需要，您应该会得到一个相当流畅的字符，因为它是真正的字体。但是字体大小不缩放。
我倾向于使用几何图形和花哨的字体。然后几何定义路径的数据。我通常会把这样的几何图形放在一个单独的资源字典中，并合并到 app.xaml.

给大家一个大概的了解。

<Window.Resources>
    <Geometry x:Key="icon_Play_Geometry">
        "M36,16.8,46.8 36,76.8 36,16.8z"
    </Geometry>
</Window.Resources>
    <Grid>
    <Button>
        <Path Fill="Red"
              Data="{StaticResource icon_Play_Geometry}"
              Stretch="Fill"/>
    </Button>
</Grid>

显然，我想要的不仅仅是一个大三角形填充生产代码按钮更复杂。

我使用 syncfusion metro studio 获取几何图形。这是免费的。但我认为 Blend 可以从角色中提取几何图形。您还可以在线找到 svg 并使用其中之一的几何图形。对于一些我只有 jpg 可以使用的东西，我使用 inkscape（免费）中的功能自动“跟踪”位图到矢量并导出 xaml.

关于在 xaml 中编码字符串图标的问题

Question about encoding string Icons in xaml

c#

wpf

icons

xaml

staticresource