数据绑定(bind)属性更新的 WPF 平滑过渡

Question

我有一个控件，它的边距绑定(bind)到我的 View 模型的一个属性:

<Grid Margin="{Binding Path=Property1, Converter={StaticResource Converter1}}"></Grid>

如何在 Margin 属性的连续更新之间获得流畅的动画？我希望边距在短时间内滑动而不是离散跳跃。最好是 xaml 解决方案。

编辑:这与本网站上的其他问题不同，因为我需要将厚度动画中的“From”绑定(bind)到先前的值，并将“To”绑定(bind)到更新的值。为此向 View 模型添加另一个属性似乎是一种 hack。

Answer 1

找到解决方案；动画只需要绑定(bind)到“From”，它就会按照我想要的方式进行动画处理。

<Grid Margin="{Binding Path=Property1, 
        NotifyOnTargetUpdated=True, 
        Converter={StaticResource Converter1}}">
    <Grid.Triggers><EventTrigger RoutedEvent="Binding.TargetUpdated">
        <BeginStoryboard><StoryBoard>
            <ThicknessAnimation Storyboard.TargetProperty="Margin"
                                Duration="00:00:00.5"
                                From="{Binding Path="Property1" Converter={StaticResource Converter1}}"/>
        </StoryBoard></BeginStoryboard>
    </EventTrigger></Grid.Triggers>
</Grid>