在 Xamarin Forms TabBar 中使用图标字体答案

【问题标题】：Use an Icon Font in Xamarin Forms TabBar在 Xamarin Forms TabBar 中使用图标字体
【发布时间】：2019-11-08 09:44:14
【问题描述】：

我刚刚开始使用 Xamarin Forms，所以请原谅我可能是一个新手问题...

我开始使用 Visual Studio 中的一个新的 Shell Forms 应用程序，因此为我生成了一些代码。

有一个包含 TabBar 控件的 AppShell 页面。这里面是选项卡控件，我可以设置我的 ShellContent 页面。

每个 Tab 都有一个 Icon 属性，但这显然只接受 PNG 图标。

如何在 Xaml 中为我的选项卡图标使用图标字体（当我在另一个页面的内容中使用它们时，它已经连接以正确显示图标）？

我正在使用 Xamarin.Forms 4.0.0.497661

【问题讨论】：

【解决方案1】：

你必须使用 FontImageSource 来做到这一点。

<Tab Title="MyTitle"> <Tab.Icon> <FontImageSource FontFamily="{StaticResource IconFont}" Glyph="" Size="Small"/> </Tab.Icon> ... </Tab>

【讨论】：

【解决方案2】：

以下解决方案对我有用。

从 Assets 文件夹中的 fontawesome 复制文件

根据需要的图标重要参考“Font Awesome 5 Brands”

<Tab.Icon>
    <FontImageSource FontFamily="fa-brands-400.ttf#Font Awesome 5 Brands" Glyph="&#xf39e;"/>
</Tab.Icon>

【讨论】：

【解决方案3】：

这是一个很好的问题。您不能直接使用选项卡图标属性来接受图标字体，除非您将其转换为 PNG。如果你想走那条路，你可以试试this，你可能需要处理保存图像的权限。值得一试！

【讨论】：

【解决方案4】：

您可以使用自定义渲染器来解决此问题。在 GitHub 上查看此示例：https://github.com/winstongubantes/Xamarin.Forms/tree/master/CustomIconizeFont

【讨论】：