Xamarin Forms模型变更后UI不自动更新问题求助

兄弟，你遇到的问题核心在于模型类没有实现INotifyPropertyChanged接口——这是Xamarin.Forms数据绑定实现自动UI更新的基础。绑定系统需要通过这个接口的PropertyChanged事件来感知属性值的变化，进而同步更新UI。另外你的Edit页面还存在数据传递和绑定模式的问题，下面一步步给你修正：

1. 让Profile类实现INotifyPropertyChanged #

这是最关键的一步，修改你的Profile类：

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

public class Profile : INotifyPropertyChanged
{
    private string _name;
    private string _about;

    public string Name
    {
        get => _name;
        set
        {
            if (_name != value)
            {
                _name = value;
                OnPropertyChanged();
            }
        }
    }

    public string About
    {
        get => _about;
        set
        {
            if (_about != value)
            {
                _about = value;
                OnPropertyChanged();
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

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

这里我们给属性添加了私有字段，在setter中判断值是否变化，变化时触发PropertyChanged事件，通知绑定系统更新UI。

2. 让ProfileItem类也实现INotifyPropertyChanged #

因为你在Edit页面用ProfileItem来展示可编辑的属性，需要双向绑定回原Profile对象，所以这个类也需要实现接口：

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

public class ProfileItem : INotifyPropertyChanged
{
    private string _name;
    private string _value;

    public string Name
    {
        get => _name;
        set
        {
            if (_name != value)
            {
                _name = value;
                OnPropertyChanged();
            }
        }
    }

    public string Value
    {
        get => _value;
        set
        {
            if (_value != value)
            {
                _value = value;
                OnPropertyChanged();
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

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

3. 修改EditProfilePage的逻辑，实现双向绑定到原Profile对象 #

现在我们需要让Edit页面的ProfileItem直接关联原Profile的属性，而不是复制值，这样修改时直接更新原对象：

public partial class EditProfilePage : ContentPage
{
    private Profile _originalProfile;
    private ObservableCollection<ProfileItem> _items;

    public EditProfilePage(Profile profile)
    {
        InitializeComponent();
        _originalProfile = profile;
        _items = new ObservableCollection<ProfileItem>
        {
            new ProfileItem { Name = "Name", Value = _originalProfile.Name },
            new ProfileItem { Name = "About", Value = _originalProfile.About }
        };
        // 给每个ProfileItem的Value属性绑定到原Profile对应的属性
        _items[0].PropertyChanged += (s, e) =>
        {
            if (e.PropertyName == nameof(ProfileItem.Value))
            {
                _originalProfile.Name = ((ProfileItem)s).Value;
            }
        };
        _items[1].PropertyChanged += (s, e) =>
        {
            if (e.PropertyName == nameof(ProfileItem.Value))
            {
                _originalProfile.About = ((ProfileItem)s).Value;
            }
        };
        list_Profile_Details.ItemsSource = _items;
    }

    // 移除OnAppearing里的重复初始化逻辑，因为我们已经在构造函数里处理好了
    protected override void OnAppearing()
    {
        base.OnAppearing();
        // 不需要再重新加载，因为绑定的是原对象的引用
    }
}

4. 修改ProfilePage的跳转逻辑，传递原Profile对象的引用 #

不要在EditPage方法里重新获取数据，直接传递当前BindingContext的Profile对象：

public async void EditPage()
{
    var currentProfile = BindingContext as Profile;
    if (currentProfile != null)
    {
        EditProfilePage editProfilePage = new EditProfilePage(currentProfile);
        await Navigation.PushAsync(editProfilePage);
    }
}

// 同时修改ProfilePage的OnAppearing，只在首次加载时获取数据，之后不需要重新绑定
private bool _isFirstLoad = true;
protected override async void OnAppearing()
{
    base.OnAppearing();
    if (_isFirstLoad)
    {
        var p = await GetDataFromWebservice(); // 修正你的方法名拼写
        BindingContext = p;
        _isFirstLoad = false;
    }
}

5. 调整Edit页面的XAML绑定模式 #

确保TextCell的Detail属性使用双向绑定，这样修改时能同步到ProfileItem：

<ListView x:Name="list_Profile_Details" HeightRequest="500" RowHeight="45">
    <ListView.ItemTemplate>
        <DataTemplate>
            <TextCell Text="{Binding Name}" Detail="{Binding Value, Mode=TwoWay}" />
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

为什么之前的临时方案不对？ #

你之前在OnAppearing重新绑定的方式，本质是手动刷新UI，没有利用Xamarin.Forms的绑定机制。当模型实现INotifyPropertyChanged后，只要修改的是同一个模型对象的属性，ProfilePage的UI会自动收到PropertyChanged事件并更新，完全不需要手动重新绑定。

现在你测试一下：在Edit页面修改Name或About，返回ProfilePage后，Label会自动显示最新的值，再也不用依赖OnAppearing的临时方案了！

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