Comment augmenter la hauteur de la barre de commande en mode compact dans une application UWP?

Question

Je souhaite augmenter la hauteur de la barre de commandes lorsque sa propriété "ClosedDisplayMode" est définie sur "Compact". Je l'ai même essayé en éditant les styles par défaut mais je n'ai pas pu le résoudre. Aidez-moi, s'il vous plaît. I have added the image of the commandbar to resize

Answer 1

Dans votre page App.xaml ajouter les ressources ci-dessous

<Application.Resources> 
    <x:Double x:Key="AppBarThemeCompactHeight">80</x:Double> 
</Application.Resources> 

Maintenant, la hauteur sera la hauteur par défaut increased.By est 48 et vous pouvez modifier selon vos besoins

Answer 2

Votre question et il est en-tête sont deux choses différentes, si vous voulez augmenter la hauteur de la barre de commande puis suivez ceci:

<Application.Resources> 
    <x:Double x:Key="AppBarThemeCompactHeight">80</x:Double> 
</Application.Resources> 

Comme le montre de la réponse précédente, mais si vous voulez augmenter la hauteur de la barre de commande uniquement lorsque l'application est en mode compact, vous devrez utiliser les états visuels suivants:

<VisualStateManager.VisualStateGroups> 
     <VisualStateGroup> 
      <VisualState x:Name="Normal"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="900"/> 
       </VisualState.StateTriggers> 
       <VisualState.Setters> 
        <Setter Value="40" Target="{Themeresource AppBarThemeCompactHeight}"/> 
       </VisualState.Setters> 
      </VisualState> 
      <VisualState x:Name="Mobile"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="0"/> 
       </VisualState.StateTriggers> 
       <VisualState.Setters> 
        <Setter Value="80" Target="{Themeresource AppBarThemeCompactHeight}"/> 
       </VisualState.Setters> 
      </VisualState> 
     </VisualStateGroup> 
    </VisualStateManager.VisualStateGroups>