广州市扬基信息科技有限公司 - 技术研发组
? 应用程序应该保持为最大化?当应用程序占用整个屏幕时，常常能够提高用户的工作效率。 ? 窗体最小化和最大化时，窗体上的控件也要随着窗体而缩放。 ? FORM要保持一至的界面风格、如背景色、字体、字的大小。
4 对齐设置
4.1 设计参考
? 左对齐:一般文字、单个数字、日期等。 ? 右对齐:数字、时间、日期加时间。
通常，使用左对齐来使用户界面控件更易于浏览。对于数值文本，应该使用小数点对齐或右对齐。对于非数值文本，应该避免使用右对齐或居中对齐。不必对什么都使用中间对齐，或者使它们保持对称形式。在右边或底部保留空白区域更适合习惯。
5 BarManager控件
BarManager 控件，一改Visual Studio 2005 MenuStrip ,ToolStrip,StatusStrip三分天下局面，而把三个控件揉合在BarManager中统一管理。
5.1 实现效果
BarManager菜单新增时的项：
Created by fanco Page 6 of 49 Created on 3/6/2007 9:28:00 AM
广州市扬基信息科技有限公司 - 技术研发组
菜单，工具，状态栏中的分隔符不再是Visual Studio 2005中添加‘——’来实现，而是勾选Begin a Group时出现分隔符。
菜单，工具，状态栏要用到图标，必须在BarManager的Images中设置imageList对象，在要用到处的ImageIndex指定索引。
Created by fanco Page 7 of 49 Created on 3/6/2007 9:28:00 AM
广州市扬基信息科技有限公司 - 技术研发组
6 菜单
6.1 设计参考
? 菜单通常采用“常用--主要--次要--工具--帮助”的位置排列，符合流行的Windows风格。
? 常用的有“文件”、“编辑”，“查看”等，几乎每个系统都有这些选项，当然要根据不同的系统有所取
舍。
? 如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列，菜单深度一般要求最多控制
在三层以内。
? 主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。
? 菜单前的图标能直观的代表要完成的操作，图标不宜太大，与字高保持一致最好。 ? 完成相同或相近功能的菜单用横线隔开放在同一位置。 ? 保持菜单稳定，将无效菜单置为不可用，而不要删除它们。 ? 用省略号来表示需要更多信息。
? 用复选标记来开关选项，用单选组来改变模式。 ? 常用菜单要有命令快捷方式.
? 分配访问键，访问键使用户可以手不离开键盘进行操作。 ? 右键快捷菜单采用与菜单相同的准则。 ? 帮助菜单的“关于”中应有版权和产品信息。
6.2 实现效果
6.3 操作步骤
普通菜单：
1) 从工具箱中拉barManager到主窗体中。 2) 点击click here to add mainmenu。
3) 选择上下文菜单中的Menu(BarSubItem),Caption属性设置为＂系统管理＂。
4) 点击＂系统管理＂，Add new itme ,在上下文菜单中选择button(BarButtonItem), Caption属性
设置为＂重登录＂。
5) 点击＂系统管理＂，Add new itme ,在上下文菜单中选择Menu(BarSubItem) , Caption属性设置
为审核流程管理。添加下级菜单过程重复上一步。
6) 添加分隔符。在审核流程管理菜单项上右键，选择上下文菜单中选择begin a group. 7) 菜单项BarButtonItem的事件为ItemClick.
Created by fanco
Page 8 of 49
Created on 3/6/2007 9:28:00 AM
广州市扬基信息科技有限公司 - 技术研发组
8) 带图标的菜单：
9) 从工具箱中拉imagelist到Form中，添加imagelist1位图。 10) 为barmanager1属性Images设置imagelist1。
11) 为添加图标的菜单项的ImageIndex属性选择图标索引。
PopupMenu右键菜单．
PopupMenu快捷菜单如图：
操作步骤：
1) 从工具箱中拖barManager控件到form上。 2) 把popupMenu拖到form上。
3) 在popupMenu上右键选Customize弹出如下界面，不要点击New按钮，而是在Popup Menu Editor
下加上要出现的菜单项。
4) 在要出现快捷菜单的控件上右键属性BarManager上的，选中popupMenu，完成设置。
6.4 实现代码
主菜单实现代码
BarManager barManager1= new DevExpress.XtraBars.BarManager();
Created by fanco
Page 9 of 49
Created on 3/6/2007 9:28:00 AM
广州市扬基信息科技有限公司 - 技术研发组
DevExpress.XtraBars.Bar bar1= new DevExpress.XtraBars.Bar();
barManager1.Bars.AddRange(new DevExpress.XtraBars.Bar[] { this.bar1});
bar1添加菜单项
BarSubItem objSubMenuItem = new BarSubItem(); objSubMenuItem.Name = “objSubMenuItem1”; objSubMenuItem.Caption = “系统管理”; barManager1.Items.Add(objSubMenuItem);
“系统管理”菜单添加子菜单项
BarButtonItem objMenuItem = new BarButtonItem(); objMenuItem.Name = “objMenuItem1”; objMenuItem.Caption = “重登录”; barManager1.Items.Add(objMenuItem);
7 工具栏
7.1 设计参考
? 工具栏Button的Size大小为42，39。
? 采用大工具栏按钮、工具栏应该只包含几个带有描述性文字和图形的显眼命令，工具栏的图标能直
观的代表要完成的操作。
? 相同或相近功能的工具栏放在一起。
? 工具栏中的每一个按钮要有及时提示信息, 工具提示帮助用户了解工具栏按钮的作用。 ? 保持工具栏稳定，将无效的工具栏按钮置为不可用，而不是将它删除。 ? 提供显示或隐藏工具栏选项。
? 工具栏太多时可以考虑使用工具箱。
7.2 实现效果
7.3 操作步骤
1) 从工具箱中拉barManager到Main Form中。
2) 点击click here to add toolbar,添加一个工具条。
3) 点击add new item，在上下文菜单中选择large button(barlargebuttonitem),设置caption属性
为＂首笔＂，MinSize(42,39)设置高与宽。
4) 从工具箱中拉imagelist到Form中，添加imagelist1位图。 5) 为barmanager1属性Images设置imagelist1。
6) 设置＂首笔＂工具图标，为属性imageindex选择图标索引，panitstyle属性选择CaptionGlyph。
图片和文字有4种显示方式，在barButtonItem的属性PaintStyle可选择，Standard(只显示图片)，Caption（只显示文字），CaptionInMenu(显示图片),CaptionGlyph(图片跟文字一起显示)。 7) 在二个工具间添加分隔符，在＂首笔＂按钮右键菜单中选择begin a group。
8) 去掉工具默认最右侧的一栏，Bar\\Optionsbar\\AllowQuickCustomization = false。 9) 工具栏的事件为ItemClick.
10) 工具栏整行显示，选择bar工具条，设置OptionsBar/UseWholeRow = true
Created by fanco
Page 10 of 49
Created on 3/6/2007 9:28:00 AM