Материал веб-шрифта - Связанный глиф отображается как текст вместо изображения - PullRequest
0 голосов
/ 06 ноября 2019

В настоящее время я разрабатываю приложение, в котором вместо изображений используется веб-шрифт с дизайном материалов. Я могу настроить кнопку для ее использования

<Button
    Grid.Column="2"
    Grid.Row="0"
    Grid.ColumnSpan="2"
    StyleClass="ActionButton"
    Text="select photo">

    <Button.ImageSource>
        <FontImageSource
            FontFamily="{StaticResource IconFont}"
            Size="20"
            Color="{StaticResource BaseColor}"
            Glyph="&#xF100;"/>
    </Button.ImageSource>
</Button>

Проблема в том, что я не хочу запоминать / искать глифы для каждой иконки, поэтому я готовлю список иконок внутри статического класса, используя эту страницу: https://andreinitescu.github.io/IconFont2Code/

Сейчас я пытаюсь сделать эту работу, но кажется, что глиф отображается как текст вместо изображения. Вот код, который я получил до сих пор:

<Button
    Grid.Column="2"
    Grid.Row="0"
    Grid.ColumnSpan="2"
    StyleClass="ActionButton"
    Text="select photo">

    <Button.ImageSource>
        <FontImageSource
            FontFamily="{StaticResource IconFont}"
            Size="20"
            Color="{StaticResource BaseColor}"
            Glyph="{x:Static constants:IconFontCollection.Camera}"/> //changing glyph from text to binding cause error
    </Button.ImageSource>
</Button>

Мой класс с иконками:

static class IconFontCollection
{
    (...)
    public const string Camera = "&#xF100;";//"\uf100";
    (...)
}

Я что-то упускаю здесь очевидное?

...