Xaml Scrollviewer中的自适应触发器不起作用

我使用一个自适应触发器使我的UWP应用程序的内容适合窗口大小。如果窗口witdh小于1000px，则所有三个矩形都将堆叠。如果没有，前两个矩形将并排，第三个矩形将填充前两个矩形下方的整个窗口宽度

<Page
x:Class="App4.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App4"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled" HorizontalScrollMode="Disabled">
    <Grid  Margin="10,0,10,0" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup>
                    <VisualState>
                        <VisualState.StateTriggers>
                            <AdaptiveTrigger MinWindowWidth="1000" />
                        </VisualState.StateTriggers>

                        <VisualState.Setters>
                            <Setter Target="Rect2.(Grid.Row)" Value="0" />
                            <Setter Target="Rect2.(Grid.Column)" Value="1" />
                            <Setter Target="Rect2.(Grid.ColumnSpan)" Value="1"/>
                            <Setter Target="Rect1.(Grid.ColumnSpan)" Value="1"/>
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition></RowDefinition>
            </Grid.RowDefinitions>

            <Rectangle Name="Rect1" Grid.Row="0" Grid.ColumnSpan="2" Grid.Column="0"  Margin="10" Height="170" Fill="Red"/>
            <Rectangle Name="Rect2" Grid.Row="1" Grid.ColumnSpan="2" Grid.Column="0"  Margin="10" Height="170" Fill="Green"/>
            <Rectangle Grid.Row="2" Grid.ColumnSpan="2" Grid.Column="0" Height="400" Margin="10" Fill="Yellow"/>
        </Grid>
</ScrollViewer>

但自适应触发器只有在我移除网格上的ScrollViewer时才起作用。ScrollViewer的HorizontalScrollMode已被禁用，但仍不起作用：所有矩形都已堆叠，更改窗口宽度没有任何效果

---

有没有办法让ScrollViewer使用此功能？

您必须在XAML的第一个控件中设置设置器，如果您将网格的第一个控件更改为ScrollViewer，则必须在网格之前设置设置器：

<ScrollViewer...>
 <VisualStateManager.VisualStateGroups>
            <VisualStateGroup>
                <VisualState>
                    <VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowWidth="1000" />
                    </VisualState.StateTriggers>

                    <VisualState.Setters>
                        <Setter Target="Rect2.(Grid.Row)" Value="0" />
                        <Setter Target="Rect2.(Grid.Column)" Value="1" />
                        <Setter Target="Rect2.(Grid.ColumnSpan)" Value="1"/>
                        <Setter Target="Rect1.(Grid.ColumnSpan)" Value="1"/>
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>

    <Grid>...</Grid>
</ScrollViewer>

---

必须在XAML的第一个控件中设置setters，如果将网格的第一个控件更改为ScrollViewer，则必须在网格之前设置setters：

<ScrollViewer...>
 <VisualStateManager.VisualStateGroups>
            <VisualStateGroup>
                <VisualState>
                    <VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowWidth="1000" />
                    </VisualState.StateTriggers>

                    <VisualState.Setters>
                        <Setter Target="Rect2.(Grid.Row)" Value="0" />
                        <Setter Target="Rect2.(Grid.Column)" Value="1" />
                        <Setter Target="Rect2.(Grid.ColumnSpan)" Value="1"/>
                        <Setter Target="Rect1.(Grid.ColumnSpan)" Value="1"/>
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>

    <Grid>...</Grid>
</ScrollViewer>

---

请在问题中更清楚地解释实际输出和预期输出。我已经完善了我的问题。谢谢你的提示！请在问题中更清楚地解释实际输出和预期输出。我已经完善了我的问题。谢谢你的提示！