2017-06-09 66 views
4

我想知道如何在我的Xamarin Forms应用程序中实现图标。我想使用像glyphicons或字体真棒。但是,我不知道如何将它实现到我的xaml/c#页面。Xamarin Forms图标

理想情况下,我的目标这样的事情:

enter image description here

如果有人能提供的代码,显示一个类似搜索栏或三线的图标,这将是巨大的。我可以格式化它看起来很漂亮。我正在努力如何真正拉动图标!

+0

谷歌变成了几命中的软件包来支持这一点。你甚至先尝试搜索? – Jason

+0

是的,我见过的所有东西都需要自定义渲染和我无法掌握的技巧。 Iconize似乎不适用于Windows手机。您能否提供适用于iOS,Android和UWP的软件包的名称? –

+0

@ConnorMeeks您能否看到我的答案,这是我几年前第一次实现它的过程,非常好,很容易,而且您不需要成为Xamarin专家。 –

回答

0

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

从Visual Studio或Xamarin Studio中,安装以下软件包:

  • Xam.Plugin.Iconize
  • Xam.Plugin.Iconize.FontSwesome
  • 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添加

<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> 
+0

这将工作在Windows(UWP)?有什么我必须为这些文件做? –

+0

这将工作在Windows?或者这是Android/iOS特有的? –

+0

不确定Windows。 –

0

要看看你如何使用Fontawesome为Xamarin.Forms和Android请参阅this nice blog.

或iOS版的please see this one.

+0

这将适用于Windows吗? (UWP) –

+0

这将适用于Windows?或者这是Android/iOS特有的? –

+0

第一个链接适用于Android,第二个适用于iOS。我没有做到这一点,但你应该遵循Windows移动应用程序的类似逻辑。 –