xaml - VisualState AdaptiveTrigger不触发

Question

我观看了BUILD事件中的“从小屏幕到大屏幕:使用XAML构建通用Windows应用程序体验” session 。 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

是的，当您将组放在Page中而不是第一个控件中时，就会发生这种情况。尝试放入里面:

<Grid...>
   <VisualStateManager.VisualStateGroups>

</Grid>

此外，如果您想进行更复杂的适应性触发，请在此处发表文章: codeproject advanced view states