2017-06-09 226 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移動應用程序的類似邏輯。 –