如何在Uno平台上使用字体图标

塞吉奥·达马塞诺(SérgioDamasceno)

我正在尝试使用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文件夹中。结果是一个正方形图标。

在此处输入图片说明

马丁·齐克蒙德

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

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

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

使用的符号

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

如果要在Uno Platform应用程序中使用自己的自定义字体,请参阅本文

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Android平台上使用Tensorflow?

来自分类Dev

如何在XML选择器中使用字体图标(超赞字体)

来自分类Dev

如何在离线状态下使用字体图标?

来自分类Dev

Javascript:在svg中使用字体图标。如何使用“ \ u”?

来自分类Dev

如何在iOS平台上使用cordova-plugin-splashscreen?

来自分类Dev

如何使用字体图标作为背景图像?

来自分类Dev

如何在`ubuntu`平台上更新`nodejs`?

来自分类Dev

使用字体作为图标库

来自分类Dev

如何在CodePen上使用字体ttf

来自分类常见问题

如何在Rails 4中使用字体

来自分类Dev

如何在多个svg文件中使用字体字形?

来自分类Dev

SpriteKit-如何在SpriteKit中使用字体图集

来自分类Dev

如何在FPDF库中使用字体“ Glyphicons”?

来自分类Dev

如何在Linux平台上管理mmap的内存使用情况?

来自分类Dev

如何在Debian平台上使用pm2 startup命令?

来自分类Dev

如何在其他平台上的python中使用cookie

来自分类Dev

如何在其他平台上使用打包脚本?

来自分类Dev

如何为img和asp使用字体修饰图标:ImageButton

来自分类Dev

如何在模板中使用VisualState更改ToggleButton的字体图标?

来自分类Dev

如何在Expression Engine中使用Foundation 5.0图标字体

来自分类Dev

如何在Android上使用字体大小为0的字体?

来自分类Dev

如何在Windows平台上更改离子纺丝器

来自分类常见问题

如何在Android平台上反编译APK或DEX文件?

来自分类Dev

如何在不同平台上拥有不同的标题?

来自分类Dev

如何在firemonkey平台上移动2d对象?

来自分类Dev

如何在其他平台上共享图像

来自分类Dev

对象如何在动画平台上站立

来自分类Dev

如何在香平台上读取.CRe文件?

来自分类Dev

如何在JavaFX平台上创建自定义边框?

Related 相关文章

  1. 1

    如何在Android平台上使用Tensorflow?

  2. 2

    如何在XML选择器中使用字体图标(超赞字体)

  3. 3

    如何在离线状态下使用字体图标?

  4. 4

    Javascript:在svg中使用字体图标。如何使用“ \ u”?

  5. 5

    如何在iOS平台上使用cordova-plugin-splashscreen?

  6. 6

    如何使用字体图标作为背景图像?

  7. 7

    如何在`ubuntu`平台上更新`nodejs`?

  8. 8

    使用字体作为图标库

  9. 9

    如何在CodePen上使用字体ttf

  10. 10

    如何在Rails 4中使用字体

  11. 11

    如何在多个svg文件中使用字体字形?

  12. 12

    SpriteKit-如何在SpriteKit中使用字体图集

  13. 13

    如何在FPDF库中使用字体“ Glyphicons”?

  14. 14

    如何在Linux平台上管理mmap的内存使用情况?

  15. 15

    如何在Debian平台上使用pm2 startup命令?

  16. 16

    如何在其他平台上的python中使用cookie

  17. 17

    如何在其他平台上使用打包脚本?

  18. 18

    如何为img和asp使用字体修饰图标:ImageButton

  19. 19

    如何在模板中使用VisualState更改ToggleButton的字体图标?

  20. 20

    如何在Expression Engine中使用Foundation 5.0图标字体

  21. 21

    如何在Android上使用字体大小为0的字体?

  22. 22

    如何在Windows平台上更改离子纺丝器

  23. 23

    如何在Android平台上反编译APK或DEX文件?

  24. 24

    如何在不同平台上拥有不同的标题?

  25. 25

    如何在firemonkey平台上移动2d对象?

  26. 26

    如何在其他平台上共享图像

  27. 27

    对象如何在动画平台上站立

  28. 28

    如何在香平台上读取.CRe文件?

  29. 29

    如何在JavaFX平台上创建自定义边框?

热门标签

归档