wie in einem Universal-App

Question

ich diese Architektur in meinem Projekt habe mehrere Grids vertikal wie Bootsrap zu setzen und ich versuche, es reaktionsfähiger zu machen,

<Grid > 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="auto" /> 
     <ColumnDefinition Width="*" /> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="49" /> 
     <RowDefinition Height="auto" /> 
     <RowDefinition Height="auto" /> 
    </Grid.RowDefinitions> 

    <Grid Grid.Row="0" Grid.ColumnSpan="2"> 
    </Grid> 

    <Grid Grid.Row="1" Grid.Column="0"> 
    </Grid> 


    <Grid Grid.Row="2" Grid.Column="0"> 
    </Grid> 

    <Grid Grid.Column="1" Grid.Row="1"> 
    </Grid> 

    <Grid Grid.Column="1" Grid.Row="2"> 
    </Grid> 
</Grid> 

ich einen Auslöser und einen Stackpanel verwendet habe, von der Ausrichtung zu ändern horizontal zu vertikal, wenn ich die Größe des Bildschirms, aber es funktioniert nicht :( jede gute Lösung bitte somthing zu tun, wie wir es für die Hilfe

Answer 1

Seit OP :) dank tun bootsrap muß nicht Code für Trigger haben. Schauen Sie sich Channel 9 video of Hero Explorer by Bob Tabor an.
Hier behandelt er ein ähnliches Szenario, bei dem das Layout von vertikal auf horizontal verschoben wird. Mit Video und Code erhalten Sie die Grundidee, wie mit Trigger umzugehen ist.
Es folgt der Code von HeroExplorer Ändern der Größe zu handhaben, Similary Sie können auch Bitte

 <VisualStateManager.VisualStateGroups> 
      <VisualStateGroup x:Name="VisualStateGroup"> 
       <VisualState x:Name="Wide"> 
        <VisualState.StateTriggers> 
         <AdaptiveTrigger MinWindowWidth="800" /> 
        </VisualState.StateTriggers> 
        <VisualState.Setters> 
         <Setter Target="DetailGrid.(Grid.Row)" Value="0" /> 
         <Setter Target="DetailGrid.(Grid.Column)" Value="1" /> 
         <Setter Target="ColumnOne.Width" Value="Auto" /> 
         <Setter Target="ColumnTwo.Width" Value="*" /> 
        </VisualState.Setters> 
       </VisualState> 
       <VisualState x:Name="Narrow"> 
        <VisualState.StateTriggers> 
         <AdaptiveTrigger MinWindowWidth="0" /> 
        </VisualState.StateTriggers> 
        <VisualState.Setters> 
         <Setter Target="DetailGrid.(Grid.Row)" Value="1" /> 
         <Setter Target="DetailGrid.(Grid.Column)" Value="0" /> 
         <Setter Target="ColumnOne.Width" Value="*" /> 
         <Setter Target="ColumnTwo.Width" Value="Auto" /> 

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

     <ScrollViewer> 
      <Grid> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="*" /> 
        <RowDefinition Height="Auto" /> 
        <RowDefinition Height="30" /> 
       </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition x:Name="ColumnOne" Width="Auto" /> 
        <ColumnDefinition x:Name="ColumnTwo" Width="*" /> 
       </Grid.ColumnDefinitions> 




       <!-- Detail Grid --> 
       <Grid Name="DetailGrid" Grid.Column="1" Grid.Row="0" Margin="10,0,10,0">