WPF利用Interactive Data Display实现示波器（C#多线程和WPF多线程）

最新推荐文章于 2024-07-01 15:40:32 发布

tengfeipu

最新推荐文章于 2024-07-01 15:40:32 发布

阅读量1.1w

点赞数 7

分类专栏： C# & WPF 文章标签： WPF Interactive Data Display 示波器多线程

本文链接：https://blog.csdn.net/tengfeipu/article/details/81480045

版权

本文档介绍了如何在WPF项目中利用Interactive Data Display库创建一个示波器功能。首先，作者选择了该库作为绘图控件，因为它支持滚动、拖动和缩放等交互。然后，通过Nuget包管理器或下载DLL引入库。在尝试修改示例代码以实现多线程绘图时，遇到UI线程与非UI线程交互的问题，通过Dispatcher.BeginInvoke()或Invoke()解决。最终展示了实现曲线绘图的代码，并提醒读者注意线程关闭时程序未完全结束的问题。

摘要由CSDN通过智能技术生成

2018.8.7（已实现）

首先，今天还没有实现示波器，项目中需要这个功能，在探索中有了一点进展，先记录下来。

首先选择绘图的控件，经过筛选选择了Interactive Data Display，这是微软官方的开源库，github网址为https://github.com/Microsoft/InteractiveDataDisplay.WPF

实现的chart控件，能够相应滑轮、鼠标拖动、放大缩小，很适合作为示波器的背景。

关于Interactive Data Display的引用，可以考虑下载dll文件，或者直接用VS自带的Nuget包管理工具安装，具体教程可百度。

我试着修改了Interactive Data Display项目中的事例，增加了多线程来绘图。

当然还不是示波器期望的图，不过之后的重心放在绘图即可。

xaml代码如下

<Window x:Class="BarChartSample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:d3="clr-namespace:InteractiveDataDisplay.WPF;assembly=InteractiveDataDisplay.WPF"
        mc:Ignorable="d"
        Title="Bar chart" Height="600" Width="800">
    <Grid>
        <d3:Chart Name="plotter">
            <d3:Chart.Title>
                <TextBlock HorizontalAlignment="Center" FontSize="18" Margin="0,5,0,5">Bar chart sample</TextBlock>
            </d3:Chart.Title>
            <d3:BarGraph Name=