2017-06-09 10 views
4

Ich frage mich, wie ich Symbole in meiner Xamarin Forms App implementieren kann. Ich möchte etwas wie Glyphicons oder eine tolle Schriftart verwenden. Ich habe jedoch keine Ahnung, wie ich es in meine XAML/C# -Seiten implementieren soll.Xamarin Forms Icons

Idealerweise ich bin mit dem Ziel etwas wie folgt aus:

enter image description here

Wenn jemand den Code zur Verfügung stellen könnte ein Symbol wie die Suchleiste oder drei Zeilen angezeigt werden, das wäre toll. Ich kann es so formatieren, dass es hübsch aussieht. Ich habe Probleme damit, das Icon zu ziehen!

+0

Google taucht mehrere Treffer nutzen können von Paketen, um dies zu unterstützen. Hast du es überhaupt erst versucht? – Jason

+0

Ja, alles, was ich gesehen habe, erfordert benutzerdefinierte Rendering und Techniken, die ich nicht erfassen kann. Iconize sieht nicht so aus, als würde es für Windows-Telefone funktionieren. Könnten Sie bitte die Namen der Pakete angeben, die für iOS, Android und UWP funktionieren? –

+0

@ConnorMeeks kannst du bitte meine Antwort sehen, so habe ich es vor ein paar Jahren zum ersten Mal implementiert, sehr nett und einfach und du musst kein Xamarin-Experte sein. –

Antwort

0

Der einfachste Weg kann sein, ist https://github.com/jsmarcus/Xamarin.Plugins

von Visual Studio oder Xamarin Studio zu verwenden, installieren Sie die folgenden Pakete:

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

Hinweis: Sie Xam.Plugin installieren können. Iconize.Material und viele andere ähnlich, wenn Sie möchten.

Im Android-Projekt, MainActivity Klasse, OnCreate() -Methode hinzufügen

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

Im iOS-Projekt AppDelegate Klasse, FinishedLaunching() -Methode, fügen Sie ähnliche Linien

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

Auch in iOS-Projekt, info.plist hinzufügen

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

Nun, in Ihrem XAML, wo Sie Ihre Symbolleiste haben, in tag, fügen

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

und

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

funktioniert das für Windows (UWP)? Was muss ich für diese Dateien tun? –

+0

funktioniert das für Windows? oder ist das Android/iOS spezifisch? –

+0

Ich bin mir nicht sicher über Windows. –

0

Um zu sehen, wie Sie Fontawesome für Xamarin.Forms und Android siehe this nice blog.

Und für ios please see this one.

+0

wird dies für Windows funktionieren? (UWP) –

+0

funktioniert das für Windows? oder ist das Android/iOS spezifisch? –

+0

Der erste Link ist für Android, der zweite für iOS. Ich habe es nicht getan, aber Sie sollten eine ähnliche Logik für Windows Mobile Apps folgen. –