Jak ustawić ikonę TitleBar w UWP?

Question

Jak ustawić ikonę w TitleBar (oknie) w UWP?

Przykład Titlebar ikoną:

Answer 1

Możemy dostosować pasek tytułowy skonfigurować pasku tytułowym ikonę. Kluczowym punktem tutaj jest użycie Window.SetTitleBar method. Oto prosta próbka:

Po pierwsze, potrzebujemy UIElement jako nowego paska tytułu. Na przykład w MainPage.xaml możemy dodać Grid i ustawić w siatce ikonę i nazwę aplikacji. Należy pamiętać, że musimy umieścić "TitleBar" Grid w pierwszym rzędzie siatki głównej.

<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> 

Następnie w MainPage.xaml.cs, możemy użyć następującego kodu, aby ustawić nowy pasek tytułowy z ikoną.

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); 
} 

Więcej informacji można znaleźć w oficjalnym Title bar sample na GitHub, zwłaszcza scenariusz 2: klienta rysunek w próbce.