c# - 如何使用 MVVM 在 Xamarin.Forms 中创建动画

Question

我想创建按下图标时触发的动画

如何在遵循 MVVM 模式的同时做到这一点。

查看

<Image Source="ic_test.png" HorizontalOptions="Center" VerticalOptions="Start" Margin="16,24,16,0">
  <Image.GestureRecognizers>
      <TapGestureRecognizer Command="{Binding AnimationTestCommand}" />
  </Image.GestureRecognizers>
</Image>

Answer 1

您需要创建一个自定义图像并点击动画，如下所示:

public class CustomImage : Image
{
    public CustomImage() : base()
    {
        const int _animationTime = 10;
        var iconTap = new TapGestureRecognizer();
        iconTap.Tapped += async (sender, e) =>
        {
            try
            {
                var btn = (CustomImage)sender;
                await btn.ScaleTo(5, _animationTime);
                //await btn.ScaleTo(1, _animationTime);
            }
            catch (Exception ex)
            {
                ex.Track();
            }
        };

    }
}