Question

首先，我描述了我想实现的目标。我希望可视化连续数据流（每秒最多1000个值，但可以减少）。该数据流应该可视化为图表 - 更准确地说，它是ECG的可视化等。我的第一个想法是使用折线并将其绑定到点集合。这里的问题是UI上没有显示任何内容。也许对于这项任务来说，这是一个错误的方法。欢迎更好的想法。到目前为止，这是我的代码。首先是观点：

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

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

<Canvas>

我知道这不是一个好的编码风格，但首先测试它对我来说足够了。我将数组数据用于x值，将data1用于y值。任何人都可以告诉我这个绑定有什么问题吗？每当出现新值时，如何持续更新视图？感谢您的帮助。

[更新的新版本] 风景：

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

代码隐藏在启动时绘制折线，稍后在单击按钮时绘制折线。

</Canvas>

现在我想要做的就是摆脱这一行：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; }
    }


}

以便我可以使用我的MVVM还是有另一种可能性？

Answer 1

为了将Polyline Points属性成功绑定到您的viewmodel（即在绑定的PointCollection更改时更新它），您应该避免将PointCollection更改为集合（Clear，Add等）。 Polyline不会注意到，即使使用自定义转换器绑定到ObservableCollection of Points也无济于事。

相反，您应该将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
    }

现在Polyline应该正确更新，祝你好运！

Answer 2

至少有一种方法可以删除grid.DataContext = this;

将Binding to RelativeSource添加到网格本身。在这种情况下，xaml文件看起来像

<Window x:Class="WpfApplication2.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525" xmlns:my="clr-namespace:WpfApplication2">
<Grid Name="grid" DataContext="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=my:MainWindow, AncestorLevel=1}}">
    <Canvas>
        <Polyline Points="{Binding Points}" Stroke="Red" StrokeThickness="2" />
    </Canvas>
</Grid>

背后的代码将是这样的

 using System;
 using System.Collections.Generic;
 using System.Collections.ObjectModel;
 using System.Linq;
 using System.Text;
 using System.Windows;
 using System.Windows.Controls;
 using System.Windows.Data;
 using System.Windows.Documents;
 using System.Windows.Input;
 using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Navigation;
 using System.Windows.Shapes;
 using System.ComponentModel;

 namespace WpfApplication2
 {
    public partial class MainWindow : Window , INotifyPropertyChanged
    {
        public MainWindow()
        {
            InitializeComponent();

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

        private void NotifyPropertyChanged(String info)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(info));
            }
        }

        public PointCollection Points { get { return _points; } }

        public event PropertyChangedEventHandler PropertyChanged;
        private PointCollection _points = new PointCollection();
        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 };


    }
}

Answer 3

启用将更改通知传播到您的绑定，您应该使用实现更改通知的集合，PointCollection不执行此操作。您可以创建自己的集合，但我建议您使用ObservableCollection<T>。

此外，这里有一个类似的SO post，它还涉及一些其他选项，可让用户界面了解您的更改。

Polyline使用DataBinding和PointCollection进行连续更新

3 个答案: