多Channel场景下修改振幅/频率后Wave() UI不更新，如何修复？

WaveForm.cs #

public class WaveForm
{
    public double Amplitude
    {
        get;set;
    }

    public double Frequency
    {
        get;set;
    }

    public string Wave()
    {
        return (Amplitude * Frequency).ToString();
    } 

    public WaveForm()
    {
        Amplitude = 1;
        Frequency = 2;
    }
}

Channel.cs #

public class Channel
{

    public string ChannelId
    {
        get;set;
    }

    public WaveForm WaveForm
    {
        get;set;
    }

    public Channel(string channelId)
    {
        ChannelId = channelId;
        WaveForm = new WaveForm();
    }
}

MainViewModel.cs #

[ObservableProperty]
private ObservableCollection<Channel> _channelSource = new();

XAML 布局代码 #

<TextBox
    Text="{x:Bind WaveForm.Amplitude, Mode=TwoWay}"
    TextWrapping="Wrap" />
<TextBox
    Text="{x:Bind WaveForm.Frequency, Mode=TwoWay}"
    TextWrapping="Wrap" />
<TextBlock
    Style="{StaticResource BodyTextBlockStyle}"
    Text="{x:Bind WaveForm.Wave(), Mode=OneWay}"
    TextWrapping="Wrap" />

需要展示多个Channel实例，每个Channel支持编辑操作。修改某一Channel的Amplitude或Frequency参数时，Wave()方法对应的UI内容无法自动更新，请问该如何解决此问题？如何调用方法实现UI更新？

核心问题是WaveForm类未实现数据变更通知机制，导致UI无法感知参数变化，进而不会重新调用Wave()方法更新内容。以下是具体解决步骤：

步骤1：给WaveForm添加INotifyPropertyChanged实现 #

修改WaveForm.cs，让类实现INotifyPropertyChanged接口，在Amplitude和Frequency的setter中触发变更通知，同时额外通知UIWave()方法的结果已更新：

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

public class WaveForm : INotifyPropertyChanged
{
    private double _amplitude;
    private double _frequency;

    public double Amplitude
    {
        get => _amplitude;
        set
        {
            if (_amplitude != value)
            {
                _amplitude = value;
                OnPropertyChanged();
                // 告知UI Wave()方法结果已变化
                OnPropertyChanged(nameof(Wave));
            }
        }
    }

    public double Frequency
    {
        get => _frequency;
        set
        {
            if (_frequency != value)
            {
                _frequency = value;
                OnPropertyChanged();
                // 告知UI Wave()方法结果已变化
                OnPropertyChanged(nameof(Wave));
            }
        }
    }

    public string Wave()
    {
        return (Amplitude * Frequency).ToString();
    } 

    public WaveForm()
    {
        Amplitude = 1;
        Frequency = 2;
    }

    public event PropertyChangedEventHandler PropertyChanged;

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

步骤2：可选但推荐——给Channel也添加变更通知 #

如果后续需要替换WaveForm实例，让Channel也实现INotifyPropertyChanged，确保UI能感知到WaveForm属性的变化：

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

public class Channel : INotifyPropertyChanged
{
    private string _channelId;
    private WaveForm _waveForm;

    public string ChannelId
    {
        get => _channelId;
        set
        {
            if (_channelId != value)
            {
                _channelId = value;
                OnPropertyChanged();
            }
        }
    }

    public WaveForm WaveForm
    {
        get => _waveForm;
        set
        {
            if (_waveForm != value)
            {
                _waveForm = value;
                OnPropertyChanged();
            }
        }
    }

    public Channel(string channelId)
    {
        ChannelId = channelId;
        WaveForm = new WaveForm();
    }

    public event PropertyChangedEventHandler PropertyChanged;

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

步骤3：验证XAML绑定正确性 #

确保页面/控件的DataContext正确指向对应Channel实例，如果是通过ItemsControl展示多个Channel，需设置ItemsSource="{x:Bind ViewModel.ChannelSource}"，并在DataTemplate内完成属性和方法的绑定。

原理说明 #

• INotifyPropertyChanged是XAML框架实现数据绑定更新的核心，属性变化时触发PropertyChanged事件，UI收到事件后会重新读取绑定内容。
• 针对绑定的Wave()方法，通过在参数属性的setter中触发OnPropertyChanged(nameof(Wave))，告知UI该方法的计算结果已更新，从而让UI重新调用方法并刷新显示。

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