WPF真入门教程27--项目案例--设备数据实时监测

1、上图看效果

今天要做的一个案例是这样的效果，它能实时监测车间设备有关数据，并以表格和图形显示在界面上，这个比上个案例要复杂些，颜值也高些，通过这个来巩固wpf的技能，用到了命令绑定，样式资源，表格数据，图形控件livechart。将前面25的内容熟悉起来，就可以自己动手做这个案例了。

2、创建wpf项目

 

3、 UI布局分析

整个界面是一个表格，表格分二行，第一行是标题栏，第二行是数据栏，

第二行分2列，第1列放表格控件，第2列放图形控件

第一行分7列，放7个控件

 

1、 第一行

2、第二行

 

 

WPF中的布局是表格布局风格，通过一个个的细化组合形成UI，完整代码如下，大家可以仔细看看，注释都有，仔细体会下，不算难：

3、样式资源

样式文件就是WEB中的css属性设置，需要精细的考虑，软件的界面就是一个人的颜值，可以看看，用的时候改改。

 

 

4、视图模型

视图模型的意思是指UI界面与后台的哪个模型类绑定起来，业务逻辑由视图模型来决定，前台的UI界面只负责数据的渲染，这里都是命令绑定和属性绑定。

 

 1、命令绑定

2、属性绑定

 

这里是图形的参数绑定后台属性，意思是一样的。注意什么时候用双向，单向。当后台逻辑数据发生更改时，需要更新UI控件就使用双向绑定。

可以看下这些

WPF真入门教程19--对象数据绑定_wpf 查询绑定对象-CSDN博客

WPF真入门教程18--XML数据绑定_wpf xml-CSDN博客

WPF真入门教程17--双向数据绑定_wpf 双向绑定-CSDN博客

WPF真入门教程16--简单数据绑定_wpf中的textblock怎么绑定变量-CSDN博客

WPF真入门教程15--什么是数据绑定？_数据插入的时候提示绑定数值是什么-CSDN博客

5、运行起来

 这里面用到异步task，而不是winform中的定时器。

 希望帮到你，就是我最大的支柱，动动您的金手指，创作不易，整理不易，多多给矛点击支持，发财的小手指动起来。