Xamarin Forms-Icons

Frage ich mich, wie ich das umsetzen kann icons in meine Xamarin Forms-Anwendung. Ich möchte so etwas wie glyphicons oder font awesome. Ich habe allerdings keine Ahnung, wie es zu implementieren, in meinem xaml/c# - Seiten.

Ideal, ich Strebe so etwas wie dieses:

Xamarin Forms-Icons

Wenn jemand könnte den code, um ein Symbol anzuzeigen, wie Sie die Suchleiste oder drei Zeilen, das wäre toll. Kann ich es formatieren, um hübsch Aussehen. Ich habe Mühe mit, wie Sie tatsächlich ziehen Sie das Symbol!

  • Google stellt mehrere Treffer von Paketen zu unterstützen. Hast du auch versuchen, suchen Sie zuerst?
  • Ja, ich habe alles gesehen, erfordert benutzerdefinierten rendering und Techniken, die ich nicht begreifen kann. Iconize scheint nicht, wie es funktionieren würde für windows phones. Könnten Sie bitte geben Sie die Namen der Pakete, die für iOS, Android und UWP?
  • kannst du bitte siehe meine Antwort, das ist, wie ich es umgesetzt für das erste mal vor einigen Jahren, sehr schön und einfach, und Sie brauchen nicht zu einer Xamarin-Experte.
  • Für benutzerdefinierte Schriftarten in xamarin forms Sie können mit diesem Blog
  • Sie können verwendet die abgeleitete Unicodes hier: github.com/fzany/Font-Awesome-Cheat-Charp
InformationsquelleAutor Connor Meeks | 2017-06-09
  1. 5

    Der einfachste Weg ist die Verwendung https://github.com/jsmarcus/Xamarin.Plugins

    Vom Visual Studio oder Xamarin Studio installieren die folgenden Pakete:

    • Exam.Plugin.Iconize
    • Exam.Plugin.Iconize.FontAwesome
    • Exam.FormsPlugin.Iconize

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

    In das 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());

    In der iOS-Projekt, AppDelegate Klasse, FinishedLaunching () - Methode hinzufügen ähnlichen Linien

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

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

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

    Nun im XAML-Code, wo Sie Ihre Symbolleiste, in der tag, fügen Sie

    <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>
    • wird diese Arbeit für Windows (UWP)? gibt es irgendetwas, was ich tun muss, um für diese Dateien?
    • wird diese Arbeit für Windows? oder ist diese Android/iOS-spezifische?
    • Nicht sicher über Windows.
    • Versucht, diese für UWP, und leider funktioniert es nicht für commandbar icons
    • Ich bin Visualisierung der Symbole, aber es tut sich nix, wenn ich es auf. in Iconlabel es ist in Ordnung. Und auch der toolbaritem für iOS ist ok
    • Wie um auf dieses icon im Label-text?

    InformationsquelleAutor Kevin Le - Khnle
  2. 1

    Blick auf die neue Version von Xamarin Forms, die Lösung war gemacht! Ich habe das anwser in https://stackoverflow.com/a/56257444/11305148

    Aber dort geht es. Der folgende code funktioniert Prima:

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

    Und auch diese:

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