MVVM模式下按钮切换内容时触发页面动画的实现方法

首先明确：Xamarin.Forms/MAUI 没有直接的PageRefresh或ContentRefresh可重写方法，你可以通过以下几种适配MVVM模式的方式，实现点击切换按钮时触发动画：

方法1：通过消息机制通知页面执行动画 #

利用消息组件实现ViewModel和页面的解耦通信，ViewModel在执行切换命令时发送消息，页面订阅后触发动画。

实现步骤： #

1. 在ViewModel中定义切换命令并发送消息：

// ViewModel.cs
using Microsoft.Maui.Controls.Messaging; // MAUI 用这个，Xamarin.Forms 替换为 Xamarin.Forms.MessagingCenter

// 自定义消息类，用于标识动画触发信号
public class TriggerAnimationMessage { }

public ICommand SwitchItemCommand => new Command(() =>
{
    // 执行你的内容切换业务逻辑
    // ...

    // 发送触发动画的消息
    WeakReferenceMessenger.Default.Send(new TriggerAnimationMessage());
});

2. 在HomePage中订阅消息并执行动画：

// HomePage.xaml.cs
protected override void OnAppearing()
{
    base.OnAppearing();
    
    // 订阅动画触发消息
    WeakReferenceMessenger.Default.Register<TriggerAnimationMessage>(this, (sender, msg) =>
    {
        _ = TransitionIn(); // 异步执行动画，避免阻塞UI线程
    });

    // 保留原有启动时的动画逻辑
    _ = Task.Delay(500).ContinueWith(_ => TransitionIn(), TaskScheduler.FromCurrentSynchronizationContext());
}

protected override void OnDisappearing()
{
    base.OnDisappearing();
    // 取消订阅，防止内存泄漏
    WeakReferenceMessenger.Default.Unregister<TriggerAnimationMessage>(this);
}

方法2：通过绑定属性的变化触发动画 #

在ViewModel中添加一个用于触发动画的布尔属性，按钮点击时切换该属性值，页面监听属性变化并执行动画。

实现步骤： #

1. 在ViewModel中添加触发属性（需实现INotifyPropertyChanged）：

// ViewModel.cs
private bool _isAnimationTriggered;
public bool IsAnimationTriggered
{
    get => _isAnimationTriggered;
    set
    {
        if (_isAnimationTriggered != value)
        {
            _isAnimationTriggered = value;
            OnPropertyChanged();
        }
    }
}

public ICommand SwitchItemCommand => new Command(() =>
{
    // 执行内容切换逻辑
    // ...

    // 切换属性值触发动画（先设为false再设为true，确保每次点击都能触发变化）
    IsAnimationTriggered = false;
    IsAnimationTriggered = true;
});

2. 在HomePage中监听属性变化：

// HomePage.xaml.cs
protected override void OnBindingContextChanged()
{
    base.OnBindingContextChanged();
    if (BindingContext is HomeViewModel vm)
    {
        vm.PropertyChanged += OnViewModelPropertyChanged;
    }
}

private async void OnViewModelPropertyChanged(object sender, PropertyChangedEventArgs e)
{
    var vm = sender as HomeViewModel;
    if (e.PropertyName == nameof(vm.IsAnimationTriggered) && vm.IsAnimationTriggered)
    {
        await TransitionIn();
    }
}

protected override void OnDisappearing()
{
    base.OnDisappearing();
    if (BindingContext is HomeViewModel vm)
    {
        vm.PropertyChanged -= OnViewModelPropertyChanged;
    }
}

方法3：直接绑定按钮点击事件（轻量方案） #

如果场景简单，也可以在页面中给按钮添加点击事件，直接调用动画方法，同时保留ViewModel处理业务逻辑的命令，这种方式耦合度低，实现快速：

实现步骤： #

1. 在HomePage.xaml中给按钮绑定命令和点击事件：

<Button Text="切换内容" 
        Command="{Binding SwitchItemCommand}" 
        Clicked="OnSwitchButtonClicked"/>

2. 在HomePage.xaml.cs中实现点击事件：

// HomePage.xaml.cs
private async void OnSwitchButtonClicked(object sender, EventArgs e)
{
    await TransitionIn();
}

内容的提问来源于stack exchange，提问作者10101