wpf - Polyline 使用 DataBinding 和 PointCollection 进行持续更新

Question

首先，我描述了我想要实现的目标。我想可视化一个连续的数据流(每秒最多 1000 个值，但可以减少)。这个数据流应该被可视化为一个图表——更准确地说，它是一个心电图的可视化等等。
我的第一个想法是使用折线并将其绑定(bind)到点集合。这里的问题是 UI 上没有显示任何内容。也许这是完成这项任务的错误方法。欢迎更好的想法。到目前为止，这是我的代码。首先是 View :

 
<Canvas>
  <Polyline Points="{Binding Points}" Stroke="Red" StrokeThickness="2" />
</Canvas>

为了简单起见，即使我使用 MVVM 模式，我也使用代码隐藏。这也是我想使用绑定(bind)而不仅仅是折线的名称并添加值的原因。

public partial class MainWindow : Window
{
   private short[] data = new short[]{ 10,30,50,70,90,110,130,150,170,190,210 };
   private short[] data1 = new short[] { 15,14,16,13,17,12,18,11,19,10,24 };


    public MainWindow()
    {
        InitializeComponent();
        for (int i = 0; i < data.Length; i++)
        {
            Points.Add(new Point(data[i], data1[i]));
        }
    }

    private PointCollection _points = new PointCollection();
    public PointCollection Points
    {
        get { return _points; }
    }

}

我知道这不是好的编码风格，但对于第一次测试来说，这对我来说已经足够了。我将数组数据用于 x 值，将 data1 用于 y 值。谁能告诉我那个绑定(bind)有什么问题？每当出现新值时，如何持续更新 View ？
提前感谢您的帮助。

[更新新版本]
风景:

<Window.Resources>
        <my:PointCollectionConverter x:Key="myPointsConverter"/>
</Window.Resources>
    <Grid Name="grid">
        <Polyline x:Name="ekglineI" Points="{Binding Points, Converter={StaticResource myPointsConverter}}" Stroke="Red" StrokeThickness="2" />
        <Button Content="Button" Click="button1_Click" />
</Grid>
在启动时和稍后单击按钮时绘制折线的代码隐藏。

public partial class MainWindow : Window, INotifyPropertyChanged
    {
        private short[] data = new short[] { 10, 30, 50, 70, 90, 110, 130, 150, 170, 190, 210 };
        private short[] data2 = new short[] { 230, 250, 270, 290, 300, 310, 330, 350, 370, 390, 410 };
        private short[] data1 = new short[] { 15, 14, 16, 13, 17, 12, 18, 11, 19, 10, 24 };


public MainWindow()
 {
 InitializeComponent();
 grid.DataContext = this;
 for (int i = 0; i < data.Length; i++)
 {
 Points.Add(new Point(data[i], data1[i]));
 }
 }
 public event PropertyChangedEventHandler PropertyChanged;
 private ObservableCollection _points = new ObservableCollection();
 public ObservableCollection Points
 {
 get { return _points; }
 }

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        for (int i = 0; i < data2.Length; i++)
        {
            Points.Add(new Point(data2[i], data1[i]));
        }
        PropertyChanged(this, new PropertyChangedEventArgs("Points"));
    }

现在我想做的是摆脱这条线:grid.DataContext = this;这样我就可以使用我的 MVVM 还是有另一种可能性？
			            

Answer 1

为了成功地将折线点属性绑定(bind)到您的 View 模型(即在绑定(bind)的 PointCollection 更改时更新它)，您应该避免将 PointCollection 更改为集合(清除、添加等)。折线不会注意到，即使使用自定义转换器绑定(bind)到点的 ObservableCollection 也无济于事。

相反，您应该将 PointCollection 视为一个属性:使用新创建的 PointCollection 设置它，并触发 NotifyPropertyChanged 事件:

    private PointCollection points = new PointCollection();
    public PointCollection Points 
    {
        get { return points; }
        set
        {
            points = value;
            NotifyPropertyChanged("Points");
        }
    }

    public void SomeUpdateFunc() 
    {
        PointCollection pc = new PointCollection();

        // Do some adding: pc.Add(new Point(x, y)); etc

        this.Points = pc; // set via the setter, so the notification will fire
    }

现在折线应该正确更新了，祝你好运!