AdaptiveTrigger 不工作 UWP

Question

我有 UWP 应用。

<GridView Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" x:Name="GridColections" IsItemClickEnabled="True" SelectionMode=" None " ItemsSource="{x:Bind DS.AllRem, Mode=OneWay}" ItemClick="GridColections_ItemClick" >
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup>
            <VisualState x:Name="Small">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="0" />
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Target="RemXML.Background" Value="Red" />
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="Middle">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="400"/>
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Target="RemXML.Background" Value="Green"/>
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="Big">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="500"/>
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Target="RemXML.Background" Value="Yellow"/>
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
    <GridView.ItemTemplate>
        <DataTemplate x:DataType="local:GetRem">
            <RelativePanel x:Name="RemXML"  Width="345" Background="Cyan">
                <TextBlock TextWrapping="Wrap" Text="{x:Bind ReminderName}"  Margin="5,5,0,0" RelativePanel.AlignLeftWithPanel="True" FontSize="20" />
                <TextBlock TextWrapping="Wrap" Text="{x:Bind ReminderDescription}" Margin="6,35,0,0" RelativePanel.AlignLeftWithPanel="True" FontSize="13.333"/>
                <CheckBox RelativePanel.AlignRightWithPanel="True" Margin="100,0,-200,0" Width="220"  RelativePanel.AlignVerticalCenterWithPanel="True">
                    <CheckBox.RenderTransform>
                        <CompositeTransform ScaleX="-1"/>
                    </CheckBox.RenderTransform>
                </CheckBox>
            </RelativePanel>
        </DataTemplate>
    </GridView.ItemTemplate>
</GridView>

所以自适应触发器在我的应用程序中不起作用。我需要更改 RelativePanel 背景。当我在第一个控件中的视觉状态出现错误 "An animation is trying to modify an object named 'RemXML', but no such object can be found in the Page." 当我在 RelativePanel 中的视觉状态不起作用时

Answer 1

尝试将 VisualStateManager 放入以 UserControl 作为顶部元素的 DataTemplate 中。

<GridView.ItemTemplate>
    <DataTemplate x:DataType="local:GetRem">
        <UserControl>
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup>
                    <VisualState x:Name="Small">
            ......
            </VisualStateManager.VisualStateGroups>
            <RelativePanel x:Name="RemXML"  Width="345" Background="Cyan">

AdaptiveTrigger 不工作 UWP

AdaptiveTrigger not work UWP

xaml

win-universal-app

uwp-xaml