使用MVVM模式时能否从视图层修改ViewModel中的属性？

核心结论 #

这种场景完全可以正常使用MVVM，你当前的实现缺陷是耦合方式不合理，不是MVVM本身的问题，也不存在对MVVM原理的严重误解，只是对MVVM的边界划分可以调整。

现有实现的问题 #

• 直接在视图层的codebehind中硬编码访问ViewModels.MainViewModel静态实例，导致视图和ViewModel强绑定，页面无法复用、后续修改ViewModel结构时会直接报错。
• 把属性赋值逻辑硬写在视图层，后续如果文本更新规则需要调整（比如要从接口拉取内容、要加判断逻辑），所有逻辑都会堆在codebehind里，不符合MVVM的解耦要求。

合规的实现方案 #

MVVM没有强制要求所有代码都必须放到ViewModel中，和界面渲染强相关的动画逻辑本身就适合放在视图层，你只要把业务逻辑（文本更新规则）和视图逻辑（动画执行）解耦即可，两种实现方式可选：

方案1：弱消息联动（解耦最彻底） #

1. 定义空的消息类用于动画触发通知

public class FrameAnimationTriggerMessage { }

2. ViewModel中仅处理业务逻辑和触发通知

public class MainViewModel : ObservableObject
{
    private string _frameText;
    public string FrameText
    {
        get => _frameText;
        set => SetProperty(ref _frameText, value);
    }

    public ICommand TriggerFrameUpdateCommand { get; }

    public MainViewModel()
    {
        TriggerFrameUpdateCommand = new Command(async () =>
        {
            // 发送动画触发通知
            WeakReferenceMessenger.Default.Send(new FrameAnimationTriggerMessage());
            // 等待缩小动画执行完成
            await Task.Delay(60);
            // 仅在这里处理文本更新的业务逻辑，和视图完全解耦
            FrameText = "new text";
        });
    }
}

3. 视图层仅处理动画执行和绑定

• XAML中给Frame的点击手势绑定TriggerFrameUpdateCommand
• Codebehind中订阅消息执行动画

public MainPage()
{
    InitializeComponent();
    WeakReferenceMessenger.Default.Register<FrameAnimationTriggerMessage>(this, async (_, _) =>
    {
        await TestFrame.ScaleTo(0.1, 60, Easing.Linear);
        // 无需手动赋值FrameText，ViewModel修改后会通过INotifyPropertyChanged自动更新
        await TestFrame.ScaleTo(1, 60, Easing.Linear);
    });
}

方案2：简单场景轻量实现 #

如果你的项目非常简单，不需要页面复用，也可以直接在codebehind里写逻辑，只要保证业务逻辑不泄露到视图层即可：

// 视图层点击事件
private async void FrameTapped(object sender, TappedEventArgs e)
{
    await TestFrame.ScaleTo(0.1, 60, Easing.Linear);
    // 文本更新逻辑依然放在ViewModel中处理，视图只调用入口
    (BindingContext as MainViewModel)?.UpdateFrameText();
    await TestFrame.ScaleTo(1, 60, Easing.Linear);
}

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