VisualState AdaptiveTrigger не срабатывает

Question

Я смотрел сеанс «От маленького экрана до большого экрана: создание универсальных приложений для Windows с XAML» из события BUILD. http://channel9.msdn.com/Events/Build/2015/2-679

Я хотел бы попробовать AdaptiveTrigger, но он не срабатывает с моим минимальным приложением Windows 10 UWP.

<VisualStateManager.VisualStateGroups> 
    <VisualStateGroup x:Name="WindowSizeStates"> 
     <VisualState x:Name="WideState"> 
      <VisualState.StateTriggers> 
       <AdaptiveTrigger MinWindowWidth="800"/> 
      </VisualState.StateTriggers> 
      <VisualState.Setters> 
       <Setter Target="rect.Fill" Value="Beige" /> 
      </VisualState.Setters> 
     </VisualState> 
     <VisualState x:Name="NarrowState"> 
      <VisualState.StateTriggers> 
       <AdaptiveTrigger MinWindowWidth="0" /> 
      </VisualState.StateTriggers> 
      <VisualState.Setters> 
       <Setter Target="rect.Fill" Value="White" /> 
      </VisualState.Setters> 
     </VisualState> 
    </VisualStateGroup> 
</VisualStateManager.VisualStateGroups> 
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <RelativePanel> 
     <Rectangle x:Name="rect" Width="100" Height="100" RelativePanel.AlignTopWithPanel="True" Fill="Beige"/> 
    </RelativePanel> 
</Grid> 

Но ничего не происходит. Кажется, что триггер просто не уволен. Я что-то пропустил?

С уважением!

Answer 1

Да, это происходит, когда вы кладете группы на странице вместо первого элемента управления. Попробуйте положить внутрь:

<Grid...> 
    <VisualStateManager.VisualStateGroups> 

</Grid> 

Помимо если вы хотите сделать более сложные адаптационные триггеры, которые я сделал статью здесь: codeproject advanced view states