2017-10-20 19 views
0

Est installé la mise à jour d'automne et a essayé le contrôle Navigation View. Semble assez proche du contrôle Hamburger de la boîte à outils UWP.Comment ajouter AppTitle à NavigationView

Mais j'ai du mal à ajouter un titre d'application personnalisé à la page. Les instructions de l'article ne me sont pas claires:

Dessiner dans la barre de titre a pour effet secondaire de cacher le titre de votre application. Pour aider les utilisateurs, restaurez le titre en ajoutant votre propre TextBlock. Ajoutez le balisage suivant à la page racine contenant votre NavigationView.

Il est suivi par ce XAML:

<!-- Page attribute --> 
xmlns:appmodel="using:Windows.ApplicationModel" 

<TextBlock x:Name="AppTitle" Style="{StaticResource CaptionTextBlockStyle}" Text="{x:Bind appmodel:Package.Current.DisplayName}" IsHitTestVisible="False"/> 

donc je pensais que je laisse tomber ce code XAML dans ma grille Pages, mais je ne suis pas un titre App. Où dois-je déposer ce code pour le faire fonctionner?

Heres ma page XAML

<Page 
x:Class="MyPage" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
xmlns:appmodel="using:Windows.ApplicationModel" 
mc:Ignorable="d"> 

<Grid> 
    <TextBlock x:Name="AppTitle" Style="{StaticResource CaptionTextBlockStyle}" Text="{x:Bind appmodel:Package.Current.DisplayName}" IsHitTestVisible="False"/> 

    <NavigationView> 
     <Frame x:Name="ContentFrame" Margin="24"> 
      <ContentControl /> 
     </Frame> 
    </NavigationView> 
</Grid> 
</Page> 

Répondre

4

Votre TextBlock est caché derrière votre NavigationView. Cela est plus évident si vous avez un titre assez longtemps qu'il dépasse le volet Nav:

enter image description here

Vous pouvez le mettre sur le dessus en passant la commande en XAML:

<Grid> 
    <NavigationView> 
     <Frame x:Name="ContentFrame" Margin="24"> 
      <ContentControl /> 
     </Frame> 
    </NavigationView> 
    <TextBlock x:Name="AppTitle" Style="{StaticResource CaptionTextBlockStyle}" Text="{x:Bind appmodel:Package.Current.DisplayName}" IsHitTestVisible="False"/> 
</Grid>