Einstellung Rasterbreite = "*" in VisualStaatsmanager in Xaml

Question

Ich versuche, eine UWP-App zu erstellen, die eine Hub-Komponente verwendet, um 2 HubSections anzuzeigen, wenn im Wide-Modus (Standard) und dann zu zeigen nur eine HubSection wann in Narrow-Modus

Mein HubSection ist wie folgt definiert:

<Hub> 
     <HubSection x:Name="Column1" Header="section 1" Background="Cornsilk"> 
     </HubSection> 
     <HubSection x:Name="Column2" Header="section 2" Background="Chocolate"> 
     </HubSection> 
    </Hub> 

Meine Sicht State Manager wird wie folgt definiert:

 <VisualStateManager.VisualStateGroups> 
     <VisualStateGroup x:Name="AdaptiveStates"> 
      <VisualState x:Name="DefaultState"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="720" /> 
       </VisualState.StateTriggers> 
       <VisualState.Setters> 
        <Setter Target="Column1.Width" Value="500" /> 
        <Setter Target="Column2.Width" Value="700" /> 

       </VisualState.Setters> 
      </VisualState> 

      <VisualState x:Name="NarrowState"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="0" /> 
       </VisualState.StateTriggers> 

       <VisualState.Setters> 
        <Setter Target="Column1.Width" Value="*" /> <--- This line doesn't work as * is not a number 
        <Setter Target="Column2.Width" Value="0" /> 

       </VisualState.Setters> 
      </VisualState> 
     </VisualStateGroup> 
    </VisualStateManager.VisualStateGroups> 

die Frage ist, wie kann ich die Breite eines Komponente zu * oder "Verwenden Sie den gesamten verfügbaren Speicherplatz" im Visual State Manager?

Answer 1

Nicht sicher für HubControl, aber ich habe das gleiche mit einem normalen Grid getan (um eine Spalte auszublenden).

Quelle hier: https://github.com/AppCreativity/Kliva/blob/master/src/Kliva/Views/MainPage.xaml#L75

Ich brauchte den columndefinitions einen Namen geben und hier nach dem Lesen der Navigations Richtlinien den in dem visuellen Zustand Manager