DevExpress控件使用详细说明

2019-08-03 13:23

广州市扬基信息科技有限公司 - 技术研发组

界面规范

[V1.0]

拟制人______________________ 审核人______________________ 批准人______________________

[二零零七年二月二十六日]

日期 2007/04/05 Created by fanco

作者范拥华版本 1.0.0 Page 1 of 49

备注 Created on 3/6/2007 9:28:00 AM

广州市扬基信息科技有限公司 - 技术研发组

1 2

规范性 .................................................................................................................................................................................... 4 系统颜色、字体、图标 ........................................................................................................................................................ 4 2.1 3

设计参考 ........................................................................................................................................................................ 4

FORM控件布局与间距 ........................................................................................................................................................ 5 3.1

设计参考 ........................................................................................................................................................................ 5

4 对齐设置 ................................................................................................................................................................................ 6 4.1

设计参考 ........................................................................................................................................................................ 6

5 BARMANAGER控件 ........................................................................................................................................................... 6 5.1

实现效果 ........................................................................................................................................................................ 6

6 菜单 ........................................................................................................................................................................................ 8 6.1 6.2 6.3 6.4

7 工具栏 .................................................................................................................................................................................. 10 7.1 7.2 7.3

8 STATUSBARS控件 ........................................................................................................................................................... 11 8.1 8.2 8.3

9 控件 ...................................................................................................................................................................................... 11 9.1 网格控件 ...................................................................................................................................................................... 11 9.1.1 GridControl .............................................................................................................................................................. 11

9.1.1.1 9.1.1.2 9.1.2.1 9.1.2.2 9.1.2.3 9.1.3.1 9.1.3.2 9.1.3.3 9.1.4.1 9.1.4.2 9.1.4.3 9.1.4.4 9.1.4.5 9.1.5.1

GridControl描述 ............................................................................................................................................................... 11 GridControl特殊属性........................................................................................................................................................ 17 实现效果 ............................................................................................................................................................................ 23 操作步骤 ............................................................................................................................................................................ 23 属性设置 ............................................................................................................................................................................ 23 实现效果 ............................................................................................................................................................................ 24 操作步骤 ............................................................................................................................................................................ 24 CarView属性设置............................................................................................................................................................. 24 实现效果 ............................................................................................................................................................................ 25 操作步骤 ............................................................................................................................................................................ 25 实现代码 ............................................................................................................................................................................ 26 属性设置 ............................................................................................................................................................................ 26 ColumnEdit列 ................................................................................................................................................................... 26 实现效果 ............................................................................................................................................................................ 28

Page 2 of 49

Created on 3/6/2007 9:28:00 AM

9.1.2 GridView ................................................................................................................................................................. 22

9.1.3 CardView ................................................................................................................................................................. 23

9.1.4 BandedGridView ..................................................................................................................................................... 25

9.1.5 AdvBandedGridView .............................................................................................................................................. 27

Created by fanco

广州市扬基信息科技有限公司 - 技术研发组

9.1.5.2 9.1.5.3 9.1.5.4

操作步骤 ............................................................................................................................................................................ 28 实现代码 ............................................................................................................................................................................ 28 属性设置 ............................................................................................................................................................................ 29

9.2 XTRALAYOUT控件 ...................................................................................................................................................... 29 9.2.1 特性 ..................................................................................................................................................................... 29 9.2.2 实现效果 ............................................................................................................................................................. 29 9.2.3 操作步骤 ............................................................................................................................................................. 29 9.3 XTRATAB控件 ............................................................................................................................................................. 30 9.3.1 设计参考 ............................................................................................................................................................. 30 9.3.2 效果及代码 ......................................................................................................................................................... 30 9.4 PIVOTGRID控件 ........................................................................................................................................................... 30 9.4.1 实现效果 ............................................................................................................................................................. 31 9.4.2 操作步骤 ............................................................................................................................................................. 31 9.5 XTRATREELIST控件 .................................................................................................................................................... 32 9.5.1 实现效果 ............................................................................................................................................................. 34 9.5.2 操作步骤 ............................................................................................................................................................. 34 9.5.3 实现代码 ............................................................................................................................................................. 36 9.5.4 属性设置 ............................................................................................................................................................. 37 9.6 LOOKUPEDIT控件 ....................................................................................................................................................... 37 9.6.1 实现效果 ............................................................................................................................................................. 37 9.6.2 操作步骤 ............................................................................................................................................................. 37 9.7 GRIDLOOKUPEDIT控件 ............................................................................................................................................... 39 9.7.1 设计参考 ............................................................................................................................................................. 39 9.7.2 实现效果 ............................................................................................................................................................. 39 9.7.3 操作步骤 ............................................................................................................................................................. 39 9.8 GRIDPRINT控件 ........................................................................................................................................................... 41 9.8.1 实现效果 ............................................................................................................................................................. 42 9.9 BUTTON控件 ............................................................................................................................................................... 44 9.9.1 设计参考 ............................................................................................................................................................. 44 9.10 CHECKBOX控件 .......................................................................................................................................................... 45 9.10.1 设计参考 ............................................................................................................................................................. 45 9.11 GROUPBOX控件 .......................................................................................................................................................... 45 9.11.1 设计参考 ............................................................................................................................................................. 45 9.12 LABEL控件 .................................................................................................................................................................. 45 9.12.1 设计参考 ............................................................................................................................................................. 45 9.13 LISTBOX控件 ............................................................................................................................................................... 45 9.13.1 设计参考 ............................................................................................................................................................. 45 9.14 LISTVIEW控件 ............................................................................................................................................................. 46 9.14.1 设计参考 ............................................................................................................................................................. 46 10 10.1 11 11.1 12 12.1 13 13.1

