在 UWP 中使用路径搜索箭头符号

Question

如何使用 UWP 中的路径创建如下所示的搜索箭头符号？

预期箭头和当前箭头图像分别如下所示。当前箭头图像有点模糊，这是使用

开发的

自定义搜索文本框控件的代码摘录

    <Style TargetType="local:SendTextBox" >
      <Setter Property="Foreground" Value="{ThemeResource TextControlForeground}"/> ....
    <ControlTemplate TargetType="local:SendTextBox">
                  <Grid  >
                    <Grid.Resources>
                      <Style x:Name="SendButtonStyle" TargetType="Button">
                        <Setter Property="Template">
                          <Setter.Value>
                            <ControlTemplate TargetType="Button">....
...
                                                **<FontIcon x:Name="GlyphElement" FontStyle="Normal"  FontFamily="Segoe MDL2 Assets" FontWeight="ExtraLight"   Glyph="&#xE122;" Foreground="#BFBFBF"   FontSize="30"  HorizontalAlignment="Center" VerticalAlignment="Center"/>**
                                            </Grid>
                        </ControlTemplate>

我需要将 <"FontIcon"> 替换为 <"Path"> 以获得更好的效果 clarity.I 认为使用“Path”将提供第一个图中的专业外观，或者我是否需要剪辑图像从原始线框并使其透明？

Answer 1

如果有内置的现成解决方案，为什么还需要这个？

<SymbolIcon Symbol="Send"/>

如果您仍然需要 Path，我建议您 find/create SVG 中所需的图标并使用 https://www.microsoft.com/en-us/p/svg-to-uwp-xaml-converter/9p5rq15t5cwj

进行转换

在 UWP 中使用路径搜索箭头符号

Search Arrow Symbol using Path in UWP

uwp

uwp-xaml