DevExpress控件使用詳細說明_第1頁
DevExpress控件使用詳細說明_第2頁
DevExpress控件使用詳細說明_第3頁
DevExpress控件使用詳細說明_第4頁
DevExpress控件使用詳細說明_第5頁
已閱讀5頁,還剩42頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

界面規(guī)范[V]擬制人______________________審核人______________________批準人______________________[二零零七年二月二十六日]日期作者版本備注200范擁華目錄TOC\o1 規(guī)范性 42 系統(tǒng)顏色、字體、圖標 4 設(shè)計參考 43 Form控件布局與間距 5 設(shè)計參考 54 對齊設(shè)置 6 設(shè)計參考 65 BarManager控件 6 實現(xiàn)效果 66 菜單 8 設(shè)計參考 8 實現(xiàn)效果 8 操作步驟 8 實現(xiàn)代碼 97 工具欄 10 設(shè)計參考 10 實現(xiàn)效果 10 操作步驟 108 StatusBars控件 11 設(shè)計參考 11 實現(xiàn)效果 11 操作步驟 119 控件 11 網(wǎng)格控件 11 GridControl 11 GridControl描述 11 GridControl特殊屬性 16 GridView 21 實現(xiàn)效果 22 操作步驟 22 屬性設(shè)置 22 CardView 22 實現(xiàn)效果 23 操作步驟 23 CarView屬性設(shè)置 23 BandedGridView 24 實現(xiàn)效果 24 操作步驟 24 實現(xiàn)代碼 25 屬性設(shè)置 25 ColumnEdit列 25 AdvBandedGridView 26 實現(xiàn)效果 27 操作步驟 27 實現(xiàn)代碼 27 屬性設(shè)置 28 XtraLayout控件 28 特性 28 實現(xiàn)效果 28 操作步驟 28 XtraTab控件 29 設(shè)計參考 29 效果及代碼 29 PivotGrid控件 29 實現(xiàn)效果 30 操作步驟 30 XtraTreeList控件 31 實現(xiàn)效果 31 操作步驟 32 實現(xiàn)代碼 33 屬性設(shè)置 34 LookUpEdit控件 34 實現(xiàn)效果 34 操作步驟 34 GridLookUpEdit控件 35 設(shè)計參考 35 實現(xiàn)效果 35 操作步驟 36 GridPrint控件 37 實現(xiàn)效果 37 Button控件 40 設(shè)計參考 40 CheckBox控件 40 設(shè)計參考 40 GroupBox控件 40 設(shè)計參考 40 Label控件 41 設(shè)計參考 41 listBox控件 41 設(shè)計參考 41 ListView控件 41 設(shè)計參考 4110 界面輸入控制 41 設(shè)計參考 4111 彈出子窗體 42 設(shè)計參考 4212 消息框設(shè)置 42 設(shè)計參考 4213 向?qū)褂迷瓌t 43 設(shè)計參考 4314 Tab鍵和快捷鍵設(shè)置 43 設(shè)計參考 4315 系統(tǒng)響應(yīng)時間 44 設(shè)計參考 4416 登陸窗體與主界面 44 設(shè)計參考 4417 系統(tǒng)幫助設(shè)置 44 設(shè)計參考 4418 附錄 44規(guī)范性通常界面設(shè)計都按Windows界面的規(guī)范來設(shè)計,即包含“菜單條、工具欄、工具箱、狀態(tài)欄、滾動條、右鍵快捷菜單”的標準格式,可以說:界面遵循規(guī)范化的程度越高,則易用性相應(yīng)的就越好。系統(tǒng)顏色、字體、圖標設(shè)計參考Form背景顏色缺省為"#EFEFEF",大型系統(tǒng)常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C前景與背景色搭配合理協(xié)調(diào),反差不宜太大,最好少用深色,如大紅、大綠等。如果使用其他顏色,主色要柔和,具有親和力與磁力,堅決杜絕刺目的顏色。中文采用標準字體,“宋體”、宋體的小五號字(9磅)、黑色。菜單和狀態(tài)條中通常使用10號字。字體的大小要與界面的大小比例協(xié)調(diào),通常使用的字體為宋體9-12較為美觀,很少使用超過12號的字體。避免使用粗體和斜體用粗體來吸引人的注意,用斜體表示著重,但還是要少使用。避免混合字體任何不包含文檔的窗口最多包含兩種不同的字體。不要用字母全為大寫的單詞,這樣看起來像在沖用戶大喊大叫一樣。界面風格要保持一致,字的大小、顏色、字體要相同,除非是需要藝術(shù)處理或有特殊要求的地方。不同界面中的同一功能應(yīng)該使用同樣的圖標和圖片。圖標、圖片的色調(diào)、風格盡量保持一致,隱喻應(yīng)能確切表示功能的含義。有標準的圖標風格設(shè)計,有統(tǒng)一的構(gòu)圖布局,有統(tǒng)一的色調(diào)、對比度、色階,以及圖片風格。Form控件布局與間距設(shè)計參考應(yīng)該將重要信息放在上面和左邊。左上角最容易吸引起人們的注意力。用戶首先要看到或操作的控件設(shè)置焦點。屏幕不能擁擠,擁擠的屏幕讓人難以理解,因而難以使用。讓人看上去,不能太擁擠,也不能太松散。布局要合理,不宜過于密集,也不能過于空曠,如果沒有其他內(nèi)容,那么應(yīng)盡量使窗口小一些。按功能將界面劃分局域塊,完成相同或相近功能的按鈕用Frame框起來,并要有功能說明或標題。控件與窗體的上、下、左、右邊距保持10pix,Label與文本框間距保持10pix。整個項目,采用統(tǒng)一的控件間距,通過調(diào)整窗體大小達到一致,即使在窗體大小不變的情況下,寧可留空部分區(qū)域,也不要破壞控件間的行間距。同一界面上的控件數(shù)最好不要太多,太擠時可以考慮使用分頁界面顯示,分頁界面要支持在頁面間的快捷切換,常用組合快捷鍵Ctrl+Tab.DevExpress中LayoutControl布局網(wǎng)格有助于您在不同的窗口之間實現(xiàn)一致性,控件size隨Form縮放。控件長寬接近黃金點比例,切忌長寬比例失調(diào)、或?qū)挾瘸^長度。按鈕的大小要與界面的大小和空間要協(xié)調(diào),按鈕大小基本相近,忌用太長的名稱,免得占用過多的界面位置,避免空曠的界面上放置很大的按鈕。界面空間較小時使用下拉框而不用選項框。選項數(shù)較少時使用選項框,相反使用下拉列表框。使用縮進和文本來輔助理解;避免水平滾動條,與垂直滾動條不同,水平滾動條并不受歡迎,因為它會使項目閱讀起來比較困難。應(yīng)用程序應(yīng)該保持為最大化當應(yīng)用程序占用整個屏幕時,常常能夠提高用戶的工作效率。窗體最小化和最大化時,窗體上的控件也要隨著窗體而縮放。FORM要保持一至的界面風格、如背景色、字體、字的大小。對齊設(shè)置設(shè)計參考左對齊:一般文字、單個數(shù)字、日期等。右對齊:數(shù)字、時間、日期加時間。通常,使用左對齊來使用戶界面控件更易于瀏覽。對于數(shù)值文本,應(yīng)該使用小數(shù)點對齊或右對齊。對于非數(shù)值文本,應(yīng)該避免使用右對齊或居中對齊。不必對什么都使用中間對齊,或者使它們保持對稱形式。在右邊或底部保留空白區(qū)域更適合習慣。BarManager控件BarManager控件,一改VisualStudio2005MenuStrip,ToolStrip,StatusStrip三分天下局面,而把三個控件揉合在BarManager中統(tǒng)一管理。實現(xiàn)效果BarManager菜單新增時的項:菜單,工具,狀態(tài)欄中的分隔符不再是VisualStudio2005中添加‘——’來實現(xiàn),而是勾選BeginaGroup時出現(xiàn)分隔符。菜單,工具,狀態(tài)欄要用到圖標,必須在BarManager的Images中設(shè)置imageList對象,在要用到處的ImageIndex指定索引。菜單設(shè)計參考菜單通常采用“常用--主要--次要--工具--幫助”的位置排列,符合流行的Windows風格。常用的有“文件”、“編輯”,“查看”等,幾乎每個系統(tǒng)都有這些選項,當然要根據(jù)不同的系統(tǒng)有所取舍。如果菜單選項較多,應(yīng)該采用加長菜單的長度而減少深度的原則排列,菜單深度一般要求最多控制在三層以內(nèi)。主菜單的寬度要接近,字數(shù)不應(yīng)多于四個,每個菜單的字數(shù)能相同最好。菜單前的圖標能直觀的代表要完成的操作,圖標不宜太大,與字高保持一致最好。完成相同或相近功能的菜單用橫線隔開放在同一位置。保持菜單穩(wěn)定,將無效菜單置為不可用,而不要刪除它們。用省略號來表示需要更多信息。用復(fù)選標記來開關(guān)選項,用單選組來改變模式。常用菜單要有命令快捷方式.分配訪問鍵,訪問鍵使用戶可以手不離開鍵盤進行操作。右鍵快捷菜單采用與菜單相同的準則。幫助菜單的“關(guān)于”中應(yīng)有版權(quán)和產(chǎn)品信息。實現(xiàn)效果操作步驟普通菜單:從工具箱中拉barManager到主窗體中。點擊clickheretoaddmainmenu。選擇上下文菜單中的Menu(BarSubItem),Caption屬性設(shè)置為"系統(tǒng)管理"。點擊"系統(tǒng)管理",Addnewitme,在上下文菜單中選擇button(BarButtonItem),Caption屬性設(shè)置為"重登錄"。點擊"系統(tǒng)管理",Addnewitme,在上下文菜單中選擇Menu(BarSubItem),Caption屬性設(shè)置為審核流程管理。添加下級菜單過程重復(fù)上一步。添加分隔符。在審核流程管理菜單項上右鍵,選擇上下文菜單中選擇beginagroup.菜單項BarButtonItem的事件為ItemClick.帶圖標的菜單:從工具箱中拉imagelist到Form中,添加imagelist1位圖。為barmanager1屬性Images設(shè)置imagelist1。為添加圖標的菜單項的ImageIndex屬性選擇圖標索引。PopupMenu右鍵菜單.PopupMenu快捷菜單如圖:操作步驟:從工具箱中拖barManager控件到form上。把popupMenu拖到form上。在popupMenu上右鍵選Customize彈出如下界面,不要點擊New按鈕,而是在PopupMenuEditor下加上要出現(xiàn)的菜單項。在要出現(xiàn)快捷菜單的控件上右鍵屬性BarManager上的,選中popupMenu,完成設(shè)置。實現(xiàn)代碼主菜單實現(xiàn)代碼BarManagerbarManager1=newDevExpress.XtraBars.BarManager();DevExpress.XtraBars.Barbar1=newDevExpress.XtraBars.Bar();barManager1.Bars.AddRange(newDevExpress.XtraBars.Bar[]{this.bar1});bar1添加菜單項BarSubItemobjSubMenuItem=newBarSubItem();objSubMenuItem.Name=“objSubMenuItem1”objSubMenuItem.Caption=“系統(tǒng)管理”;.Add(objSubMenuItem);“系統(tǒng)管理”菜單添加子菜單項BarButtonItemobjMenuItem=newBarButtonItem();objMenuItem.Name=“objMenuItem1”objMenuItem.Caption=“重登錄”;.Add(objMenuItem);工具欄設(shè)計參考工具欄Button的Size大小為42,39。采用大工具欄按鈕、工具欄應(yīng)該只包含幾個帶有描述性文字和圖形的顯眼命令,工具欄的圖標能直觀的代表要完成的操作。相同或相近功能的工具欄放在一起。工具欄中的每一個按鈕要有及時提示信息,工具提示幫助用戶了解工具欄按鈕的作用。保持工具欄穩(wěn)定,將無效的工具欄按鈕置為不可用,而不是將它刪除。提供顯示或隱藏工具欄選項。工具欄太多時可以考慮使用工具箱。實現(xiàn)效果操作步驟從工具箱中拉barManager到MainForm中。點擊clickheretoaddtoolbar,添加一個工具條。點擊addnewitem,在上下文菜單中選擇largebutton(barlargebuttonitem),設(shè)置caption屬性為"首筆",MinSize(42,39)設(shè)置高與寬。從工具箱中拉imagelist到Form中,添加imagelist1位圖。為barmanager1屬性Images設(shè)置imagelist1。設(shè)置"首筆"工具圖標,為屬性imageindex選擇圖標索引,panitstyle屬性選擇CaptionGlyph。圖片和文字有4種顯示方式,在barButtonItem的屬性PaintStyle可選擇,Standard(只顯示圖片),Caption(只顯示文字),CaptionInMenu(顯示圖片),CaptionGlyph(圖片跟文字一起顯示)。在二個工具間添加分隔符,在"首筆"按鈕右鍵菜單中選擇beginagroup。去掉工具默認最右側(cè)的一欄,Bar\Optionsbar\AllowQuickCustomization=false。工具欄的事件為ItemClick.工具欄整行顯示,選擇bar工具條,設(shè)置OptionsBar/UseWholeRow=true工具條固定在頂部不允許浮動或拖動到其它的地方,選擇bar工具條,設(shè)置CanDockStyle只選一個top,去掉其它的選項,DockStyle=top??丶膱D標去掉背景顏色,在VisualStudio2005的ImageList有一個屬性TransparentColor可以處理。StatusBars控件設(shè)計參考狀態(tài)條要能顯示用戶切實需要的信息,常用的有:

