數據編輯界面如何設計?這個工具瞭解一下

點擊獲取工具>>html

DevExpress擁有.NET開發須要的全部平臺控件,包含600多個UI控件、報表平臺、DevExpress Dashboard eXpressApp 框架、適用於 Visual Studio的CodeRush等一系列輔助工具。數據庫

在Winform程序開發中,界面部分的開發工做量通常是比較大的,特別是表的字段數據比較多的狀況下,數據編輯界面所須要的繁瑣設計和後臺邏輯處理工做量更是直線上升,並且稍不注意,可能不少處理有重複或者錯誤,利用代碼生成工具Database2Sharp設計數據編輯界面能夠極大提升開發效率,減小出錯機會,結合DevExpress的佈局拖動調整,更是如虎添翼,使你從繁瑣的界面設計開發工做中解脫出來,缺乏的只是你的靈感。設計模式

1、數據編輯界面設計步驟

通常狀況下,如無其餘工具的輔助下,咱們須要在界面上放置好相關的界面控件,並調整控件的名稱,調整控件位置佈局,在後臺中逐個編寫控件賦值的顯示代碼和保存到數據庫的賦值語句,特別是控件命名、顯示數據,保存數據這些操做,是很是繁瑣累人的,也是最容易出錯的地方。框架

利用代碼生成工具Database2Sharp,除了能夠快速生成總體Winform開發框架的界面代碼,讓你一秒鐘內就搭建一個完整標準的框架應用,最重要的,Winform界面設計這些繁雜的工做,也可使用它進行完成,不再用拘束於重複的勞動中了,能夠靜下心來找找靈感了。代碼生成工具Database2Sharp的Winform界面代碼生成界面以下所示。工具

WinForm界面開發教程

查詢類和數據編輯類,基本上是咱們設計界面的兩種標準界面,以下所示。佈局

WinForm界面開發教程

因爲這個主查詢界面,利用分頁控件,以及動態生成的條件基本上就能知足要求了,繁瑣的工做主要在數據編輯界面上,本文主要介紹數據編輯界面的設計工做在利用代碼生成工具方面的改進。spa

通常狀況下,咱們利用代碼生成工具生成的界面都是須要調整的,可是界面的控件名稱已經根據字段進行了對應,後臺的數據顯示、輸入驗證、數據保存等須要控件和實體類一一對應的關係,也已經作好了,所作的只須要把界面調整的更加好看便可。設計

因此,生成的界面大體狀況以下所示。orm

WinForm界面開發教程

雖然生成的編輯界面,字段說明做爲控件的標籤,字段名稱做爲控件名稱的部份內容,而且日期和數值控件類型也已經調整好,可是離咱們真正的呈現給用戶的數據編輯界面仍是有必定的距離。htm

沒關係,下面我來演示一下如何實現界面的進一步的調整。

首先,咱們知道,DevExpress的LayoutControl佈局控件,對於其中的控件位置,均可以在設計模式進行動態拖動調整的,以下所示。

WinForm界面開發教程

因而,咱們能夠根據合理的排版佈局,對其中的界面元素拖動到合理的佈局,並增長一些空白的控制位置,或者調整佈局單元的約束類型爲自定義,並設置控件的最大寬度或者高度,這樣能夠合理調整好數據編輯界面。

另外,咱們能夠在設計模式下,控件的右上角上,調整控件爲本身但願的類型,以下所示。

WinForm界面開發教程

經過上面的多樣化調整,咱們能夠最終把界面拖動設計成這個效果。

WinForm界面開發教程

2、多選項卡的數據編輯界面

按照上面這樣的調整流程,對於通常狀況下的數據編輯界面,咱們可能基本知足了要求了,可是對於一些字段輸入比較多的表格,咱們最好可以經過TabControl把不一樣範疇的輸入內容分開,一個選項卡負責一部分數據,這樣能夠有效利用屏幕的空間進行輸入。例如,上面的數據,經過引入一個TabControl, 把病人基本信息和隨訪信息分開,就能夠獲得這樣的運行界面效果。

WinForm界面開發教程

或者更多數據的人員信息的數據編輯界面效果以下所示,經過分門別類,咱們能夠有效管理看似很凌亂的數據內容了。

WinForm界面開發教程

可是,這樣多選項卡的數據編輯界面,咱們可能沒法一下就生成符合要求的界面效果,咱們能夠先總體生成一個所有所需字段的數據編輯界面,就是按照上面的流程同樣生成,而後從新複製一份到一個臨時的窗體裏面做爲備份保留。

在原來的界面上,刪除除第一個選項卡頁面的控件內容,這時候,咱們知道,後臺的對應代碼還保留着這些刪除界面控件的數據顯示、賦值保存的對應關係的代碼,咱們要保留它們,由於咱們不是真的刪除這些關聯的控件。

而後在TabControl中,建立第二個TabPage選項卡頁面,而後在備份保留的窗體界面上,把第一個TabPage選項卡頁面中存在的控件刪除,而後把剩下的其餘控件,所有經過LayoutControl方式複製到第二個TabPage選項卡頁面裏面,這樣整個控件和後臺代碼的關係,就又完整了,若是有更多的控件須要拆分,按照上述的方法從新操做一次便可。

例如,下面的例子源自個人客戶關係管理系統模塊(CRM)中的聯繫人管理,因爲聯繫人信息比較多,我把它分爲了兩個TabPage選項卡頁面進行管理,操做的思路就是用剛纔介紹的方式進行調整的。

WinForm界面開發教程

WinForm界面開發教程

本文轉載自博客園-伍華聰[](https://home.cnblogs.com/u/wu...

相關文章
相關標籤/搜索