#

Sonderzeichen für meine UWP Buttons


Ich benötige für meine Universal App einige Buttons mit einem gängigen Symbol. Wie erzeugt man Symbole in einem Button, ohne dass man Graphische Images hinterlegt?


Wenn man im Windows Suchfeld Sonderzeichen eingibt, dann komm die Zeichentabelle als Anwendung.
Hier kann man unter einigen Schriftarten Sonderzeichen finden.
Eine gängige Zeichentabelle oder FontFamily ist zum Beispiel die Segoe MDL2 Assets

Wenn man im Button in der XAML Seite unter den Eigenschaften des Buttons genau diese Schriftart eingibt,
dann kann man diese Zeichen anzeigen.
Leider sind die sinnvollen Zeichen oder mehrere Zeichen nicht im normalen ASCII bis 255 Zeichen vorhanden, sondern die Zeichen befinden sich weiter unten in der Tabelle.



Wenn sich die Zeichen weiter unten in der Tabelle befinden, dann entspricht nicht ein normaler Buchstabe wie F gleich einem Sonderzeichen, sondern man muss wie hier angezeigt
Mit einem Sondercode die Zeichen eingeben. Hier wird zum Beispiel das Symbol für Favouriten mit Tabelle, Favouritenliste mit U+E728 angezeigt



Wenn man diesen Code direkt per Einfügen in die XAML Content eingibt, dann entstehen nur die unsichtbaren Unicode-Zeichen..

Man muss deshalb den Code nach einem Muster eingeben wie hier mit einem &#x führend und dann den Code
<Button Content="&#xE728;" FontFamily="Segoe MDL2 Assets" />

Oder man gibt den Code per Einfügen im Eingabefenster der Eigenschaften des Buttons im Content ein. Dann wird dieser zwar als Kästchen angezeigt,
aber in der XAML Seite mit dem automatischen Code umgesetzt.



Hier der XAML-Code mit den Sonderzeichen

<StackPanel x:Name="BasePanel" Orientation="Horizontal" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<GridView x:Name="ctlList_Folders" Width="200" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="Yellow" ></GridView>
<Border x:Name="Splitter_Folder_Panel" Width="6" Background="Red" HorizontalAlignment="Stretch" ></Border>
<Grid x:Name="BaseGrid" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" >
<Grid.RowDefinitions >
<RowDefinition Height="40" />
<RowDefinition Height="40" />
<RowDefinition Height="199*" />
<RowDefinition Height="199*"/>
</Grid.RowDefinitions>

<TextBox x:Name="tbxAlbum_Path" Grid.Row="0" HorizontalAlignment="Left" VerticalAlignment="Stretch" Margin="210,0,0,0" Width="200" BorderThickness="0"></TextBox>
<StackPanel Orientation="Horizontal" Grid.Row="1" >

<Button x:Name="btnSelect_Album" Width="Auto" Content="&#xE179;&#xE8F1;&#xE728;" HorizontalAlignment="Left" VerticalAlignment="Stretch" Click="btnSelect_Album_Click" FontFamily="Segoe MDL2 Assets" />
<Button x:Name="btnShowFolders" Width="100" Content="F" HorizontalAlignment="Left" VerticalAlignment="Stretch" Click="btnShowFolders_Click" />
<Button x:Name="btnPreviousFolder" Width="100" Content="&lt;" HorizontalAlignment="Left" VerticalAlignment="Stretch" Click="btnPreviousFolder_Click" />
<Button x:Name="btnNextFolder" Width="100" Content="&#xE728;" HorizontalAlignment="Left" Margin="5,0,0,0" VerticalAlignment="Stretch" Click="btnNextFolder_Click" FontFamily="Segoe MDL2 Assets" />
<TextBox x:Name="tbxFolder_Path" HorizontalAlignment="Left" VerticalAlignment="Stretch" Margin="5,0,0,0" Width="1000" BorderThickness="0"></TextBox>
</StackPanel>

<GridView x:Name="ctlGridView" Grid.Row="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" SelectionChanged="ctlGridView_SelectionChanged" ></GridView>
<Image x:Name="ctlImage" Grid.Row="3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ></Image>

</Grid>
</StackPanel>

Mobile

.