WPF示例应用程序展示——图表功能和股票市场演示

下载DevExpress v20.1完整版

通过DevExpress WPF Controls，您能创建有着强大互动功能的XAML基础应用程序，这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。

我们的演示包含了示例应用程序，这些应用程序复制了潜在的实用场景。在DevExpress上一个版本中更新了WPF Stock Market演示并扩展了其功能，本文将总结DevExpress v20.1在金融领域的一些更改，并将在以后的版本中进一步完善此演示。

如果您已经安装了WPF Subscription v20.1，可以通过一下链接来启动演示：dxdemo://WPF/StockMarketTraderDemo

WPF Charts

Stock Market应用程序中的主要视图是“交易图表”，我们使用WPF Chart控件的Candle Stick Series作为价格，并用SSide-by-side Bars作为销量，系列使用panes可帮助生成高级布局。

WPF Chart control配置为在任何时间点最多显示1200个系列点，使用鼠标滚轮根据需要放大和缩小。

十字准线是内置功能，默认情况下，十字线会在标签中显示内容。在此示例应用程序中，我们选择在图表上方的图例中显示十字线内容，以避免UI混乱。

Toolbar是WPF Chart控件的新增功能，在此演示中Toolbar允许用户添加指标/注释并指定所需的时间间隔。

市场深度视图是该演示的新增功能，为了创建此视图，我们使用WPF Chart控件来显示两个 Step Area series - 一个出价（购买订单）、另一个出价（出售订单）。

WPF Grid

WPF Data Grid在屏幕右侧显示原始数据，Order Book包含两个网格，一个网格在另一个网格之上。 排序被禁用，并且每次数据源更新时， MoveLastRow 和MoveFirstRow方法都会将两个网格滚动到最新记录。

条件格式有助于提高数据的可视化和可读性。

App布局

我们使用WPF Tab控件来组织各个UI元素，每个市场股票都显示在单独的标签中，您可以将标签拖动到面板外来创建新的窗口。

当您单击新标签按钮时，它将显示一个包含可用库存的弹出菜单，此菜单是自定义ControlBoxPanelTemplate，它显示GridControl。

WPF Tab控件集成到ThemedWindow中， ThemedWindow支持DevExpress themes，并提供许多自定义选项。 例如将InformationPanel视图放置在HeaderItems集合中来显示市场趋势。

MVVM

我们使用DevExpress MVVM Framework来构建视图和视图模型，该框架使您可以跳过繁琐的步骤，例如通知和命令实现。 DXBinding和DXEvent标记扩展为您提供了易于使用的语法，来根据需要绑定视图和视图模型。

---

DevExpress技术交流群2：775869749      欢迎一起进群讨论

获取第一手DevExpress咨询，尽在DevExpress中文网！