如何使用UWP社区工具包制作“滑入”动画?

如何使用UWP社区工具包制作“滑入”动画?,uwp,uwp-xaml,windows-community-toolkit,Uwp,Uwp Xaml,Windows Community Toolkit,根据偏移动画文档: 只需为元素设置偏移值,它将滑动到目标值: <interactivity:Interaction.Behaviors> <behaviors:Offset x:Name="OffsetBehavior" OffsetX="25.0" OffsetY="25.0" Duration="2500" Delay="250" Auto

根据偏移动画文档:

只需为元素设置偏移值,它将滑动到目标值:

<interactivity:Interaction.Behaviors>
    <behaviors:Offset x:Name="OffsetBehavior" 
            OffsetX="25.0" 
            OffsetY="25.0"
            Duration="2500" 
            Delay="250" 
            AutomaticallyStart="True"/>
</interactivity:Interaction.Behaviors>
但是,没有“从”和“到”的概念,因此如何让元素滑入视图ex:Offset.X将是-100到0???我们只能设置值,该值表示合成动画中的“到”。

没有“自”值,因为对于此行为,“自”相对于行为指定给的元素为0,0。您可以为元素指定边距,以便将其放置在侧面并使用该行为

<Image Margin="-50,0,0,0">
    <interactivity:Interaction.Behaviors>
        <behaviors:Offset x:Name="OffsetBehavior" 
                OffsetX="25.0" 
                Duration="2500" 
                Delay="250" 
                AutomaticallyStart="True"/>
    </interactivity:Interaction.Behaviors>
</Image>

最终发现,使用UWP社区工具包动画实际上是可行的:

this.MyElement.Offset(-200, duration: 0).Fade(0, duration: 0)
    .Then()
    .Offset(0).Fade(1)
    .Start();
我假设Xaml采用相同的解决方案,诀窍是将初始值设置为持续时间为0,然后使用另一个动画实现实际的预期幻灯片效果

this.MyElement.Offset(-200, duration: 0).Fade(0, duration: 0)
    .Then()
    .Offset(0).Fade(1)
    .Start();