目前的操作、系統(tǒng)狀態(tài)、用戶位置、用戶信息、提示信息、錯誤信息等,如果某一操作需要的時間較長,還應(yīng)該顯示進度條和進程提示。狀態(tài)條的高度以放置五號字為宜,滾動條的寬度比狀態(tài)條的略窄。

實現(xiàn)效果操作步驟從工具箱中拉barmanager到form中。點擊clickheretoaddstatusbar。點擊addnewitem在上下文菜單中選擇StaticText(BarStaticItem)。設(shè)置caption屬性為公司名稱:選擇Border屬性style3d。設(shè)置AutoSize屬性為Content(內(nèi)容),Spring(擴展到最大寬度)??丶W(wǎng)格控件GridControlGridControl描述GridControl是一個功能強大,可定制性強的網(wǎng)格控件。允許你用GridView、CardView、BandedView、AdvBandedView任何一種方式來呈現(xiàn)數(shù)據(jù)。GridView是最普通、最常用的一種。CardView顯示的效果是卡片式的,一條記錄一個卡片。BandedView則體現(xiàn)在網(wǎng)格可復(fù)雜表頭。AdvBandedView主要特色是一條數(shù)據(jù)的二個字段可做到垂直,也就是字段的放置可以不在一條水平線上(其它三種不行)。您會發(fā)現(xiàn),超強的功能后面是無數(shù)的屬性設(shè)置,下面是主要的設(shè)計時界面。序號屬性屬性說明在GridView1\Views\OptionsCustomization有一些屬性設(shè)置1AllowColumnMoving是否允許列改變位置。2AllowColumnResizing是否允許列改變寬度。3AllowFilter列標題是否出現(xiàn)過濾的下拉列表。4AllowGroup網(wǎng)格是否允許按某一字段分組。5AllowRowSizing是否允許改變網(wǎng)格的行高。6AllowSort是否允許單擊列標題進行排序。在GridView1\Views\OptionsMenu有一些屬性設(shè)置7EnableColumnMenu顯示與隱藏列標題右鍵菜單。8EnableFooterMenu顯示與隱藏網(wǎng)格腳的右鍵菜單。9EnableGroupPanelMenu顯示與隱藏網(wǎng)格組面板的右鍵菜單。在GridView1\Views\OptionsSelect有一些屬性設(shè)置10MultiSelect是否允許選擇數(shù)行。11MultiSelectMode數(shù)行選擇的方式(CellSelect,RowSelect)。在GridView1\Views\OptionsView有一些屬性設(shè)置12AllowCellMerge是否允許網(wǎng)格相鄰單元格數(shù)據(jù)相同時合并為一個單元格。13ColumnAutoWidth網(wǎng)格的各列按網(wǎng)格的總寬自動調(diào)整寬度。14NewItemRowPosition網(wǎng)格新增行時所在位置(Bottom,Top,None)。15RowAutoHeight網(wǎng)格的行高根據(jù)單元格中字數(shù)的多少自動調(diào)整高度。16ShowAutoFilterRow在網(wǎng)格中顯示過濾的空白行。17ShowFooter顯示與隱藏網(wǎng)格的腳面板。18ShowIndicator顯示與隱藏網(wǎng)格左側(cè)的標識列。19ShowHorzLines顯示與隱藏網(wǎng)格的水平網(wǎng)格線。20ShowVertLines顯示與隱藏網(wǎng)格的垂直網(wǎng)格線。在GridView1\Views有一些屬性設(shè)置21FooterPanelHeight網(wǎng)格腳面板的高度。22RowHeight網(wǎng)格的行高。在GridView1\Columns\OptionsColumn有一些屬性設(shè)置。23ReadOnly列是否只讀。在GridView1\Columns有一些屬性設(shè)置。24SummaryItem\SummaryType列匯總的類型(Sum,Max,Min,Averageetc)。25Fixed列固定位置(Left,Right,None)。GridControl數(shù)據(jù)綁定26設(shè)置網(wǎng)格的數(shù)據(jù)源,綁定數(shù)據(jù)一.GridControl以GridView、CardView、BandedGridView、AdvBandedGridView四種網(wǎng)格形態(tài)來呈現(xiàn)數(shù)據(jù),下圖是它的繼承關(guān)系圖。二.GridControl控件屬性,從工具箱中拖GridControl進入界面,如下圖:點擊Clickheretochangeview可以在四種網(wǎng)格類型中切換,它們的區(qū)別是GridView是普通網(wǎng)格,BandedGridView有Band,一個Band可以包含幾個字段,advBandedGridView除了BandedGridView功能之外,二個或多個字段可垂直堆放,表頭能設(shè)計得更復(fù)雜,GardView則顯示成員工卡片樣的風格。在控件的屬性中datasource設(shè)置數(shù)據(jù)源。點擊上圖的RunDesigner或是在上圖右鍵菜單中選擇RunDesigner,彈出設(shè)計界面如下:左側(cè)導(dǎo)航條各按鈕的主要功能:Main/Views主要控制控件的一些整體的行為,如是否允許列上出現(xiàn)右鍵菜單,是否網(wǎng)格第一行出現(xiàn)過濾行,是否出現(xiàn)定制的彈出窗口等。Main/Columns添加定制列,如列是否允許編輯等。Main/FeatureBrowser瀏覽gridControl網(wǎng)格的所有屬性,如列信息,匯總信息,列的行為,排序etc。Main/Layout網(wǎng)格的版面設(shè)計,在設(shè)置好屬性后,網(wǎng)格的呈現(xiàn),可以保存當前的網(wǎng)格版面到XML文檔,也可以從XML文檔導(dǎo)入。Main/GroupSummaryItems指定分組的字段及統(tǒng)計類型(最大值,平均值,求和etc)。Appearance/appearances網(wǎng)格按區(qū)域(band)設(shè)計顏色字體等風格。Appearance/StyleConditions當某一列當前行的值為XXX條件時,格式化特殊顯示如背景紅色。Appearance/StyleSchemes為當前網(wǎng)格披上外衣,顯示格式化。Repository/ViwRepository瀏覽gridControl所有View(gridview,cardview一個網(wǎng)格可以有多個View)的屬性和行為。Repository/ViwRepository網(wǎng)格中有TextEdit列時,編輯框的行為。Printing/PrintAppearances設(shè)置網(wǎng)格各band面板的背景,前景及文本對齊等打印屬性。Printing/PrintingSettings設(shè)置網(wǎng)格各band面板是否允許打印出來。往往我們需要關(guān)注是Main欄的Views,Columns,GroupsummaryItems這三個項。下面分別來看看它們的屬性。Views屬性O(shè)ptions有很多可以由我們自由控制的選項,如允許編輯列etcOptions/OptionsBehavior網(wǎng)格的行為控制,如滾動條的顯示,展開組數(shù)據(jù)行。Options/OptionsCustomization網(wǎng)格的一些控制,列能不能拖動etc。Options/OptionsDetail行數(shù)據(jù)的子表顯示行為的控制。Options/OptionsFilter行過濾,過濾窗口列表的控制,如列寬度及顯示行數(shù)。Options/OptionsHints單元格及列標題是否允許提示。Options/OptionsLayout列的控制。Options/OptionsMenu網(wǎng)格的列,網(wǎng)格腳,列分組的右鍵菜單是否顯示。Options/OptionsNavigate控制光標,是否響應(yīng)Tab鍵事件etc。Options/OptionsPrint網(wǎng)格的各Band面板是否允打印出來。Options/OptionsSelection是否允許選中多行等etc.Options/OptionsView可控制項最多,大部分操作都在這里,是否自動行高,過濾行是否出現(xiàn)etc.AllowCellMerge=ture允許單元格合并(同一列相鄰的幾行數(shù)據(jù)相同時,會合并只顯示一個數(shù)據(jù)。)NewItemRowPosition=(Top,Bottom)設(shè)置新增行時,是在網(wǎng)格的頂部還是底部。ShowAutoFilterRow=ture在網(wǎng)格標題下會出現(xiàn)過濾行。便于檢索數(shù)據(jù)。ShowColumnHeader=false網(wǎng)格標題頂部隱藏Header面板的出現(xiàn)。ShowFooter=true網(wǎng)格底部出現(xiàn)顯示匯總信息的面板。在OptionMenus下的EnableColumnMenu,EnableFootMenu,EnableGroupPanelMenu設(shè)置為False不會在列標題,網(wǎng)格腳,組面板出現(xiàn)右鍵菜單。Column屬性如果在設(shè)計模式下設(shè)定網(wǎng)格的datasource則Fieldlist會出現(xiàn)表中的所有字段。如果datasource是用代碼綁定的,則此處為空,可以點擊Add增加字段,在屬性FieldName輸入表中的字段。如果字段允許編輯的話,在ColumnEdit選擇編輯的類型(文本框,按鈕,下拉窗etc),如果不允許編輯在OptionsColumn/AllowEdit=false(不出現(xiàn)編輯控件如日期選擇控件)也可以設(shè)置OptionsColumn/ReadOnly=false(出現(xiàn)編輯控件但不能改值)。如果要整個網(wǎng)格控件列都不允許編輯,只能一個字段一個字段把AllowEdit屬性設(shè)置為false了。是否可讓字段分組OptionsColumn/AllowGroup=false。列寬的Width=200GroupsummaryItems屬性如果要在網(wǎng)格腳增加一些匯總信息,可點擊GroupsummaryItems按鈕,在它的屬性里clickAdd按鈕,設(shè)置FieldName=字段,選擇SummaryType=(Sum,Min,Max,Count,etc)。Appearance欄定制網(wǎng)格各部分顏色與漸變色。StyleSchema則是選擇網(wǎng)格的風格:三.如果您的網(wǎng)格切換到advBandedGridView或BandedGridView,則會在Main中多一個Bands項,如下:要添加復(fù)雜表頭的標題可點擊AddNewBand按鈕,在屬性caption設(shè)置要顯示的標題,在AppearanceHeader/TextOptions/Haligment=(Near,Center,Far)可設(shè)置標題對齊方式。ShowColumnsSelector顯示字段或Band的容器,可把字段拖到上面的網(wǎng)格中。DeleteSelectedBand刪除光標所在的Band,Band中的字段會放在ShowColumnsSelector彈出的容器中。GridControl特殊屬性一.顯示與隱藏GroupPanel面板,如果數(shù)據(jù)的顯示要以某一字段分組來顯示,用戶可以拖動網(wǎng)格中的字段到Dragacolumnheaderheretogroupbythatcolumn。實現(xiàn)代碼:this.gridView1.OptionsView.ShowGroupPanel=checkEdit1.Checked;二.顯示與隱藏網(wǎng)格腳端的匯總值(最大值,平均值,求和等),如下:實現(xiàn)上圖網(wǎng)格腳匯總信息所示效果,界面操作步驟如下:從工具箱中拖GridControl控件到form上。單擊控件上的RumDesigner,點擊彈出窗口的Views,右鍘屬性欄OptionsView/Showfooter=false,此處還可以設(shè)置的屬性有,AllowCellMerge.實現(xiàn)代碼: 顯示網(wǎng)格腳this.gridView1.OptionsView.ShowFooter=checkEdit2.Checked; 計算匯總信息this.gridView1.GroupSummary.AddRange(this.gridView1.GroupSummary.AddRange(newDevExpress.XtraGrid.GridSummaryItem[]newDevExpress.XtraGrid.GridGroupSummaryItem(DevExpress.Data.SummaryItemType.Count,"OrderID",this.gridView1.Columns["OrderID"],""),newDevExpress.XtraGrid.GridGroupSummaryItem(DevExpress.Data.SummaryItemType.Max,"Freight",this.gridView1.Columns["Freight"],"")});this.gridView1.Columns["OrderID"].SummaryItem.SummaryType=DevExpress.Data.SummaryItemType.Count;this.gridView1.Columns["Freight"].SummaryItem.SummaryType=DevExpress.Data.SummaryItemType.Max;三.網(wǎng)格某一列相鄰幾個單元格值相同時自動合并,如下:實現(xiàn)代碼: this.gridView1.OptionsView.AllowCellMerge=checkEdit4.Checked;四.列字段是否允許編輯狀態(tài),如下:實現(xiàn)上圖所示效果,界面操作步驟如下:從工具箱中拖GridControl控件到form上。單擊控件上的RumDesigner,點擊彈出窗口的Columns,右鍘屬性欄OptionsColumn/AllowEdit=false,此處還可以設(shè)置的屬性有,ReadOnly.實現(xiàn)代碼: this.gridView1.Columns[2].OptionsColumn.AllowEdit=checkEdit8.Checked;五.禁用與啟用某一列列標題上的右鍵菜單,如下:實現(xiàn)上圖所示效果,界面操作步驟如下:從工具箱中拖GridControl控件到form上。單擊控件上的RumDesigner,點擊彈出窗口的Views,右鍘屬性欄OptionsMenu/EnableFooterMenu=false,此處還可以設(shè)置的屬性有,EnableColumnMenu.EnableGroupPanelMenu實現(xiàn)代碼: this.gridView1.OptionsMenu.EnableColumnMenu=checkEdit5.Checked;六.是否啟用網(wǎng)格腳的右鍵菜單,如下:實現(xiàn)代碼: this.gridView1.OptionsMenu.EnableFooterMenu=checkEdit6.Checked;七、GridControl網(wǎng)格都支持自動過濾功能:實現(xiàn)代碼: thisptionsView.ShowAutoFilterRow=checkEdit1.Checked;八、GridControl網(wǎng)格都支持運行時定制列的功能。訂單與訂單信息是Band,每個字段都要放于Band中,運行時可以調(diào)出Customization小窗口,用戶可以把Band拖到網(wǎng)格,Column拖到Band下,定制復(fù)雜的網(wǎng)格,如下:實現(xiàn)代碼: boolshow=false; privatevoidsimpleButton1_Click(objectsender,EventArgse){show=!show;ShowColumnSelector(show);}///顯示隱藏privatevoidShowColumnSelector(boolshowForm){if(show){="HideColumns&Selector";advBandedGridView1.ColumnsCustomization();//showform}else{simpleButton1.Text="ShowColumns&Selector";advBandedGridView1.DestroyCustomization();//hidesmallform}}GridViewGridView是GridControl四種類型網(wǎng)格中最常用的一種,主要特性有:支持主從表數(shù)據(jù)展示,支持按字段分組,排序和過濾數(shù)據(jù),運行時用戶定制列,數(shù)行選擇。實現(xiàn)效果操作步驟從工具箱中拖GridControl控件到form上。顯示GroupPanel,單擊控件上的RumDesigner,點擊彈出窗口的Views,右鍘屬性欄OptionsView/ShowGroupPanel=true。添加列,單擊控件上的RumDesigner,彈出窗口,單擊Columns,在右側(cè)單擊Add按鈕,添加一列,默認列名為gridColumn1,您此時可以修改列的Name和Caption,Width屬性,F(xiàn)ieldName設(shè)置為數(shù)據(jù)集dataset表中對應(yīng)的字段。依次,添加所有的列。綁定數(shù)據(jù)源。屬性設(shè)置GridColumn.Fixed固定字段在網(wǎng)格的左邊或右邊,路徑:GridView1\Columns\GridColumn1。GridOptionView.RowAutoHeigh行隨單元格內(nèi)容的多少決定行高。路徑:GridView1\Views\OptionsView。CardViewCardView數(shù)據(jù)顯示在卡片中,每個卡片中顯示單一的一條記錄。主要特性有:設(shè)計或運行時布局定制,排序記錄,過濾記錄,多記錄卡選擇。實現(xiàn)效果操作步驟從工具箱中定位到GridControl控件,并拖到form上。單擊控件上的clickheretochangeview選擇Convertto選擇子菜單CarView,列添加請轉(zhuǎn)到GridView部分查看。CarView屬性設(shè)置ShowCardCaption卡標題可見開關(guān)設(shè)置,路徑:CarView1\Views\OptionsView。CardCaptionFormat卡標題格式化,默認RecordN{0},設(shè)置{1}{2}顯示第一第二列的值,路徑:CarView1\Views。ShowCardExpandButton卡數(shù)據(jù)收藏與擴展開關(guān),路徑:CarView1\Views\OptionsView??ㄆ谶\行時,點擊Customize,出現(xiàn)下拉頁,用戶可以勾選要出現(xiàn)在卡片上的字段,達到動態(tài)的效果,如下: Customize按鈕也可以屏蔽,單擊控件上的RumDesigner,點擊彈出窗口的Views,右鍘屬性欄OptionsView/ShowQuickCustomizeButton設(shè)置為false。BandedGridViewBandedGridView提供Band元素組織Columns邏輯分組。實現(xiàn)效果操作步驟在form上添加GridControl在GridControl上的clickheretochangeview單擊ConverttoBandedGridView添加復(fù)雜表頭點擊AddNewBand按鈕,在按鈕上方的預(yù)覽網(wǎng)格上會出現(xiàn)一個gridBand1,在屬性caption設(shè)置要顯示的標題,在AppearanceHeader/TextOptions/Haligment=(Near,Center,Far)可設(shè)置標題對齊方式。您此時可以拖字段到gridBand1下面,如果設(shè)計模式下已經(jīng)綁定到了數(shù)據(jù)源,但看不到一個字段,可以點擊ShowColumnsSelector,在彈出的小窗口Columns中,有數(shù)據(jù)源的字段,您可以拖它們到預(yù)覽網(wǎng)格的gridBand1下,也可以增加多個gridBand。如要刪除gridBand,請單擊DeleteSelectedBand,如果gridBand下面有字段,也會一起消失不見,但不是真正的刪除了,而是收藏在ShowColumnsSelector彈出窗口的Columns中,您可以再次把它拉到網(wǎng)格中。如果用代碼綁定數(shù)據(jù)源:repositoryItemLookUpEdit1.DataSource=dsOrder.Tables["Orders"];AdvBandedGridView復(fù)雜表頭的實現(xiàn),跟上面一樣,將不再贅述。實現(xiàn)代碼//obtainingthemainviewandclearingitsbandscollectionBandedGridViewview=gridControl1.MainViewasBandedGridView;view.Bands.Clear();//creatingthebandslayoutGridBandbandGeneral=view.Bands.Add("GeneralInfo");GridBandbandTechnical=view.Bands.Add("TechnicalInfo");GridBandbandEngine=bandTechnical.Children.Add("EngineInfo");GridBandbandTransmission=bandTechnical.Children.Add("TransmissionInfo");//assigningcolumnstobandscolTrademark.OwnerBand=bandGeneral;colModel.OwnerBand=bandGeneral;colLiter.OwnerBand=bandEngine;colCylinders.OwnerBand=bandEngine;colSpeedCount.OwnerBand=bandTransmission;colTransmission.OwnerBand=bandTransmission;屬性設(shè)置屬性,假如向下沒Band,Band高度自動垂直向下延伸,路徑:BandedGridView1\Bands\GridBand1。屬性,Band高度占用幾行,實際是設(shè)置行高,路徑:BandedGridView1\Bands\GridBand1。屬性,設(shè)置Band向網(wǎng)格的左邊緣或右邊緣固定不動。路徑: BandedGridView1\Bands\GridBand1。ColumnEdit列列的ColumnEdit下拉列表框有二種,LookUpEdit和GridLookUpEdit。LookUpEdit只能在單元格中輸入文本來過濾數(shù)據(jù),GridLookUpEdit除了在單元格中輸入文本外,還能在下拉的網(wǎng)格中有一個行過濾的功能,每一個字段都可以過濾。當然單元格也能設(shè)定為不能編輯,而只讓下拉網(wǎng)格中的列中的數(shù)據(jù)來過濾。其實二者都可以實現(xiàn)同樣的效果,但GridLookUpEdit提供更復(fù)雜的功能實現(xiàn),有更多的可控性。下拉網(wǎng)格的類型還可以為復(fù)雜表頭。如下圖:OrderID下拉框?qū)崿F(xiàn)效果,界面操作步驟如下:在form上添加GridControl.默認上面網(wǎng)格添加了OrderID,CustomerID,OrderDate,F(xiàn)reight等字段。在Columns的列表中選中OrderID字段,右側(cè)屬性ColumnEdit點開下拉,再點開New,選中樹中的LookUpEdit,ColumnEdit賦值為repositoryItemLookUpEdit1。在添加repositoryItemLookUpEdit1的列,展開ColumnEdit節(jié)點。點擊Columns右鍘的按鈕,彈出窗口,點添加(A)設(shè)置FieldName="LastName",Caption,width。再添加一列CompanyName.設(shè)置repositoryItemGridLookUpEdit的DataSource的數(shù)據(jù)源,DisplayMember顯示的數(shù)據(jù),ValueMember單元格的值,PopupFormWidth的彈出窗口的大小,etc。TextEditStyle設(shè)置為tandard,單元格允許編輯,光標出現(xiàn),單元格的文本可以編輯。設(shè)置為DisableTextEditor,單元格只能輸入,不能刪除,光標也不在單元格中出現(xiàn)。綁定數(shù)據(jù)源repositoryItemGridLookUpEdit1.DataSource=dsOrder.Tables["Orders"];GridLookUpEdit與repositoryItemGridLookUpEdit為同一控件,只是 repositoryItemGridLookUpEdit為GridControl所引用.AdvBandedGridViewAdvBandedGridView從BandedGridView繼承,是子類,它繼承BandedGridView的所有功能,再擴展。實現(xiàn)效果操作步驟在form上添加GridControl在GridControl上的clickheretochangeview單擊ConverttoAdvBandedGridView。實現(xiàn)代碼在Load事件中添加下面的代碼://assigningcolumnstobandscolTrademark.OwnerBand=bandGeneral;colModel.OwnerBand=bandGeneral;colLiter.OwnerBand=bandTechnical;colCylinders.OwnerBand=bandTechnical;colSpeedCount.OwnerBand=bandTechnical;colTransmission.OwnerBand=bandTechnical;colPrice.OwnerBand=bandPrice;//changingthecolumnslayoutwithinbandsDevExpress.XtraGrid.Views.BandedGrid.AdvBandedGridViewview=colTrademark.ViewasDevExpress.XtraGrid.Views.BandedGrid.AdvBandedGridView;view.SetColumnPosition(colTrademark,0,0);view.SetColumnPosition(colModel,1,0);view.SetColumnPosition(colLiter,0,0);view.SetColumnPosition(colCylinders,0,1);view.SetColumnPosition(colSpeedCount,1,0);view.SetColumnPosition(colTransmission,1,1);//forcingthePricecolumntostretchitsheaderifneededcolPrice.AutoFillDown=true;屬性設(shè)置屬性,Column所屬Band的列位置。屬性,Column所屬Band的行位置。XtraLayout控件特性界面縮放,里面的控件自動縮放??丶詣訉R。幾個控件成組或Tab頁,取消組或取消Tab頁。界面縮放時,鎖定控件的大小。運行時,用戶自定義界面各控件的位置,保存和導(dǎo)入設(shè)置的布局。實現(xiàn)效果操作步驟在工具箱中定位到layoutControl控件,拖進FORM。選中l(wèi)ayoutControl,按F4鍵,設(shè)置Dock屬性為Fill。在工具箱中定位到TextEdit拖入layoutControl控件中(創(chuàng)建了一個新的layoutItem)。設(shè)置Item的Text屬性為UserName。在工具箱中定位到SimpleButton控件,拖二個到layoutControl控件中,設(shè)置SimpleButton1的Text屬性為OK,設(shè)置SimpleButton2的Text屬性為Cancel。選中Cancel對應(yīng)的layoutControlItem3,拖到OK的右側(cè)。選中任意一個layoutControlItem,右鍵選擇ShowCustomizationForm。在打開的CustomiztionForm中,拖EmptySpaceItem到OK的上面。再拖一個EmptySpaceItem到OK按鈕的左側(cè),OK寬度縮小一半。向右拉動OK的邊框,設(shè)置OK的寬度與Cancel的寬度一樣大。調(diào)整Form及各控件的大小如上圖效果。在選中任意一個layoutControlItem的右鍵菜單中,還有一些菜單項可以設(shè)置??筛鶕?jù)需要進行布局的設(shè)置。XtraTab控件設(shè)計參考控件的"TabOrder"屬性值應(yīng)該與控件排列順序一致,即遵循從上到下、從左到右這樣一個流程。如果在PageControl的多個頁面中存在類似的控件,應(yīng)該盡量使得它們在各個頁面中出現(xiàn)的位置/大小比較一致,以免在頁面間切換時產(chǎn)生閃爍感。效果及代碼XtraTabControl,可以多個tab標題重疊來顯示,只要設(shè)置Multiline屬性就可。實現(xiàn)代碼:if(checkEdit2.Checked)xtraTabControl2.MultiLine=DevExpress.Utils.DefaultBoolean.True;elsextraTabControl2.MultiLine=DevExpress.Utils.DefaultBoolean.False;XtraTabControl,也可以隱藏tab標題的顯示,在不同tab頁切換時,好像在同一tab頁感覺一樣。實現(xiàn)代碼: if(checkEdit1.Checked)xtraTabControl2.ShowTabHeader=DevExpress.Utils.DefaultBoolean.True;elsextraTabControl2.ShowTabHeader=DevExpress.Utils.DefaultBoolean.False;PivotGrid控件PivotGridControl是一種對大量數(shù)據(jù)進行分析的交叉表網(wǎng)格控件,網(wǎng)格的字段分為行字段、列字段、過濾字段、數(shù)據(jù)字段,運行時這些字段可由用戶按不同的分析維度拖動到其它的區(qū)域??蓪ψ侄芜M行過濾,指定匯總類型、排序等。網(wǎng)格布局可以保存與還原,匯出數(shù)據(jù)為Html、pdf、xls等格式的文件或流、也可打印。實現(xiàn)效果操作步驟拖PivotGridControls到Form上。在控件上右鍵,選擇RunDesigner,彈出界面如下單擊Main/Fields,添加字段,點擊Add按鈕,設(shè)置字段的屬性Caption,FieldName,Name點擊Layout按鈕,拖拉字段,設(shè)計顯示出來的網(wǎng)格布局,您會看到,在右側(cè)的網(wǎng)格上有文本,DropColumnsFieldsHere,DropRowFieldsHere,DropDataItemsHere,DropFilterFieldsHere基本上分字段,列字段,行列交叉處的數(shù)據(jù)字段,還有頂部的過濾字段。您可以把字段拖到各個區(qū)域。在控件上按F4的屬性中您可以設(shè)置DataSource為一個數(shù)據(jù)源,也可以代碼綁定數(shù)據(jù)源pivotGridControl1.DataSource=dsOrder.Tables["Orders"];XtraTreeList控件XtraTreeList樹控件,可以綁定多種數(shù)據(jù)源,也可以樹或網(wǎng)格顯示,支持節(jié)點數(shù)據(jù)拖拉,子節(jié)點動態(tài)加載,樹腳顯示SUM等摘要信息,支持不同類型的節(jié)點數(shù)據(jù)編輯(datetime,image),樹打印,樹節(jié)點運行時定制。序號屬性屬性說明綁定數(shù)據(jù)源1DataSource設(shè)置綁定的數(shù)據(jù)源。2ParentFieldName父節(jié)點字段。3KeyFieldName節(jié)點字段。4PreviewFieldName節(jié)點顯示的文本字段。5RoolValue父節(jié)點的值。OptionsBehavior有一些屬性設(shè)置6Editable所有字段是否可編輯。OptionsView有一些屬性設(shè)置7AutoWidth字段是否適應(yīng)樹控件的寬度。13ShowButtons顯示與隱藏節(jié)點上的帶加減號的小圖標。14ShowColumns顯示與隱藏樹的列標題。15ShowHorzLines顯示與隱藏樹的水平線。16ShowVertLines顯示與隱藏樹的垂直線。17ShowIndicator顯示與隱藏樹的左側(cè)標識列。18ShowRowFooterSummary顯示與隱藏樹的父節(jié)點的行腳匯總信息。19ShowSummaryFooter顯示與隱藏樹的樹腳匯總信息。TreeList\Columns有一些屬性設(shè)置20ColumnEdit樹的編輯列類型選擇。21FieldName列字段名。22RowFooterSummary行的匯總類型(Sum、Count、Average、Minetc)。23SortOrder列排序類型(Ascending、Descending、None)。24SummaryFooter樹腳的匯總類型(Sum、Count、Average、Minetc)。25Caption列的標題文本。26Format\FormatType格式化類型(Custom、Numeric、DateTime、None)。27Format\FormatString格式化設(shè)置當Custom此處設(shè)置為c,顯示為貨幣符號。實現(xiàn)效果操作步驟從工具箱中拖TreeList到form中。設(shè)置TreeList的OptionsView屬性,ShowColumns、ShowHorzLines、ShowIndicator、ShowVertLines屬性為false(隱藏列,隱藏水平垂直線);在TreeList右鍵菜單中選擇RunDesigner,彈出下面窗體點擊上圖的AddButton添加列,修改Name,Caption屬性。修改列的屬性Width=200,列隱藏VisibleIndex=-1(0顯示)。在TreeList右鍵菜單中選擇NodesEditor,彈出下面窗體:點擊AddRoot,AddChildbutton添加樹節(jié)點。TreeList用到的事件有FocusedNodeChanged。實現(xiàn)代碼publicvirtualvoidLoadTree(stringRootText){TreeView.Columns.AddRange(newDevExpress.XtraTreeList.Columns.TreeListColumn[]{DevTreeView.CreateColumn("Column1",130,0),DevTreeView.CreateColumn("Column2",20,-1),DevTreeView.CreateColumn("Column3",20,-1),DevTreeView.CreateColumn("Column4",20,-1)});TreeView.Columns[0].OptionsColumn.AllowEdit=false;TreeView.AppendNode(newobject[]{"全部","","",""},-1,0,1,-1);intparentID=0;TreeDataTable=ObjSingle2.GetTreeData();//添加根節(jié)點DataRowViewtempDR;DataViewtempView=newDataView(TreeDataTable,ObjSingle2.ParentCodeField+"='"+TreeRootNode+"'",ObjSingle2.TreeKeyField,DataViewRowState.CurrentRows);for(inti=0;i<tempView.Count;i++){tempDR=tempView[i];TreeView.AppendNode(newobject[]{tempDR[ObjSingle2.TreeShowField].ToString().Trim(),tempDR[ObjSingle2.TreeKeyField].ToString().Trim(),tempDR[ObjSingle2.ParentCodeField].ToString().Trim(),tempDR[ObjSingle2.FullParentCodeField].ToString().Trim()},0,0,1,-1);parentID=DevTreeView.GetParentID(TreeView,"Column2",tempDR[ObjSingle2.TreeKeyField].ToString().Trim());AddSubNode(tempDR[ObjSingle2.TreeKeyField].ToString().Trim(),parentID);}TreeView.ExpandAll();}屬性設(shè)置TreeListNode.GetValue()獲取節(jié)點的值,代碼:objectcellValue2=treeList1.Nodes[0].GetValue(columnID);TreeListNode.GetDisplayText()獲取節(jié)點顯示的值,代碼: stringcellText=treeList1.Nodes[0].GetDisplayText(columnID);LookUpEdit控件實現(xiàn)效果LookUpEdit跟gridControl中列編輯出現(xiàn)的下拉窗口repositoryItemLookUpEdit1類似,操作也基本相同。操作步驟在form上添加LookUpEdit添加列,在LookUpEdit上右鍵,選中EditColumns,在彈出的窗口中,點擊添加(A)來添加列,此時有Caption,FieldName,Visible,Width,Alignment可以設(shè)置。其它大多的屬性在LookUpEdit的屬性的properties中可以設(shè)置,下面來看一下有那些可以設(shè)置:Columns列的添加除了上面的右鍵,也可以在Columns中添加。DataSource設(shè)置網(wǎng)格的數(shù)據(jù)源。DisplayMember顯示在單元格中的文本。ValueMember單元格保留的值。PopupFormWidth除了設(shè)置列的寬外,彈出下拉的窗口的總寬在這里控制。ShowFooter下拉窗口默認是有一個按鈕可以關(guān)閉的,設(shè)置為false,則不顯示那個關(guān)閉按鈕。TextEdityStyle設(shè)置單元格允不允許輸入文本default可以置光標??丶膯卧裰心J有文本EditValueisnull,在NullText可以清除。4.網(wǎng)格綁定數(shù)據(jù)源:lookUpEdit1.Properties.DataSource=dsOrder.Tables["Orders"];序號屬性屬性說明1EditValue取控件當前選中項的值。2Text取控件當前選中項的文本。3Text給控件以顯示的文本賦值,但如果控件ReadOnly,則失效。4EditValue給控件以值的方式賦值,控件自動跳到對應(yīng)的項顯示。在Properties有一些屬性設(shè)置5DisplayMember設(shè)置數(shù)據(jù)綁定的顯示文本字段。6ValueMember設(shè)置數(shù)據(jù)綁定的值字段。7DataSource設(shè)置數(shù)據(jù)綁定的數(shù)據(jù)源。8PopupWidth下拉列表的寬度。9DropDownRows下拉列表的行數(shù)。10DropDownItemHeight下拉列表的行高。11ShowHeader顯示與隱藏下拉列表的頭。11ShowFooter顯示與隱藏下拉列表的腳。12ShowLines顯示與隱藏下拉列表的網(wǎng)格線。13TextEditStyle枚舉值(Standard可以編輯值,HideTextEditor看不到選擇的文本,DisableTextEditor不能編輯文本,只能選擇項)。14SearchMode枚舉值(AutoComplete逐個字的過濾,AutoFilter輸入一個字,后面相應(yīng)的文本會自動顯示出來,OnlyInPopup只有完全輸入正確,才定位到相應(yīng)的項)。15NullText控件沒有選擇時的空文本設(shè)置。16ReadOnly控件的下拉列表不能顯示,不能選值或輸值,只能通過值的方式賦值。GridLookUpEdit控件設(shè)計參考篩選條件行位于數(shù)據(jù)行的頂端。實現(xiàn)效果GridLookUpEdit跟gridControl中列編輯出現(xiàn)的下拉窗口repositoryItemGridLookUpEdit1是同一對象,操作也相同,如圖:操作步驟在form上添加GridLookUpEdit添加列,在GridLookUpEdit上右鍵,選中DesignView,在彈出的窗口中,點擊添加Columns/Add來添加列,此時有Caption,FieldName,Visible,Width等屬性可以設(shè)置,在OptionsColumn中也有一些屬性可以設(shè)置?;仡櫼幌翸ain/Views/OptionsView下的屬性:ColumnAutoWidth如果在添加列時設(shè)置了width屬性,如果這里不為false,那里設(shè)置的寬將不起作用。ShowAutoFilterRow設(shè)置是否在下拉窗口的頂部出現(xiàn)一行空白的過濾行,可以輸入數(shù)據(jù)來過濾。ShowColumnHeader是否顯示列的標題。ValueMember單元格保留的值。在GridLookUpEdit的Properties中也有一些屬性設(shè)置。如PopupFormWidth,除了設(shè)置列的寬外,彈出下拉的窗口的總寬在這里控制。ShowFooter,下拉窗口默認是有一個按鈕可以關(guān)閉的,設(shè)置為false,則不顯示那個關(guān)閉按鈕。TextEdityStyle,設(shè)置單元格允不允許輸入文本default可以置光標。控件的單元格中默認有文本EditValueisnull,在NullText可以清除。ViewType,網(wǎng)格的類型,有defalut,GridView,BandGridViw,AdvBandGridViw,復(fù)雜表頭也能實現(xiàn)。網(wǎng)格綁定數(shù)據(jù)源:gridLookUpEdit1.Properties.DataSource=dsOrder.Tables["Orders"]。如果控件直接綁定到一個表中的字段:gridLookUpEdit1.DataBindings.Add("EditValue",dsOrder.Tables["Orders"],"OrderID");//EditValue是控件的屬性,如果用Text屬性則會出現(xiàn),選一條記錄,焦點離開控件時單元格值會清空。用EditValue屬性,則是控件單元格本身應(yīng)賦的值。序號屬性屬性說明1EditValue取控件當前選中項的值。2Text取控件當前選中項的文本。3EditValue給控件以值的方式賦值,控件自動跳到對應(yīng)的項顯示。在Properties有一些屬性設(shè)置4DisplayMember設(shè)置數(shù)據(jù)綁定的顯示文本字段。5ValueMember設(shè)置數(shù)據(jù)綁定的值字段。6DataSource設(shè)置數(shù)據(jù)綁定的數(shù)據(jù)源。8PopupFormWidth下拉網(wǎng)格的寬度。9ShowFooter顯示與隱藏下拉列表的腳。10PopupSizeable下拉網(wǎng)格可拉大拉小。11ReadOnly不能選值或輸值,只能通過值的方式賦值。12TextEditStyle枚舉值(Default、GridView、BandedView、AdvBandedView)。在Properties\View有一些屬性設(shè)置13RowHeight下拉網(wǎng)格的行高。10OptionsView\ColumnAutoWidth網(wǎng)格中的列自適應(yīng)到網(wǎng)格的總寬。11OptionsView\ShowAutoFilterRow下拉網(wǎng)格的頂端出現(xiàn)一條空白的行可用來過濾。12OptionsView\ShowColumnHeaders是否顯示網(wǎng)格頭。13OptionsView\ShowIndicator是否顯示網(wǎng)格左側(cè)的標示列。14OptionsView\ShowHorzLines是否顯示網(wǎng)格的水平數(shù)據(jù)線。15OptionsView\ShowVertLines是否顯示網(wǎng)格的垂直數(shù)據(jù)線。在Properties\Columns有一些屬性設(shè)置(AddColumn)16FieldName輸入列綁定的字段。17Caption列的標題。18Width列的寬度。GridPrint控件打印GridControl控件,GridControl所見即所得,四種類型的網(wǎng)格都可以打印。要顯示如下的界面需要二個打印控件printBarManager和printingSystem,printBarManager拖到界面上后會出現(xiàn)如下圖所示的界面,printingSystem則是指定printBarManager要顯示的數(shù)據(jù)源。如要打印非Grid控件數(shù)據(jù),可以在PrintingSystem.Links\DevExpress.XtraPrinting.Link添加,然后在Link的事件,寫要畫數(shù)據(jù)的文本或圖像代碼來實現(xiàn)??梢詽M足不同需求的報表。實現(xiàn)效果下面來看看printingSystem的屬性與設(shè)定:點開printingSystem屬性,出現(xiàn)下面界面點擊Links屬性,彈出如下界面要打印GridControl就要點擊Add按鈕在下拉項中選擇DevExpress.XtraPrinting.PrintableComponentLink,添加它,在右側(cè)的屬性Compoment選擇您要打印的GridControl對象,這里是gridControl1.點擊ok,結(jié)束設(shè)置。此界面列出的一些事件可以用來定制打印,如添加打印的標題,(XXX報表)每個不同的事件對應(yīng)報表的不同區(qū)域,在每個事件中添加畫的代碼。privatevoidprintableComponentLink1_CreateMarginalHeaderArea(objectsender,CreateAreaEventArgse){//創(chuàng)建表頭//centersatextstringhorizontallyandverticallye.Graph.StringFormat=newBrickStringFormat(StringAlignment.Center,StringAlignment.Center);e.Graph.Font=newFont("Batang",16);e.Graph.DrawString("揚基信息科技有限公司網(wǎng)格報表測試",Color.Red,newRectangle(200,25,400,25),陣BorderSide.None);}上面事件對應(yīng)在報表中的位置要打印GridControl網(wǎng)格在Load事件中添加下面的代碼:this.printableComponentLink1.CreateDocument();這句代碼用來啟動打印。 因為GridControl網(wǎng)格可在運行時由用戶拖動定制字段,所以報表的呈現(xiàn)完全可以由用戶拖拉實現(xiàn)。Button控件設(shè)計參考主命令按鈕一般情況為75×21象素,如果按鈕的文本很長,應(yīng)該適當加寬按鈕的寬度。"確定"和"取消"按鈕一般被映射為Enter鍵和Esc鍵,不應(yīng)該對它們指定訪問鍵。默認按鈕要支持Enter即選操作,即按Enter后自動執(zhí)行默認按鈕對應(yīng)操作。與正在進行的操作無關(guān)的按鈕應(yīng)該加以屏蔽(Windows中用灰色顯示,沒法使用該按鈕)。將命令按鈕靠底部或右邊放置,人們習慣于從左到右、從上到下進行閱讀。按鈕大小基本相近,忌用太長的名稱。避免使用多行或多列的主命令按鈕,多行或多列的主命令按鈕對用戶是一個打擊。右對齊主命令按鈕。絕對不要指定雙擊行為,用戶意料不到命令按鈕會響應(yīng)雙擊,因此不可能發(fā)現(xiàn)這樣的行為。CheckBox控件設(shè)計參考避免一組復(fù)選框中選項個數(shù)超過8個。豎向?qū)R,豎向?qū)R的一組復(fù)選框更易于瀏覽。要有默認選項。GroupBox控件設(shè)計參考總給組合框提供一個標簽,來表明組合框的用途。避免組合框的列項少于4考慮用單選按鈕代替。Label控件設(shè)計參考左對齊靜態(tài)文本標簽,使得標簽外觀更有條理,且易于瀏覽。總在用于標識控件的靜態(tài)文本標簽后帶上冒號,表示為控件標簽的文本。寧可將靜態(tài)文本標簽置于相關(guān)控件的左邊,而不是上面,標簽更易于被發(fā)現(xiàn)。不要把靜態(tài)文本置于凸起的邊界上,看起來像按鈕,用戶會試圖單擊它。在標識控件用途的標簽文本(Label)和提示信息(Hint)中,應(yīng)使用半角符號。如果是指導(dǎo)性標簽文本(如解釋按鈕功能的句子),則使用全角符號。標簽提示:字體為不加重、宋體、黑色、灰底或透明、無邊框、右對齊、一般情況為五號(10號)。絕對不要使用兩行以上的標簽,最好使用一行標簽,但兩行也是可接受的,兩行以上就太多了。listBox控件設(shè)計參考總給列表框提供一個標簽,來標明列表框的用途。使列表框至少5行長。對多個選擇考慮采用復(fù)選框,復(fù)選框列表可以突出其多個選擇的能力。對多選列表考慮提供"全部選中"和"全部取消選中"命令。要有默認選項。ListView控件設(shè)計參考總給列表視圖提供一個標簽,必須用標簽來標明列表視圖的用途

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論