web-dev-qa-db-de.com

wie das Icon [Font-awesome] in WPF verwendet wird

Ich bin neu in WPF. Ich möchte Font-awesome Icon in Textbox und Button verwenden. Das Symbol ist jedoch nicht an mein Textfeld gebunden 

Ich installiere die Font-awesome-Ressource für meine Anwendung.

Lass mich wissen, wie ich es benutzen kann

Danke dir,

Ich brauche es wirklich, bitte hilf mir ..

Beispiel

Schritt 1: Laden Sie Font-Awesome herunter

Extras -> Bibliothek Package Manager -> Package Manager Console Installieren

PM> Install-Package FontAwesome.WPF

Schritt 2: Ressource hinzufügen

<Application> xmlns:fa="http://schemas.fontawesome.io/icons/" </Application>

Schritt 3: Setzen Sie App.xaml

<Application.Resources>

    <Style x:Key="FontAwesome">
        <Setter Property="TextElement.FontFamily" Value="pack://application:,,,/fonts/#FontAwesome" />
    </Style>

</Application.Resources>

Schritt 4: Verwenden Sie es in Demo.xaml

<TextBlock Style="{StaticResource FontAwesome}"
FontSize="75"
Text="&#xf133;" />

Schritt 5: - Ausgabe

 My Output is this

wpfwpf-controlsfont-awesome
13
shivani

Laden Sie zunächst Font Awesome herunter, extrahieren Sie die ZIP-Datei und kopieren Sie fonts/fontawesome-webfont.ttf in einen Fonts-Ordner in Ihrer Projektmappe. Legen Sie die Build-Aktion in den Eigenschaften auf Ressource fest, wenn dies noch nicht geschehen ist

 enter image description here

Als nächstes fügen Sie den Ressourcen in App.xaml einen Stil hinzu. Vergessen Sie nicht den # vor dem Namen der Schriftart und vergessen Sie nicht, den internen Namen der Schriftart zu verwenden, nicht den Namen der Datei. Um den Namen der Schrift zu überprüfen, doppelklicken Sie einfach auf die Schriftdatei und diese wird im Windows Font Viewer geöffnet. Der Name der Schrift steht oben.

 enter image description here 

<Application.resources>
<FontFamily x:Key="FontAwesome">/Fonts/fontawesome-webfont.ttf#FontAwesome</FontFamily>
</Application.resources>

Öffnen Sie MainWindow.xaml und ersetzen Sie das Raster durch den folgenden Ausschnitt:

<Grid VerticalAlignment="Center" HorizontalAlignment="Center">

<StackPanel Orientation="Horizontal" >

<TextBlock Text="I" FontSize="32" Margin="10" VerticalAlignment="Center"></TextBlock>


<TextBlock x:Name="tbFontAwesome" Text="&#xf004;" FontFamily="{StaticResource FontAwesome}" Foreground="Red" FontSize="32" Margin="10" VerticalAlignment="Center"></TextBlock>
<TextBlock Text="Font Awesome" FontSize="32" Margin="10" VerticalAlignment="Center"></TextBlock>

</StackPanel>

</Grid>

Beachten Sie, dass die "Text"-Eigenschaft von "tbFontAwesome"-Textblock die Unicode für Heart ist.

Spickzettel

24
mahendra kamble

Um die akzeptierte Antwort zu erweitern, weil sie etwas veraltet ist und Informationen fehlen, habe ich Folgendes getan:

  • FontAwesome herunterladen
  • Entpacken Sie das Archiv
  • Suchen Sie im entpackten Ordner unter dem Ordner use-on-desktop die gewünschte Version. N.B. Solid hat die meisten Icons frei; Bei einigen Symbolen ist eine Pro-Zahlung für die Versionen Regular und Light erforderlich.
    • Für mich war das Font Awesome 5 Free-Solid-900.otf.
  • Erstellen Sie nach der akzeptierten Antwort und den meisten Tutorials zunächst einen Unterordner mit dem Namen Fonts in Ihrem C # -Projekt. Fügen Sie die Schriftdatei in diesen Ordner ein.
  • Ich habe diese Datei aus Gründen der Kürze in FontAwesome.otf umbenannt
  • Legen Sie die Eigenschaften dieser Datei fest:
    • Aktion erstellen: Ressource
    • In Ausgabeverzeichnis kopieren: Kopieren, wenn neuer/Immer kopieren
  • Fügen Sie in Ihrem App.xaml <Application.Resources> oder einem anderen <ResourceDictionary> Folgendes ein:
  • <FontFamily x:Key="FontAwesome">/YOUR_PROJECT_NAME;component/Fonts/FontAwesome.otf#Font Awesome 5 Free Solid</FontFamily>
    • Ersetzen Sie YOUR_PROJECT_NAME durch Ihren Projektnamen. Ich füge dies hinzu, weil es erforderlich ist, wenn Sie MergedDictionary projektübergreifend verwenden.
    • Wenn Sie die Datei nicht in einem Projekt-Unterordner Fonts abgelegt haben, können Sie diesen Teil des Pfads umbenennen oder weglassen.
    • Überprüfen Sie, ob der Dateiname übereinstimmt: Ersetzen Sie FontAwesome.otf durch den Dateinamen (oder benennen Sie die Datei selbst um).
    • Überprüfen Sie den Namen der internen Schriftart. Sie können dies tun, indem Sie der akzeptierten Antwort folgen. (Öffnen Sie die .otf- oder .tff-Datei im Explorer, um den Windows Font Viewer zu starten, kopieren Sie den Namen der Schriftart). 
    • Ersetzen Sie die Schriftart Awesome 5 Free Solid durch den Namen der Schriftart (nach dem #).
    • Installieren Sie die Schriftart nicht. Andernfalls können Sie nicht überprüfen, ob Sie diese Schritte korrekt ausgeführt haben. Die Schriftart funktioniert möglicherweise nicht auf Computern, auf denen die Schriftart nicht installiert ist.
10
kjhf

Sie können FontAwesome auch manuell aus der FontFamily-Eigenschaft des TextBlock auswählen. Dadurch wird das Problem gelöst. 

Wenn FontAwesome nicht in der Liste der Schriftarten enthalten ist, müssen Sie die Schriftdatei wahrscheinlich genau wie die erste vorgeschlagene Antwort importieren.

0
Uchenna Nnodim