在 Xamarin Forms 选项卡中使用图标而不是 PNG

Question

如何使用图标，例如Material 使用 Shell?

在 Xamarin Forms 应用程序的选项卡中显示图标而不是 PNG

以下是我在 Xamarin Forms 应用中定义主屏幕选项卡的方式：

<FlyoutItem Title="Home">
   <FlyoutItem.Icon>
      <FontImageSource
         FontFamily="MISHRP"
         Glyph="{StaticResource HomeIcon}"
         Color="White" />
   </FlyoutItem.Icon>
   <Tab Title="Dashboard" Icon="icon_dashboard.png">
      <ShellContent Route="Dashboard" ContentTemplate="{DataTemplate views:Dashboard}" />
   </Tab>
   <Tab Title="My Feed" Icon="{StaticResource Feed}">
      <ShellContent Route="MyFeed" ContentTemplate="{DataTemplate views:MyFeed}"/>
   </Tab>
</FlyoutItem>

正如您在上面的代码中看到的，在第一个选项卡项（仪表板）中，我使用了 PNG 图像并且在我的应用程序中显示正常。

在第二个 TAB 项（我的供稿）中，我尝试使用我在 App.xaml 页面中定义的图标，但它根本没有显示。

如何在 Shell Xamarin Forms 应用的选项卡中使用图标？

Answer 1

我想你使用类似这样的东西，来自 MyCoffeeApp

https://github.com/jamesmontemagno/MyCoffeeApp/blob/master/MyCoffeeApp/MyCoffeeApp/AppShell.xaml

  <Tab.Icon>
            <FontImageSource FontFamily="FAS"
                         Color="{AppThemeBinding 
                                Dark=White, 
                                Light={StaticResource SystemGray5Dark}}"
                         Glyph="{StaticResource IconCoffee}"/>
        </Tab.Icon>

在 Xamarin Forms 选项卡中使用图标而不是 PNG

Using icons instead of PNG in Xamarin Forms Tabs

xamarin

xamarin.forms