DevExpress控件使用详细说明Word文档下载推荐.docx
- 文档编号:22660496
- 上传时间:2023-02-05
- 格式:DOCX
- 页数:64
- 大小:1.09MB
DevExpress控件使用详细说明Word文档下载推荐.docx
《DevExpress控件使用详细说明Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《DevExpress控件使用详细说明Word文档下载推荐.docx(64页珍藏版)》请在冰豆网上搜索。
●避免使用粗体和斜体用粗体来吸引人的注意,用斜体表示着重,但还是要少使用。
●避免混合字体任何不包含文档的窗口最多包含两种不同的字体。
●不要用字母全为大写的单词,这样看起来像在冲用户大喊大叫一样。
●界面风格要保持一致,字的大小、颜色、字体要相同,除非是需要艺术处理或有特殊要求的地方。
●不同界面中的同一功能应该使用同样的图标和图片。
●图标、图片的色调、风格尽量保持一致,隐喻应能确切表示功能的含义。
●有标准的图标风格设计,有统一的构图布局,有统一的色调、对比度、色阶,以及图片风格。
3Form控件布局与间距
3.1设计参考
●应该将重要信息放在上面和左边。
左上角最容易吸引起人们的注意力。
●用户首先要看到或操作的控件设置焦点。
●屏幕不能拥挤,拥挤的屏幕让人难以理解,因而难以使用。
让人看上去,不能太拥挤,也不能太松散。
●布局要合理,不宜过于密集,也不能过于空旷,如果没有其他内容,那么应尽量使窗口小一些。
●按功能将界面划分局域块,完成相同或相近功能的按钮用Frame框起来,并要有功能说明或标题。
●控件与窗体的上、下、左、右边距保持10pix,Label与文本框间距保持10pix。
●整个项目,采用统一的控件间距,通过调整窗体大小达到一致,即使在窗体大小不变的情况下,宁可留空部分区域,也不要破坏控件间的行间距。
●同一界面上的控件数最好不要太多,太挤时可以考虑使用分页界面显示,分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab.
●DevExpress中LayoutControl布局网格有助于您在不同的窗口之间实现一致性,控件size随Form缩放。
●控件长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度。
●按钮的大小要与界面的大小和空间要协调,按钮大小基本相近,忌用太长的名称,免得占用过多的界面位置,避免空旷的界面上放置很大的按钮。
●界面空间较小时使用下拉框而不用选项框。
●选项数较少时使用选项框,相反使用下拉列表框。
●使用缩进和文本来辅助理解;
●避免水平滚动条,与垂直滚动条不同,水平滚动条并不受欢迎,因为它会使项目阅读起来比较困难。
●应用程序应该保持为最大化当应用程序占用整个屏幕时,常常能够提高用户的工作效率。
●窗体最小化和最大化时,窗体上的控件也要随着窗体而缩放。
●FORM要保持一至的界面风格、如背景色、字体、字的大小。
4对齐设置
4.1设计参考
●左对齐:
一般文字、单个数字、日期等。
●右对齐:
数字、时间、日期加时间。
通常,使用左对齐来使用户界面控件更易于浏览。
对于数值文本,应该使用小数点对齐或右对齐。
对于非数值文本,应该避免使用右对齐或居中对齐。
不必对什么都使用中间对齐,或者使它们保持对称形式。
在右边或底部保留空白区域更适合习惯。
5BarManager控件
BarManager控件,一改VisualStudio2005MenuStrip,ToolStrip,StatusStrip三分天下局面,而把三个控件揉合在BarManager中统一管理。
5.1实现效果
BarManager菜单新增时的项:
菜单,工具,状态栏中的分隔符不再是VisualStudio2005中添加‘——’来实现,而是勾选BeginaGroup时出现分隔符。
菜单,工具,状态栏要用到图标,必须在BarManager的Images中设置imageList对象,在要用到处的ImageIndex指定索引。
6菜单
6.1设计参考
●菜单通常采用“常用--主要--次要--工具--帮助”的位置排列,符合流行的Windows风格。
●常用的有“文件”、“编辑”,“查看”等,几乎每个系统都有这些选项,当然要根据不同的系统有所取舍。
●如果菜单选项较多,应该采用加长菜单的长度而减少深度的原则排列,菜单深度一般要求最多控制在三层以内。
●主菜单的宽度要接近,字数不应多于四个,每个菜单的字数能相同最好。
●菜单前的图标能直观的代表要完成的操作,图标不宜太大,与字高保持一致最好。
●完成相同或相近功能的菜单用横线隔开放在同一位置。
●保持菜单稳定,将无效菜单置为不可用,而不要删除它们。
●用省略号来表示需要更多信息。
●用复选标记来开关选项,用单选组来改变模式。
●常用菜单要有命令快捷方式.
●分配访问键,访问键使用户可以手不离开键盘进行操作。
●右键快捷菜单采用与菜单相同的准则。
●帮助菜单的“关于”中应有版权和产品信息。
6.2实现效果
6.3操作步骤
普通菜单:
1)从工具箱中拉barManager到主窗体中。
2)点击clickheretoaddmainmenu。
3)选择上下文菜单中的Menu(BarSubItem),Caption属性设置为"系统管理"。
4)点击"系统管理",Addnewitme,在上下文菜单中选择button(BarButtonItem),Caption属性设置为"重登录"。
5)点击"系统管理",Addnewitme,在上下文菜单中选择Menu(BarSubItem),Caption属性设置为审核流程管理。
添加下级菜单过程重复上一步。
6)添加分隔符。
在审核流程管理菜单项上右键,选择上下文菜单中选择beginagroup.
7)菜单项BarButtonItem的事件为ItemClick.
8)带图标的菜单:
9)从工具箱中拉imagelist到Form中,添加imagelist1位图。
10)为barmanager1属性Images设置imagelist1。
11)为添加图标的菜单项的ImageIndex属性选择图标索引。
PopupMenu右键菜单.
PopupMenu快捷菜单如图:
操作步骤:
12)从工具箱中拖barManager控件到form上。
13)把popupMenu拖到form上。
14)在popupMenu上右键选Customize弹出如下界面,不要点击New按钮,而是在PopupMenuEditor下加上要出现的菜单项。
15)在要出现快捷菜单的控件上右键属性BarManager上的,选中popupMenu,完成设置。
6.4实现代码
主菜单实现代码
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=“系统管理”;
barManager1.Items.Add(objSubMenuItem);
“系统管理”菜单添加子菜单项
BarButtonItemobjMenuItem=newBarButtonItem();
objMenuItem.Name=“objMenuItem1”;
objMenuItem.Caption=“重登录”;
barManager1.Items.Add(objMenuItem);
7工具栏
7.1设计参考
●工具栏Button的Size大小为42,39。
●采用大工具栏按钮、工具栏应该只包含几个带有描述性文字和图形的显眼命令,工具栏的图标能直观的代表要完成的操作。
●相同或相近功能的工具栏放在一起。
●工具栏中的每一个按钮要有及时提示信息,工具提示帮助用户了解工具栏按钮的作用。
●保持工具栏稳定,将无效的工具栏按钮置为不可用,而不是将它删除。
●提供显示或隐藏工具栏选项。
●工具栏太多时可以考虑使用工具箱。
7.2实现效果
7.3操作步骤
16)从工具箱中拉barManager到MainForm中。
17)点击clickheretoaddtoolbar,添加一个工具条。
18)点击addnewitem,在上下文菜单中选择largebutton(barlargebuttonitem),设置caption属性为"首笔",MinSize(42,39)设置高与宽。
19)从工具箱中拉imagelist到Form中,添加imagelist1位图。
20)为barmanager1属性Images设置imagelist1。
21)设置"首笔"工具图标,为属性imageindex选择图标索引,panitstyle属性选择CaptionGlyph。
图片和文字有4种显示方式,在barButtonItem的属性PaintStyle可选择,Standard(只显示图片),Caption(只显示文字),CaptionInMenu(显示图片),CaptionGlyph(图片跟文字一起显示)。
22)在二个工具间添加分隔符,在"首笔"按钮右键菜单中选择beginagroup。
23)去掉工具默认最右侧的一栏,Bar\Optionsbar\AllowQuickCustomization=false。
24)工具栏的事件为ItemClick.
25)工具栏整行显示,选择bar工具条,设置OptionsBar/UseWholeRow=true
26)工具条固定在顶部不允许浮动或拖动到其它的地方,选择bar工具条,设置CanDockStyle只选一个top,去掉其它的选项,DockStyle=top。
27)控件的图标去掉背景颜色,在VisualStudio2005的ImageList有一个属性TransparentColor可以处理。
8StatusBars控件
8.1设计参考
●状态条要能显示用户切实需要的信息,常用的有:
目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。
●状态条的高度以放置五号字为宜,滚动条的宽度比状态条的略窄。
8.2实现效果
8.3操作步骤
28)从工具箱中拉barmanager到form中。
29)点击clickheretoaddstatusbar。
30)点击addnewitem在上下文菜单中选择StaticText(BarStaticItem)。
31)设置caption属性为公司名称:
选择Border属性style3d。
32)设置AutoSize属性为Content(内容),Spring(扩展到最大宽度)。
9控件
9.1网格控件
9.1.1GridControl
9.1.1.1GridControl描述
GridControl是一个功能强大,可定制性强的网格控件。
允许你用GridView、CardView、BandedView、AdvBandedView任何一种方式来呈现数据。
GridView是最普通、最常用的一种。
CardView显示的效果是卡片式的,一条记录一个卡片。
BandedView则体现在网格可复杂表头。
AdvBandedView主要特色是一条数据的二个字段可做到垂直,也就是字段的放置可以不在一条水平线上(其它三种不行)。
您会发现,超强的功能后面是无数的属性设置,下面是主要的设计时界面。
序号
属性
属性说明
在GridView1\Views\OptionsCustomization有一些属性设置
1
AllowColumnMoving
是否允许列改变位置。
2
AllowColumnResizing
是否允许列改变宽度。
3
AllowFilter
列标题是否出现过滤的下拉列表。
4
AllowGroup
网格是否允许按某一字段分组。
5
AllowRowSizing
是否允许改变网格的行高。
6
AllowSort
是否允许单击列标题进行排序。
在GridView1\Views\OptionsMenu有一些属性设置
7
EnableColumnMenu
显示与隐藏列标题右键菜单。
8
EnableFooterMenu
显示与隐藏网格脚的右键菜单。
9
EnableGroupPanelMenu
显示与隐藏网格组面板的右键菜单。
在GridView1\Views\OptionsSelect有一些属性设置
10
MultiSelect
是否允许选择数行。
11
MultiSelectMode
数行选择的方式(CellSelect,RowSelect)。
在GridView1\Views\OptionsView有一些属性设置
12
AllowCellMerge
是否允许网格相邻单元格数据相同时合并为一个单元格。
13
ColumnAutoWidth
网格的各列按网格的总宽自动调整宽度。
14
NewItemRowPosition
网格新增行时所在位置(Bottom,Top,None)。
15
RowAutoHeight
网格的行高根据单元格中字数的多少自动调整高度。
16
ShowAutoFilterRow
在网格中显示过滤的空白行。
17
ShowFooter
显示与隐藏网格的脚面板。
18
ShowIndicator
显示与隐藏网格左侧的标识列。
19
ShowHorzLines
显示与隐藏网格的水平网格线。
20
ShowVertLines
显示与隐藏网格的垂直网格线。
在GridView1\Views有一些属性设置
21
FooterPanelHeight
网格脚面板的高度。
22
RowHeight
网格的行高。
在GridView1\Columns\OptionsColumn有一些属性设置。
23
ReadOnly
列是否只读。
在GridView1\Columns有一些属性设置。
24
SummaryItem\SummaryType
列汇总的类型(Sum,Max,Min,Averageetc)。
25
Fixed
列固定位置(Left,Right,None)。
GridControl数据绑定
26
gridControl1.DataSource
设置网格的数据源,绑定数据
一.GridControl以GridView、CardView、BandedGridView、AdvBandedGridView四种网格形态来呈现数据,下图是它的继承关系图。
二.GridControl控件属性,从工具箱中拖GridControl进入界面,如下图:
点击Clickheretochangeview可以在四种网格类型中切换,它们的区别是GridView是普通网格,BandedGridView有Band,一个Band可以包含几个字段,advBandedGridView除了BandedGridView功能之外,二个或多个字段可垂直堆放,表头能设计得更复杂,GardView则显示成员工卡片样的风格。
在控件的属性中datasource设置数据源。
点击上图的RunDesigner或是在上图右键菜单中选择RunDesigner,弹出设计界面如下:
左侧导航条各按钮的主要功能:
●Main/Views主要控制控件的一些整体的行为,如是否允许列上出现右键菜单,是否网格第一行出现过滤行,是否出现定制的弹出窗口等。
●Main/Columns添加定制列,如列是否允许编辑等。
●Main/FeatureBrowser浏览gridControl网格的所有属性,如列信息,汇总信息,列的行为,排序etc。
●Main/Layout网格的版面设计,在设置好属性后,网格的呈现,可以保存当前的网格版面到XML文档,也可以从XML文档导入。
●Main/GroupSummaryItems指定分组的字段及统计类型(最大值,平均值,求和etc)。
●Appearance/appearances网格按区域(band)设计颜色字体等风格。
●Appearance/StyleConditions当某一列当前行的值为XXX条件时,格式化特殊显示如背景红色。
●Appearance/StyleSchemes为当前网格披上外衣,显示格式化。
●Repository/ViwRepository浏览gridControl所有View(gridview,cardview一个网格可以有多个View)的属性和行为。
●Repository/ViwRepository网格中有TextEdit列时,编辑框的行为。
●Printing/PrintAppearances设置网格各band面板的背景,前景及文本对齐等打印属性。
●Printing/PrintingSettings设置网格各band面板是否允许打印出来。
往往我们需要关注是Main栏的Views,Columns,GroupsummaryItems这三个项。
下面分别来看看它们的属性。
Views属性
Options有很多可以由我们自由控制的选项,如允许编辑列etc
●Options/OptionsBehavior网格的行为控制,如滚动条的显示,展开组数据行。
●Options/OptionsCustomization网格的一些控制,列能不能拖动etc。
●Options/OptionsDetail行数据的子表显示行为的控制。
●Options/OptionsFilter行过滤,过滤窗口列表的控制,如列宽度及显示行数。
●Options/OptionsHints单元格及列标题是否允许提示。
●Options/OptionsLayout列的控制。
●Options/OptionsMenu网格的列,网格脚,列分组的右键菜单是否显示。
●Options/OptionsNavigate控制光标,是否响应Tab键事件etc。
●Options/OptionsPrint网格的各Band面板是否允打印出来。
●Options/OptionsSelection是否允许选中多行等etc.
●Options/OptionsView可控制项最多,大部分操作都在这里,是否自动行高,过滤行是否出现etc.
●AllowCellMerge=ture允许单元格合并(同一列相邻的几行数据相同时,会合并只显示一个数据。
)
●NewItemRowPosition=(Top,Bottom)设置新增行时,是在网格的顶部还是底部。
●ShowAutoFilterRow=ture在网格标题下会出现过滤行。
便于检索数据。
●ShowColumnHeader=false网格标题顶部隐藏Header面板的出现。
●ShowFooter=true网格底部出现显示汇总信息的面板。
●在OptionMenus下的EnableColumnMenu,EnableFootMenu,EnableGroupPanelMenu设置为False不会在列标题,网格脚,组面板出现右键菜单。
Column属性
●如果在设计模式下设定网格的datasource则Fieldlist会出现表中的所有字段。
●如果datasource是用代码绑定的,则此处为空,可以点击Add增加字段,在属性FieldName输入表中的字段。
●如果字段允许编辑的话,在ColumnEdit选择编辑的类型(文本框,按钮,下拉窗etc),如果不允许编辑在OptionsColumn/AllowEdit=false(不出现编辑控件如日期选择控件)也可以设置OptionsColumn/ReadOnly=false(出现编辑控件但不能改值)。
●如果要整个网格控件列都不允许编辑,只能一个字段一个字段把AllowEdit属性设置为false了。
●是否可让字段分组OptionsColumn/AllowGroup=false。
●列宽的Width=200
GroupsummaryItems属性
●如果要在网格脚增加一些汇总信息,可点击GroupsummaryItems按钮,在它的属性里clickAdd按钮,设置FieldName=字段,选择SummaryType=(Sum,Min,Max,Count,etc)。
Appearance栏定制网格各部分颜色与渐变色。
StyleSchema则是选择网格的风格:
三.如果您的网格切换到advBandedGridView或BandedGridView,则会在Main中多一个Bands项,如下:
●要添加复杂表头的标题可点击AddNewBand按钮,在属性caption设置要显示的标题,在AppearanceHeader/TextOptions/Haligment=(Near,Center,Far)可设置标题对齐方式。
●ShowColumnsSelector显示字段或Band的容器,可把字段拖到上面的网格中。
●DeleteSelectedBand删除光标所在的Band,Band中的字段会放在ShowColumnsSelector弹出的容器中。
9.1.1.2GridControl特殊属性
一.显示与隐藏GroupPanel面板,如果数据的显示要以某一字段分组来显示,用户可以拖动网格中的字段到Dragacolumnheaderheretogroupbythatcolumn。
实现代码:
this.gridView1.OptionsView.ShowGroupPanel=checkEdit1.Checked;
二.显示与隐藏网格脚端的汇总值(最大值,平均值,求和等),如下:
实现上图网格脚汇总信息所示效果,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- DevExpress 控件 使用 详细 说明