.NET MAUI中ObservableProperty子属性绑定不更新问题求助

问题概述 #

在EditEventPage中添加CollectionView后，顶部绑定的EditEvent.name和EditEvent.happeningOn数据无法正常显示，仅在调试时修改XAML绑定路径或重新粘贴代码能临时生效，导航返回后问题复发。数据实际存在，推测为视图与ViewModel的同步机制异常。

核心原因分析 #

1. 数据模型无属性变更通知：attEventDx类未实现INotifyPropertyChanged，即便ViewModel的EditEvent是ObservableProperty，对象内部属性变化或对象赋值时，视图无法收到刷新通知。
2. 异步方法签名错误：ViewModel中SetEditEvent使用async void，可能导致UI线程更新时机异常。
3. 绑定模式未显式指定：Entry控件的绑定未明确设置双向模式，可能造成数据同步失效。
4. CollectionView布局挤压：VerticalStackLayout未设置正确的布局属性，导致顶部控件被CollectionView占用的空间挤压。

具体修复步骤 #

1. 给数据模型添加属性变更通知 #

修改attEventDx类，实现INotifyPropertyChanged接口，确保属性变更能通知视图：

using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace SharedModels
{
    public class attEventDx : INotifyPropertyChanged
    {
        private Guid? _publicId;
        private int? _createdBy;
        private string _name;
        private DateTime _dateCreated;
        private DateTime? _happeningOn;

        public Guid? publicId
        {
            get => _publicId;
            set => SetField(ref _publicId, value);
        }

        public int? createdBy
        {
            get => _createdBy;
            set => SetField(ref _createdBy, value);
        }

        public string name
        {
            get => _name;
            set => SetField(ref _name, value);
        }

        public DateTime dateCreated
        {
            get => _dateCreated;
            set => SetField(ref _dateCreated, value);
        }

        public DateTime? happeningOn
        {
            get => _happeningOn;
            set => SetField(ref _happeningOn, value);
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }

        protected bool SetField<T>(ref T field, T value, [CallerMemberName] string propertyName = null)
        {
            if (EqualityComparer<T>.Default.Equals(field, value)) return false;
            field = value;
            OnPropertyChanged(propertyName);
            return true;
        }
    }
}

2. 修正ViewModel异步方法签名 #

将SetEditEvent的async void改为async Task，确保异步操作正确执行，并在页面的NavigatedTo事件中等待方法完成：
ViewModel修改：

public async Task SetEditEvent(attEventDx incomingEvent)
{
    EditEvent = incomingEvent;
    // 后续恢复LoadGroupsAsync时可正常使用await
    // await LoadGroupsAsync();
}

页面后台修改：

private async void ContentPage_NavigatedTo(object sender, NavigatedToEventArgs e)
{
    await _vm.SetEditEvent(_editEvent);
}

3. 显式设置Entry绑定模式 #

在XAML中为Entry绑定添加Mode=TwoWay，确保数据双向同步：

<Entry Text="{Binding EditEvent.name, Mode=TwoWay}" WidthRequest="200" Grid.Column="1" Grid.Row="0"/>
<Entry Text="{Binding EditEvent.happeningOn, Mode=TwoWay}" WidthRequest="200" Grid.Column="1" Grid.Row="1"/>

4. 调整布局避免控件挤压 #

给VerticalStackLayout设置VerticalOptions="FillAndExpand"，确保布局空间合理分配：

<VerticalStackLayout VerticalOptions="FillAndExpand">

额外排查优化点 #

• 初始化GroupsItems：在ViewModel构造函数中初始化集合，避免CollectionView因空集合占用异常空间：

public EditEventViewModel()
{
    GroupsItems = new ObservableCollection<groupReturn>();
}

• 导航参数空值检查：在ApplyQueryAttributes中添加参数校验，避免传递空对象导致绑定失败：

public void ApplyQueryAttributes(IDictionary<string, object> query)
{
    if (query.TryGetValue("EditEvent", out var eventObj))
    {
        _editEvent = eventObj as attEventDx;
    }
}

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