Xamarin中双层嵌套数据修改后UI无更新，如何触发OnPropertyChanged？

你遇到的嵌套属性修改后UI不更新问题，核心是嵌套数据类未实现属性变更通知，同时存在绑定路径、属性通知写法错误，按以下步骤修改即可：

核心原理说明 #

ObservableCollection仅能通知集合元素的新增、删除、移动、替换操作，无法通知集合内部元素自身属性的变更，因此集合内的所有元素类都需要实现INotifyPropertyChanged接口，才能在属性修改时触发UI更新。

1. 修正最底层答案类的属性通知 #

你的FormViewerElementAnsware没有实现属性变更通知，修改color等属性时UI无法感知，修改后代码如下：

public class FormViewerElementAnsware : INotifyPropertyChanged
{
    private Color _color;
    public Color color
    {
        get => _color;
        set
        {
            _color = value;
            OnPropertyChanged();
        }
    }

    // 其他属性（比如text）也按相同格式修改
    private string _text;
    public string text
    {
        get => _text;
        set
        {
            _text = value;
            OnPropertyChanged();
        }
    }

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

2. 修正ViewModel的属性通知错误 #

你的FormViewerViewModell中属性通知的参数传递错误，导致上层属性变更也无法通知UI，修改后代码如下：

public class FormViewerViewModell : INotifyPropertyChanged
{
    public FormViewerViewModell()
    {  
        GenerateData();
    }
    private FormChooseElement FormChooseElement;
    public FormChooseElement formChooseElement
    {
        get => FormChooseElement;
        set
        {
            FormChooseElement = value;
            // 修正：通知公共属性名，而非私有字段名
            OnPropertyChanged(nameof(formChooseElement));
            // 关联的集合属性也要同步通知
            OnPropertyChanged(nameof(formViewerElements));
        }
    }
    public ObservableCollection<FormViewerElement> formViewerElements
    {
        get => formChooseElement?.formViewerElements;
        set
        {
            formChooseElement.formViewerElements = value;
            // 修正：通知当前属性名，而非嵌套路径
            OnPropertyChanged(nameof(formViewerElements));
        }
    }
    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

3. 修正XAML绑定路径错误 #

CarouselView的ItemTemplate绑定上下文是单个FormViewerElement对象，内部CollectionView需要绑定该对象下的答案集合，原XAML绑定路径写错，修改后如下：

<CarouselView ItemsSource="{Binding formViewerElements}">
    <CarouselView.ItemTemplate>
        <DataTemplate>
            <StackLayout>                  
                <Label Text="{Binding text}" />          
                <!-- 修正：绑定FormViewerElement下的答案集合属性 -->
                <CollectionView ItemsSource="{Binding formViewerElementAnswares}">              
                    <CollectionView.ItemTemplate>                            
                        <DataTemplate>
                            <StackLayout BackgroundColor="{Binding color}">
                                <Label Text="{Binding text}" />
                            </StackLayout>
                        </DataTemplate>
                    </CollectionView.ItemTemplate>
                </CollectionView>
            </StackLayout>
        </DataTemplate>
    </CarouselView.ItemTemplate>
</CarouselView>

可选优化 #

如果后续需要修改FormChooseElement、FormViewerElement类的普通属性，也建议给这两个类实现INotifyPropertyChanged接口，写法和FormViewerElementAnsware一致即可。

修改完成后，你原有的属性修改代码即可正常触发UI更新。

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