XAML 字体Awesome中的 shell 弹出项图标

byqmnocz 于 2023-01-03 发布在 Shell

关注(0)|答案(1)|浏览(152)

我正在尝试使用FlyoutItem中的FontAwesome图标作为使用FontImageSource的图标。我在Xamarin窗体中使用以下设置成功，但由于某种原因在NET MAUI中不工作（至少在Windows上？）？我看到选项卡项目，但无论我尝试什么都没有图标。有没有一些方法可以使用字体Awesome图标而不是PNG图片？
我尝试使用的图标示例：https://fontawesome.com/icons/user?s=solid&f=classic
MauiProgram.cs:

var builder = MauiApp.CreateBuilder();
builder
  .UseSkiaSharp(true)
  .UseMauiApp<App>()
  .ConfigureFonts(fonts =>
  {
    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
    fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
    fonts.AddFont("FW-Regular-400.otf", "FontAwesomeRegular");
    fonts.AddFont("FWBrands-Regular-400.otf", "FontAwesomeBrands");
    fonts.AddFont("FW-Solid-900.otf", "FontAwesomeSolid");
  });

App.xaml:

<!-- Desktop/Tablet-->
  <FlyoutItem Title="Home">
    <ShellContent ContentTemplate="{DataTemplate page:HomePage}">
      <ShellContent.Icon>
        <FontImageSource FontFamily="FontAwesomeSolid" Glyph="&#xf021;"/>
      </ShellContent.Icon>
    </ShellContent>
  </FlyoutItem>
  <FlyoutItem Title="Settings">
    <ShellContent ContentTemplate="{DataTemplate page:SettingsPage}">
      <ShellContent.Icon>
        <FontImageSource FontFamily="FontAwesomeSolid" Glyph="user"/>
      </ShellContent.Icon>
    </ShellContent>
  </FlyoutItem>

第一节第一节第一节第一节第一次

xaml

来源：https://stackoverflow.com/questions/74977956/shell-flyoutitem-icon-from-font-awesome

1条答案

按热度按时间

9gm1akwq1#

我已经让它这样工作了，但我不确定这是最佳解决方案。

<!-- Desktop/Tablet-->
  <FlyoutItem Title="Home" Icon="{FontImage FontFamily=FontAwesomeSolid, Glyph={x:Static helpers:FontAwesomeIcons.House}, Size=50}">
    <ShellContent ContentTemplate="{DataTemplate page:HomePage}">
      <ShellContent.Icon>
        <FontImageSource FontFamily="FontAwesomeSolid" Glyph="{x:Static helpers:FontAwesomeIcons.House}" Color="White" Size="50"/>
      </ShellContent.Icon>
    </ShellContent>
  </FlyoutItem>
  <FlyoutItem Title="Settings" Icon="{FontImage FontFamily=FontAwesomeSolid, Glyph={x:Static helpers:FontAwesomeIcons.Gear}, Size=50}">
    <ShellContent ContentTemplate="{DataTemplate page:SettingsPage}">
      <ShellContent.Icon>
        <FontImageSource FontFamily="FontAwesomeSolid" Glyph="{x:Static helpers:FontAwesomeIcons.Gear}" Color="White" Size="50"/>
      </ShellContent.Icon>
    </ShellContent>
  </FlyoutItem>

赞(0）回复(0）举报 2023-01-03

我来回答

XAML 字体Awesome中的 shell 弹出项图标

1条答案

相关问题

热门标签

最新问答