Xamarin表单图标

Question

我想知道如何在我的Xamarin Forms应用程序中实现图标。我想使用像glyphicons或font awesome这样的东西。但是，我不知道如何将它实现到我的xaml / c＃页面中。

理想情况下，我的目标是这样：

如果有人可以提供代码来显示搜索栏或三行等图标，那就太棒了。我可以格式化它看起来很漂亮。我正在努力学习如何实际拉出图标！

Answer 1

最简单的方法是使用https://github.com/jsmarcus/Xamarin.Plugins

从Visual Studio或Xamarin Studio安装以下软件包：

• Xam.Plugin.Iconize
• Xam.Plugin.Iconize.FontAwesome
• Xam.FormsPlugin.Iconize

注意：如果您愿意，可以安装Xam.Plugin.Iconize.Material和许多其他类似内容。

在Android项目中，MainActivity类，OnCreate（）方法添加

FormsPlugin.Iconize.Droid.IconControls.Init(Resource.Id.toolbar);
Plugin.Iconize.Iconize.With(new Plugin.Iconize.Fonts.FontAwesomeModule());

在iOS项目中，AppDelegate类，FinishedLaunching（）方法，添加类似的行

FormsPlugin.Iconize.iOS.IconControls.Init();
Plugin.Iconize.Iconize.With(new Plugin.Iconize.Fonts.FontAwesomeModule())

此外，在iOS项目中，info.plist add

<key>UIAppFonts</key>
<array>     
    <string>iconize-fontawesome.ttf</string>
</array>    

现在，在您拥有工具栏的XAML中，在标签中添加

<ContentPage ...
xmlns:iconize="clr-namespace:FormsPlugin.Iconize;assembly=FormsPlugin.Iconize" ...
>

和

<ContentPage.ToolbarItems>
    <iconize:IconToolbarItem Order="Primary" Clicked="..." Icon="fa-search" IconColor="White" />
</ContentPage.ToolbarItems>

Answer 2

看看Xamarin Forms的新版本，解决方案就解决了！我在https://stackoverflow.com/a/56257444/11305148

中发布了答案

但是就去了。以下代码可以正常工作：

<Button  Text="Pesquisar">
    <Button.ImageSource>
         <FontImageSource Glyph="&#xf002;" FontFamily="{StaticResource FontIcon}"/>
    </Button.ImageSource>
</Button>

这也是：

<ContentPage.ToolbarItems>
    <ToolbarItem>
        <ToolbarItem.IconImageSource>
             <FontImageSource Glyph="&#xf002;" FontFamily="{StaticResource FontIcon}"/>
        </ToolbarItem.IconImageSource>
    </ToolbarItem>
</ContentPage.ToolbarItems>