界面输入控制 .................................................................................................................................................................. 46 设计参考 ...................................................................................................................................................................... 46 弹出子窗体 ...................................................................................................................................................................... 46 设计参考 ...................................................................................................................................................................... 46 消息框设置 ...................................................................................................................................................................... 46 设计参考 ...................................................................................................................................................................... 46 向导使用原则 .................................................................................................................................................................. 47 设计参考 ...................................................................................................................................................................... 47

Created by fanco

Page 3 of 49

Created on 3/6/2007 9:28:00 AM

广州市扬基信息科技有限公司 - 技术研发组

14 TAB键和快捷键设置 ......................................................................................................................................................... 47 14.1 15 15.1 16 16.1 17 17.1 18

设计参考 ...................................................................................................................................................................... 47 系统响应时间 .................................................................................................................................................................. 48 设计参考 ...................................................................................................................................................................... 48 登陆窗体与主界面 .......................................................................................................................................................... 48 设计参考 ...................................................................................................................................................................... 48 系统帮助设置 .................................................................................................................................................................. 49 设计参考 ...................................................................................................................................................................... 49 附录 .................................................................................................................................................................................. 49

1 规范性

通常界面设计都按Windows界面的规范来设计，即包含“菜单条、工具栏、工具箱、状态栏、滚动条、右键快捷菜单”的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。

2 系统颜色、字体、图标

2.1 设计参考

? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

Form背景颜色缺省为\，大型系统常用的主色有\、\、\等。前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。

中文采用标准字体，“宋体”、宋体的小五号字(9磅)、黑色。菜单和状态条中通常使用10号字。

字体的大小要与界面的大小比例协调, 通常使用的字体为宋体9-12较为美观，很少使用超过12号的字体。

避免使用粗体和斜体?用粗体来吸引人的注意，用斜体表示着重，但还是要少使用。避免混合字体?任何不包含文档的窗口最多包含两种不同的字体。不要用字母全为大写的单词，这样看起来像在冲用户大喊大叫一样。

界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。

不同界面中的同一功能应该使用同样的图标和图片。

图标、图片的色调、风格尽量保持一致，隐喻应能确切表示功能的含义。

有标准的图标风格设计，有统一的构图布局，有统一的色调、对比度、色阶，以及图片风格。

Created by fanco Page 4 of 49 Created on 3/6/2007 9:28:00 AM

广州市扬基信息科技有限公司 - 技术研发组

3 Form控件布局与间距

3.1 设计参考

? 应该将重要信息放在上面和左边。左上角最容易吸引起人们的注意力。 ? 用户首先要看到或操作的控件设置焦点。

? 屏幕不能拥挤, 拥挤的屏幕让人难以理解，因而难以使用。让人看上去，不能太拥挤，也不能太松

散。

? 布局要合理,不宜过于密集，也不能过于空旷，如果没有其他内容，那么应尽量使窗口小一些。 ? 按功能将界面划分局域块，完成相同或相近功能的按钮用Frame框起来,并要有功能说明或标题。 ? 控件与窗体的上、下、左、右边距保持10pix,Label 与文本框间距保持10pix。

? 整个项目，采用统一的控件间距,通过调整窗体大小达到一致，即使在窗体大小不变的情况下，宁

可留空部分区域，也不要破坏控件间的行间距。

? 同一界面上的控件数最好不要太多，太挤时可以考虑使用分页界面显示, 分页界面要支持在页面间

的快捷切换，常用组合快捷键Ctrl+Tab.

? DevExpress中LayoutControl布局网格有助于您在不同的窗口之间实现一致性，控件size随Form

缩放。

? 控件长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。

? 按钮的大小要与界面的大小和空间要协调，按钮大小基本相近，忌用太长的名称，免得占用过多的

界面位置，避免空旷的界面上放置很大的按钮。 ? 界面空间较小时使用下拉框而不用选项框。

? 选项数较少时使用选项框，相反使用下拉列表框。 ? 使用缩进和文本来辅助理解； ? 避免水平滚动条，与垂直滚动条不同，水平滚动条并不受欢迎，因为它会使项目阅读起来比较困难。

Created by fanco

Page 5 of 49

Created on 3/6/2007 9:28:00 AM

共10页:

DevExpress控件使用详细说明.doc 将本文的Word文档下载到电脑下载失败或者文档不完整，请联系客服人员解决！

下载这篇word文档