UWP AdaptiveTrigger minWindowWidth фон не меняется

Question

Я изучаю UWP и у меня не работает приведенный ниже код:

<Page
    x:Class="LearningUWP.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:LearningUWP"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid>
        <Grid>
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup>
                    <VisualState>
                        <VisualState.StateTriggers>
                            <AdaptiveTrigger MinWindowWidth="500" />
                        </VisualState.StateTriggers>

                        <VisualState.Setters>
                            <Setter Target="myStackPanel.Background" Value="Red" />
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

            <StackPanel x:Name="myStackPanel" Background="Blue" >
                <TextBlock Text="myTextBlock" />
            </StackPanel>
        </Grid>
    </Grid>
</Page>

Я ожидаю, что фон станет красным, когда окно width > 500.Однако, это не работает при расширении.Как это исправить?

Answer 1

Сначала переместите его наверх Grid.

Во-вторых, вы, вероятно, хотите добавить Setter для MinWindowWidth="0"