Блог

Главная - Вопросы по программированию - Поиск символа стрелки с использованием Path в UWP

Поиск символа стрелки с использованием Path в UWP

#uwp #uwp-xaml

Вопрос:

Как создать символ стрелки поиска, как показано ниже, используя Path в UWP?

ожидаемое изображение стрелки и текущее изображение стрелки показаны ниже соответственно. текущее изображение стрелки немного размыто, которое разработано с использованием <FontIcon GlyPh=>

фрагмент кода пользовательского элемента управления текстовым полем поиска

     <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="amp;#xE122;" Foreground="#BFBFBF"   FontSize="30"  HorizontalAlignment="Center" VerticalAlignment="Center"/>**
                                            </Grid>
                        </ControlTemplate>

Мне нужно заменить <«Шрифт»> на <«Путь»> для большей ясности.Я думал, что использование «Path» обеспечит профессиональный вид, как на первом рисунке, или мне нужно вырезать изображение из исходного каркаса и сделать его прозрачным?

введите описание изображения здесь

ожидаемая стрелка

стрелка, использующая

Комментарии:

1. Не могли бы вы рассказать, что вы подразумеваете под использованием Path? Он немного смущен вашим реальным сценарием и ожидаемым поведением.

2. Я создал пользовательское окно поиска, в котором стрелка находится внутри текстового поля. в настоящее время я использую <FontIcon Glyph=»amp;#xE122;» > для того же, но оно немного размыто при увеличении размера шрифта. итак, мне нужно заменить шрифт некоторым элементом path, например: <Path Data=»M1084.67,540.333 L1022.75,647,625 L897.577,647.75 L835.408,540.333 L897.744,432.75 L1022.5,432.167 z» />.Я не знаю синтаксиса данныхтеперь для стрелки

Ответ №1:

Зачем вам это нужно, если есть встроенные готовые решения?

 <SymbolIcon Symbol="Send"/>

Отправить

Если вам все еще нужен Path, я бы посоветовал вам найти / создать нужную иконку в SVG и преобразовать с помощью https://www.microsoft.com/en-us/p/svg-to-uwp-xaml-converter/9p5rq15t5cwj

Метки: