Xaml VisualState AdaptiveTrigger不使用RelativePanel

我有以下xaml

 <Grid  Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid Name="MainView">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <RelativePanel Grid.Row="0">                
            <Slider Width="350" Name="ZoomSlider"  Margin="10" Minimum="30" Maximum="200"   Value="100" SnapsTo="Ticks" TickFrequency="10"
                    RelativePanel.AlignHorizontalCenterWithPanel="True" RelativePanel.AlignTopWithPanel="True" />

            <Button Width="100" Name="btn_prev" Margin="10" Click="btn_prev_Click" RelativePanel.LeftOf="ZoomSlider">Previous</Button>
            <Button Width="100" Name="btn_next" Margin="10" Click="btn_next_Click" RelativePanel.RightOf="ZoomSlider">Next</Button>
            <Button Width="100" Foreground="White" Background="DarkBlue" Name="btn_Extraspage"  Content="Extra page" RelativePanel.RightOf="btn_next" RelativePanel.AlignVerticalCenterWith="btn_next" Click="btn_Extraspage_Click"/>               
        </RelativePanel>
        <WebView  Name="book_view" LoadCompleted="book_view_LoadCompleted"  Grid.Row="1" Margin="5 5"></WebView>
        <!-- Responsive VisualStates -->
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup>
                <VisualState x:Name="NormalStateReadView">
                    <!-- VisualState to be triggered when window width is >=548 and <720 effective pixels -->
                    <VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowWidth="720" />
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Target="btn_prev.(RelativePanel.LeftOf)" Value="ZoomSlider" />

                        <Setter Target="btn_next.(RelativePanel.RightOf)" Value="ZoomSlider" />

                        <Setter Target="btn_Extraspage.(RelativePanel.RightOf)" Value="btn_next" />
                        <Setter Target="btn_Extraspage.(RelativePanel.AlignVerticalCenterWith)" Value="btn_next" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="NarrowStateReadView">
                    <VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowWidth="0" />
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <!--RelativePanel.Below="ZoomSlider" RelativePanel.AlignLeftWith="ZoomSlider"-->
                        <Setter Target="btn_prev.(RelativePanel.Below)" Value="ZoomSlider" />
                        <Setter Target="btn_prev.(RelativePanel.AlignLeftWith)" Value="ZoomSlider" />

                        <!--RelativePanel.LeftOf="btn_Extraspage" RelativePanel.AlignVerticalCenterWith="btn_prev"-->
                        <Setter Target="btn_next.(RelativePanel.LeftOf)" Value="btn_Extraspage" />
                        <Setter Target="btn_next.(RelativePanel.AlignVerticalCenterWith)" Value="btn_prev" />


                        <!--RelativePanel.Below="ZoomSlider" RelativePanel.AlignRightWith="ZoomSlider" RelativePanel.AlignVerticalCenterWith="btn_prev"-->
                        <Setter Target="btn_Extraspage.(RelativePanel.Below)" Value="ZoomSlider" />
                        <Setter Target="btn_Extraspage.(RelativePanel.AlignRightWith)" Value="ZoomSlider" />
                        <Setter Target="btn_Extraspage.(RelativePanel.AlignVerticalCenterWith)" Value="btn_prev" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
    </Grid>

以前的
下一个

我的期望是将“上一个”按钮和“下一个”按钮放置在广角视图滑块的左右两侧

并将“上一步”和“下一步”按钮放置在窄视图上左右滑块下方

---

XAML解析没有错误，但呈现效果不符合预期。窄带StateReadView触发器看起来不会为我触发，除非它发生更改，否则附加的属性VisualStateManager.VisualStateGroups必须出现在第一个UIElement中（在您的情况下是第一个网格），才能工作

<Grid  Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
  <VisualStateManager.VisualStateGroups>
        <VisualStateGroup>
            <VisualState x:Name="NormalStateReadView">
                <!-- VisualState to be triggered when window width is >=548 and <720 effective pixels -->
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="720" />