CODEWITHSUNDEEP
xamlwin-universal-appuwp-xaml
SuxoiKorm
SuxoiKorm

Reputation: 179

AdaptiveTrigger not work UWP

I have UWP app.

<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>

So adaptive triggers don't work in my app. I need to change RelativePanel background. When Visual state I have in first control I have ERROR "An animation is trying to modify an object named 'RemXML', but no such object can be found in the Page." When Visual State I have in RelativePanel is don't work

Upvotes: 0

Views: 366

Answers (1)

Igor Ralic
Igor Ralic

Reputation: 15006

Try putting the VisualStateManager inside of the DataTemplate which has a UserControl as top element.

<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">

Upvotes: 3

Related Questions