乾貨!DevExpress Winform界面效果實現總結(Part 3)

DevExpress是一家全球知名的控件開發公司, DevExpress也特指此公司出品的控件集合或某系列控件或其中某控件。我們應用最爲廣泛的是基於DevExpress Winform控件組,本文主要總結筆者在Winform開發框架中應用到的各種基於DevExpress Winform界面效果。

13. SplitContainerControl控件的分拆界面

左右分拆的界面佈局效果如下所示。

DevExpress Winform界面效果圖
DevExpress Winform界面效果圖

或者主從表的界面效果:

DevExpress Winform界面效果圖
DevExpress Winform界面效果圖

14. 利用DevExpress的控件實現對PDF、Word、Excel文檔的預覽和操作處理

爲了演示這些控件的處理,我單獨編寫了一個例子,用來實現對PDF、Word、Excel等文檔的處理。

DevExpress Winform界面效果圖

爲了顯示PDF文檔,我們需要在界面裏面添加一個XtraPdfViewer.PdfViewer的控件,這個主要是用來顯示PDF的,它有很多屬性方法,用來實現對PDF的處理操作。

DevExpress Winform界面效果圖
DevExpress Winform界面效果圖

其中RichEditControl能夠較好顯示Word文檔,加載文檔後,界面顯示內容如下所示:

DevExpress Winform界面效果圖

文檔控件很容易支持打印預覽功能,打印預覽的界面如下所示:

DevExpress Winform界面效果圖

對於Excel文檔的預覽和操作,DevExpress控件在最近版本中增加的XtraSpreadsheet.SpreadsheetControl控件就可以實現Excel的顯示和處理操作,這個控件很強大,可以處理很複雜格式的Excel文檔,雖然我原來使用了另外一個FarPoint Spread控件組,不過這個XtraSpreadsheet控件組,如果集成在DevExpress也就很方便了。

DevExpress Winform界面效果圖

這個DevExpress的控件,可以在其中進行Excel的新建、保存、打印預覽等操作,當然也可以打開我們已有的Excel文件了。

打開文件後,界面效果如下所示。

DevExpress Winform界面效果圖

預覽也很方便,和Word的預覽操作類似。

DevExpress Winform界面效果圖

如我在我的《Winform開發框架》、《混合式開發框架裏面》使用的通用附件管理模塊,就是基於這些特點,實現圖片、Excel文檔、Word文檔和PDF等文檔的在線預覽和管理操作,界面截圖如下所示。

DevExpress Winform界面效果圖

15. WizardControl嚮導控件

在一些界面操作裏面,我們可能把它拆分爲幾部進行處理,這個時候引入WizardControl嚮導控件應該是比較不錯的選擇了。多步的處理方式,可以讓用戶避免一次性輸入太多內容的煩躁心情,也可以針對性的校驗部分內容。

我們一般在DevExpress的VS工具欄裏面選擇導航佈局選項卡,就可以找到對應的WizardControl嚮導控件了。

DevExpress Winform界面效果圖

最終我們實現的效果如下所示。

DevExpress Winform界面效果圖
DevExpress Winform界面效果圖

16. 日程控件XtraScheduler

在一些應用場景中,我們可能需要記錄某一天,某個時段的日程安排,那麼這個時候就需要引入了DevExpress的日程控件XtraScheduler了,這個控件功能非常強大,提供了很好的界面展現方式,以及很多的事件、屬性給我們定製修改,能很好滿足我們的日程計劃安排的需求。

整個日程控件,可以分爲日視圖、周視圖、月視圖等等,當然還有一些不常用的時間線、甘特圖等,本例我們來關注控件的使用以及這幾個視圖的處理。先來看看他們的界面效果,如下所示。

日視圖:

DevExpress Winform界面效果圖

在視圖裏面,默認可以打開響應的日程事件進行編輯的。

DevExpress Winform界面效果圖

周視圖:

DevExpress Winform界面效果圖

月視圖:

DevExpress Winform界面效果圖

由於控件,默認也是提供右鍵菜單,對幾種控件視圖進行切換的,如下菜單所示。

DevExpress Winform界面效果圖

17. 背景加按鈕排版,實現更加場景化的功能指引

在一些場景裏面,如一些進銷存的系統裏面,我們往往把一些相關的模塊處理放在一起,如進貨、退貨、庫存調入、調出、產品、庫存、盤點等這些信息,就是一個場景裏面的內容,有時候可以把它們放在一起,但是如果單純的放幾個按鈕,可能會顯得比較單調一些,我們爲了豐富界面效果,把界面設計效果如下所示。

DevExpress Winform界面效果圖

這個界面雖說不是特別華麗,但是也是比僅僅放幾個標準的按鈕來的美觀一些,而且按鈕之間也設置了一些箭頭來指示他們的流程或者從屬關係,因此在一些場合,我們更傾向使用這種直觀、清晰的界面表達方式,同時也增加了一定的美感。

利用圖元的繪圖工具如EDraw Max等等這些來繪製背景,預先留出放置圖標按鈕的位置,我們繪製一個背景如下所示。

DevExpress Winform界面效果圖

繪製好這些背景,截圖出來待用,記住要圖片要預留一定的位置,並且具有一定的畫布大小,我們想圖片按正常方式設爲背景即可,這樣我們在窗口放大的時候,不至於直接看完圖片了,截取出來的圖片,左上角預留一定的位置即可。

在我們預先新建的窗體上面,設置它的BackgroundImage背景圖片,如下圖所示。

DevExpress Winform界面效果圖

18. Winform開發框架介紹

WinForm開發框架詳細瞭解可以訪問:http://www.iqidi.com/Framework/info.html

DevExpress Winform界面效果圖
DevExpress Winform界面效果圖

DevExpress WinForm界面控件| 下載試用

DevExpress WinForm擁有180+組件和UI庫,能爲Windows Forms平臺創建具有影響力的業務解決方案。DevExpress WinForms能完美構建流暢、美觀且易於使用的應用程序,無論是Office風格的界面,還是分析處理大批量的業務數據,它都能輕鬆勝任!

本文轉載自:博客園 - 伍華聰


DevExpress技術交流羣4:715863792      歡迎一起進羣討論

更多DevExpress線上公開課、中文教程資訊請上中文網獲取

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章