VisualState AdaptiveTrigger không kích hoạt

Question

tôi đã xem phiên "Từ màn hình nhỏ đến màn hình lớn: Xây dựng Trải nghiệm ứng dụng Windows phổ biến với XAML" từ sự kiện BUILD. http://channel9.msdn.com/Events/Build/2015/2-679

Tôi muốn dùng thử AdaptiveTrigger nhưng không kích hoạt ứng dụng Windows 10 UWP tối thiểu của tôi.

<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> 

Nhưng không có gì xảy ra. Có vẻ như kích hoạt chỉ đơn giản là không bị sa thải. Tôi đã bỏ lỡ một cái gì đó?

Trân trọng!

Answer 1

Có điều đó xảy ra khi bạn đặt các nhóm trong Trang thay vì trong điều khiển đầu tiên. Cố gắng đặt bên trong:

<Grid...> 
    <VisualStateManager.VisualStateGroups> 

</Grid> 

Ngoài nếu bạn muốn thực hiện trigger thích nghi phức tạp hơn tôi đã thực hiện một bài báo ở đây: codeproject advanced view states