c# - Xamarin Forms - 使用 C# 为图像源的变化设置动画

Question

我想看看是否有办法在图像源看起来像滑入时进行更改，就像旋转木马一样。

我看过this post但这里的答案是一个简单的动画，而不是一个有效的幻灯片，我的设置类似于上面提到的帖子，因为我的图像源绑定(bind)到 View 模型中的一个变量。

有什么办法可以实现吗？

Answer 1

Xamarin.Forms 提供的默认动画功能足以实现您想要的效果。

按照@Johannes 的想法，例如，你可以有一个漂亮的动画。

这是一个实现:

XAML

<Image x:Name="image" 
       Source="Icon"
       HorizontalOptions="CenterAndExpand"/>
<Button Clicked="Button_Clicked"
        Text="Animate"
        HorizontalOptions="Center"/>

代码隐藏

private async void Button_Clicked(object sender, EventArgs e)
{
    uint transitionTime = 600;
    double displacement = image.Width;

    await Task.WhenAll(
        image.FadeTo(0, transitionTime, Easing.Linear),
        image.TranslateTo(-displacement, image.Y, transitionTime, Easing.CubicInOut));

    // Changes image source.
    image.Source = ImageSource.FromFile("Icon");

    await image.TranslateTo(displacement, 0, 0);
    await Task.WhenAll(
        image.FadeTo(1, transitionTime, Easing.Linear),
        image.TranslateTo(0, image.Y, transitionTime, Easing.CubicInOut));
}

结果

希望对你有帮助。