Wie setze ich TitleBar Icon in UWP?

Question

Wie man ein Icon zu TitleBar (Window) in UWP einrichtet?

Beispiel TitleBar Icon:

Answer 1

Wir Titelleiste anpassen können TitleBar Icon einzurichten. Der entscheidende Punkt ist hier Window.SetTitleBar method. Folgendes ist ein einfaches Beispiel:

Zunächst benötigen wir eine UIElement als die neue Titelleiste. Zum Beispiel können wir in MainPage.xaml eine Grid hinzufügen und im Raster das Symbol und den Anwendungsnamen festlegen. Bitte beachten Sie, dass wir die "TitleBar" Grid in die erste Zeile des Root Grids setzen müssen.

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto" /> 
     <RowDefinition Height="*" /> 
    </Grid.RowDefinitions> 

    <Grid x:Name="TitleBar"> 
     <Rectangle x:Name="BackgroundElement" Fill="Transparent" /> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto" /> 
       <ColumnDefinition Width="Auto" /> 
      </Grid.ColumnDefinitions> 
      <Image Height="32" Margin="5,0" Source="Assets/StoreLogo.png" /> 
      <TextBlock Grid.Column="1" VerticalAlignment="Center" Text="My Application" /> 
     </Grid> 
    </Grid> 
</Grid> 

Dann in MainPage.xaml.cs, können wir folgenden Code verwenden, um die neue Titelleiste mit dem Symbol zu setzen.

public MainPage() 
{ 
    this.InitializeComponent(); 

    CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = true; 
    // Set the BackgroundElement instead of the entire Titlebar grid 
    // so that we can add clickable element in title bar. 
    Window.Current.SetTitleBar(BackgroundElement); 
} 

Für weitere Informationen können Sie auf der offiziellen Title bar sample auf GitHub beziehen, insbesondere Szenario 2: Benutzerdefinierte in der Probe zu ziehen.