【问题标题】:How to use Font Icon on Uno Platform如何在 Uno 平台上使用字体图标
【发布时间】:2021-04-03 23:44:15
【问题描述】:

我正在尝试使用docs 之后的 uno-fluentui-assets。但它没有样品,我也找不到方法来完成这项工作。

<Page
    x:Class="UnoPrism.Shared.Views.Shell"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UnoPrism.Shared.Views"
    xmlns:prismMvvm="using:Prism.Mvvm"
    xmlns:prismRegions="using:Prism.Regions"
    prismMvvm:ViewModelLocator.AutowireViewModel="True" >

  <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <NavigationView Header="Super Barato">
            <NavigationView.MenuItems>
                <NavigationViewItem Content="Promoções">
                    <NavigationViewItem.Icon>
                        <FontIcon FontFamily="ms-appx:///Assets/Fonts/uno-fluentui-assets.ttf#" Glyph="&#xE117;"/>
                    </NavigationViewItem.Icon>
                </NavigationViewItem>
                <NavigationViewItem Content="Nova Promoção" Icon="Calendar"/>
            </NavigationView.MenuItems>
        </NavigationView>
  </Grid>
</Page>

字体文件已添加到Shared/Assets/Fonts 文件夹中。结果是一个方形图标。

【问题讨论】:

    标签: uwp glyphicons uno-platform


    【解决方案1】:

    Uno Fluent UI 符号字体是内置模板和样式使用的特殊字体。

    可以使用预定义的FontFamily资源SymbolThemeFontFamily手动引用:

    <FontIcon FontFamily="{ThemeResource SymbolThemeFontFamily}" Glyph="&#xE117;"/>
    

    使用资源而不是“字体路径”的优点是它是面向未来的,甚至与 UWP 兼容,它不使用 Uno 符号字体,而是使用 Windows Segoe MDL2 资产。

    如果您想在 Uno 平台应用程序中使用自己的自定义字体,请参阅article

    【讨论】:

    • 有人如何在代码隐藏中将此FontFamily 引用为FontIcon 的属性?
    • 你可以使用(FontFamily)Application.Current.Resources["SymbolThemeFontFamily"]
    猜你喜欢
    • 2021-06-15
    • 1970-01-01
    • 1970-01-01
    • 2021-05-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多