2015-10-16 77 views
1

我在製作一個通用Windows應用程序。我爲我的菜單使用了Splitview,如果我調整窗口大小,我使用視覺狀態觸發器來調整佈局。但它似乎並沒有工作。VisualStateTrigger沒有更新

我在微軟構建網站(link)上觀看了一場演講。

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" 
     DataContext="{StaticResource MainPageViewModel}"> 
    <VisualStateManager.VisualStateGroups> 
     <VisualStateGroup x:Name="AdaptiveStates"> 
      <VisualState x:Name="Min720State"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="720" /> 
       </VisualState.StateTriggers> 
       <VisualState.Setters> 
        <Setter Target="SplitViewMenu.DisplayMode" Value="CompactInline" /> 
        <Setter Target="SplitViewMenu.IsPaneOpen" Value="True" /> 
       </VisualState.Setters> 
      </VisualState> 
      <VisualState x:Name="Min320State"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="320" /> 
       </VisualState.StateTriggers> 
       <VisualState.Setters> 
        <Setter Target="SplitViewMenu.DisplayMode" Value="CompactOverlay" /> 
        <Setter Target="SplitViewMenu.IsPaneOpen" Value="False" /> 
       </VisualState.Setters> 
      </VisualState> 
      <VisualState x:Name="DefaultState"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="0" /> 
       </VisualState.StateTriggers> 
       <VisualState.Setters> 
        <Setter Target="SplitViewMenu.DisplayMode" Value="Overlay" /> 
        <Setter Target="SplitViewMenu.IsPaneOpen" Value="false" /> 
       </VisualState.Setters> 
      </VisualState> 
     </VisualStateGroup> 
    </VisualStateManager.VisualStateGroups> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto" /> 
     <RowDefinition Height="*" /> 
    </Grid.RowDefinitions> 
    <Grid> 
     <Button x:Name="NavButton" Style="{StaticResource BtnNav}" Content="&#xE700;" Click="NavButton_Click" /> 
     <TextBlock Text="SoundCloud Plus" Style="{StaticResource AppTitle}" /> 
    </Grid> 
    <SplitView x:Name="SplitViewMenu" Grid.Row="1" CompactPaneLength="48" IsPaneOpen="True" DisplayMode="CompactInline"> 
     <SplitView.Pane> 
      <ScrollViewer> 
       <StackPanel> 
        <Button Style="{StaticResource ButtonsInMenu}" x:Name="AccountButton" Click="AccountButton_Click"> 
         <Grid> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="Auto" /> 
           <ColumnDefinition Width="*" /> 
          </Grid.ColumnDefinitions> 
          <Image Width="36" Height="36" Source="/Assets/Square44x44Logo.targetsize-24_altform-unplated.png"/> 
          <TextBlock Style="{StaticResource TextInMenu}" Grid.Column="1" Text="Connect with SoundCloud" /> 
         </Grid> 
        </Button> 
        <Button Style="{StaticResource ButtonsInMenu}"> 
         <Grid> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="Auto" /> 
           <ColumnDefinition Width="*" /> 
          </Grid.ColumnDefinitions> 
          <Image Source="/Assets/Square44x44Logo.targetsize-24_altform-unplated.png"/> 
          <TextBlock Style="{StaticResource TextInMenu}" Grid.Column="1" Text="Recent" /> 
         </Grid> 
        </Button> 
        <Button Style="{StaticResource ButtonsInMenu}"> 
         <Grid> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="Auto" /> 
           <ColumnDefinition Width="*" /> 
          </Grid.ColumnDefinitions> 
          <Image Source="/Assets/Square44x44Logo.targetsize-24_altform-unplated.png"/> 
          <TextBlock Style="{StaticResource TextInMenu}" Grid.Column="1" Text="Artists" /> 
         </Grid> 
        </Button> 
       </StackPanel> 
      </ScrollViewer> 
     </SplitView.Pane> 
     <SplitView.Content> 
      <Frame x:Name="MyFrame"></Frame> 
     </SplitView.Content> 
    </SplitView> 
</Grid> 
+0

請參見[56, 「問題‘’包括在他們的頭銜?」 標籤(http://meta.stackexchange.com/questions/ 19190/should-questions-include-tags-in-titles),其中共識是「不,他們不應該」! –

回答

0

嘗試刪除IsPaneOpen = 「真」 在你的SPLITVIEW