Xamarin Forms Animation MVVM 方式

问题描述

我想制作一个在点击 frame 时触发的动画。我已经有一个绑定在 GestureRecognizers 上的命令,但这是我的 viewmodel 的一部分,将视图代码放入 viewmodel 会破坏 mvvm。你知道动画代码应该放在哪里吗?(我想执行动画,然后从 viewmodel 执行命令)

解决方法

您可以在代码隐藏中运行动画,并在最后调用您的 ViewModel 方法(当前由绑定命令执行的操作),在这种情况下不需要命令,只需事件。

xaml

<Image Source="tapped.jpg">
    <Image.GestureRecognizers>
        <TapGestureRecognizer
                Tapped="OnTapGestureRecognizerTapped"/>
  </Image.GestureRecognizers>
</Image>

代码隐藏

async void OnTapGestureRecognizerTapped(object sender,EventArgs args)
{
     //await the animation
     (BindingContext as YourViewModel).CommandAction();
}

视图模型

void CommandAction()
{
...
}