WPF界面開發(fā)工具DevExpress WPF示例應(yīng)用程序：具有新的圖表功能和股票市場演示更新

---

下載DevExpress v20.1完整版    DevExpress v20.1漢化資源獲取

通過DevExpress WPF Controls，您能創(chuàng)建有著強(qiáng)大互動功能的XAML基礎(chǔ)應(yīng)用程序，這些應(yīng)用程序?qū)Ｗ⒂诋?dāng)代客戶的需求和構(gòu)建未來新一代支持觸摸的解決方案。

我們的演示包含了示例應(yīng)用程序，這些應(yīng)用程序復(fù)制了潛在的實用場景。在DevExpress上一個版本中更新了WPF Stock Market演示并擴(kuò)展了其功能，本文將總結(jié)DevExpress v20.1在金融領(lǐng)域的一些更改，并將在以后的版本中進(jìn)一步完善此演示。

如果您已經(jīng)安裝了WPF Subscription v20.1，可以通過一下鏈接來啟動演示：dxdemo://WPF/StockMarketTraderDemo

WPF Charts

Stock Market應(yīng)用程序中的主要視圖是“交易圖表”，我們使用WPF Chart控件的Candle Stick Series作為價格，并用SSide-by-side Bars作為銷量，系列使用panes可幫助生成高級布局。

WPF Chart control配置為在任何時間點最多顯示1200個系列點，使用鼠標(biāo)滾輪根據(jù)需要放大和縮小。

十字準(zhǔn)線是內(nèi)置功能，默認(rèn)情況下，十字線會在標(biāo)簽中顯示內(nèi)容。在此示例應(yīng)用程序中，我們選擇在圖表上方的圖例中顯示十字線內(nèi)容，以避免UI混亂。

Toolbar是WPF Chart控件的新增功能，在此演示中Toolbar允許用戶添加指標(biāo)/注釋并指定所需的時間間隔。

市場深度視圖是該演示的新增功能，為了創(chuàng)建此視圖，我們使用WPF Chart控件來顯示兩個 Step Area series - 一個出價（購買訂單）、另一個出價（出售訂單）。

WPF Grid

WPF Data Grid在屏幕右側(cè)顯示原始數(shù)據(jù)，Order Book包含兩個網(wǎng)格，一個網(wǎng)格在另一個網(wǎng)格之上。 排序被禁用，并且每次數(shù)據(jù)源更新時， MoveLastRow 和MoveFirstRow方法都會將兩個網(wǎng)格滾動到最新記錄。

條件格式有助于提高數(shù)據(jù)的可視化和可讀性。

App布局

我們使用WPF Tab控件來組織各個UI元素，每個市場股票都顯示在單獨的標(biāo)簽中，您可以將標(biāo)簽拖動到面板外來創(chuàng)建新的窗口。

當(dāng)您單擊新標(biāo)簽按鈕時，它將顯示一個包含可用庫存的彈出菜單，此菜單是自定義ControlBoxPanelTemplate，它顯示GridControl。

WPF Tab控件集成到ThemedWindow中， ThemedWindow支持DevExpress themes，并提供許多自定義選項。 例如將InformationPanel視圖放置在HeaderItems集合中來顯示市場趨勢。

MVVM

我們使用DevExpress MVVM Framework來構(gòu)建視圖和視圖模型，該框架使您可以跳過繁瑣的步驟，例如通知和命令實現(xiàn)。 DXBinding和DXEvent標(biāo)記擴(kuò)展為您提供了易于使用的語法，來根據(jù)需要綁定視圖和視圖模型。

---

DevExpress技術(shù)交流群2：775869749      歡迎一起進(jìn)群討論

獲取第一手DevExpress咨詢，盡在DevExpress中文網(wǎng)！