2017-06-09 1 views
4

Je me demande comment je peux implémenter des icônes dans mon application Xamarin Forms. Je veux utiliser quelque chose comme des glyphicons ou des polices géniales. Cependant, je n'ai aucune idée de comment l'implémenter dans mes pages xaml/C#.Xamarin Forms Icons

Idéalement, je visais quelque chose comme ceci:

enter image description here

Si quelqu'un pourrait fournir le code pour afficher une icône comme la barre de recherche ou trois lignes, ce serait génial. Je peux le mettre en forme pour être joli. Je me bats avec la façon de tirer sur l'icône!

+0

Google se présente plusieurs coups des paquets pour soutenir ceci. Avez-vous même essayé de chercher d'abord? – Jason

+0

Oui, tout ce que j'ai vu nécessite un rendu personnalisé et des techniques que je ne comprends pas. Iconize ne semble pas que cela fonctionnerait pour les téléphones Windows. Pourriez-vous s'il vous plaît fournir les noms des paquets qui fonctionnent pour iOS, Android et UWP? –

+0

@ConnorMeeks pouvez-vous s'il vous plaît voir ma réponse, c'est comment je l'ai mis en œuvre pour la première fois il y a quelques années, très agréable et facile et vous n'avez pas besoin d'être un expert Xamarin. –

Répondre

0

La façon la plus simple peut être est d'utiliser https://github.com/jsmarcus/Xamarin.Plugins

De Visual Studio ou Xamarin studio, installer les packages suivants:

  • Xam.Plugin.Iconize
  • Xam.Plugin.Iconize.FontSwesome
  • Xam.FormsPlugin.Iconize

Remarque: vous pouvez installer Xam.Plugin. Iconize.Material et beaucoup d'autres similaires si vous voulez.

Dans le projet Android, méthode classe MainActivity, OnCreate() ajouter

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

Dans le projet iOS, classe AppDelegate, méthode FinishedLaunching(), ajouter des lignes similaires

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

En outre, dans projet iOS, info.plist ajouter

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

maintenant, dans votre XAML où votre barre d'outils ont votre, en tag, ajouter

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

et

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

cela fonctionnera-t-il pour Windows (UWP)? Y at-il quelque chose que je dois faire pour ces fichiers? –

+0

cela fonctionnera-t-il pour Windows? ou est-ce Android/iOS spécifique? –

+0

Je ne suis pas sûr de Windows. –

0

Pour voir comment vous pouvez utiliser Fontawesome pour Xamarin.Forms et Android s'il vous plaît voir this nice blog.

Et pour ios please see this one.

+0

cela fonctionnera-t-il pour Windows? (UWP) –

+0

cela fonctionnera-t-il pour Windows? ou est-ce Android/iOS spécifique? –

+0

Le premier lien est pour Android, le second est pour iOS. Je ne l'ai pas fait mais vous devriez suivre une logique similaire pour les applications mobiles Windows. –