VC前台开发复用标准化V11.docx

1、VC前台开发复用标准化V11浪潮乐金OSSD文 档 编 号文档版本密级LC-LG-07-S-0600V 1.0.0产品名称： 前台开发标准化共 页前台开发标准化(仅供内部使用)V 1.0.0文 档 作 者： 日期： 开发/测试经理： _ 日期： 产 品 经 理： _ 日期： 管 理 办： _ 日期： 浪潮乐金信息系统有限公司版权所有 不得复制本文档版权由浪潮信息系统有限公司所有。未经本公司书面许可,任何单位与个人不得以任何形式摘抄、复制文档的部分或全部，并以任何形式传播文档修订版本日期更改人修改描述（注明修改的条款或页）抄送人： 批准人签字职务甲方/乙方姓名日期 甲方乙方编号说明：本文档编号依

2、照以下原则进行：X.Y.Z X: 大版本更新，文档结构变化 Y: 具体方案的更改，部分内容的修正 Z: 文字修改，奇数为包含对上一版修改记录的稿子偶数为对上修改稿的定稿目录1标准控件的标准化 51.1Button(按钮): 5模板样式 5风格标准化描述 5实现技术及相关组件 61.2Check Box: 6模板样式 6风格标准化描述 7实现技术及相关组件 71.3Radio Button: 7模板样式 7风格标准化描述 7实现技术及相关组件 81.4Edit Box: 8模板样式 8风格标准化描述 8实现技术及相关组件 91.5Combo Box: 9模板样式 9风格标准化描述 9实现技术及相

3、关组件 91.6List Box: 101.7Static Text(静态文本): 11模板样式 11风格标准化描述 11实现技术及相关组件 111.8List Control (列表控件): 11模板样式 12风格标准化描述 12实现技术及相关组件 131.9Tree Control (树控件): 13模板样式 13风格标准化描述 13实现技术及相关组件 141.10 Extend Tree Control (扩展树控件): 14模板样式 14风格标准化描述 14实现技术及相关组件 141.11DateTime Control (时间日期控件): 15模板样式 15风格标准化描述 15实现技

4、术及相关组件 151.12Progress Ctrl(进度控件): 16模板样式 16风格标准化描述 16实现技术及相关组件 162 Dialog boxs(对话框)的标准化 162.1模板样式 172.2风格标准化描述 182.3实现技术及相关组件 193通用对话框类 203.1打开、保存文件框: 20模板样式 20实现技术及相关组件 203.2选择文件夹框 21模板样式 21实现技术及相关组件 213.3字体选择设置框 23模板样式 23实现技术及相关组件 233.4颜色选择设置框 23模板样式 23实现技术及相关组件 243.5打印页面设置框、打印框、打印预览框 24模板样式 24实现技

5、术及相关组件 253.6OUTLOOKBAR 26模板样式 26实现技术及相关组件 264各类窗口的标准化 274.1框架窗口 27模板 27实现技术及相关组件 284.2数据查询界面 28模板样式 28实现技术及相关组件 314.3数据管理窗口 31模板样式 32实现技术及相关组件 344.4数据录入窗口 35模板样式 35实现技术及相关组件 364.5系统基本设置窗口 36模板样式 36实现技术及相关组件 374.6过滤设置窗口 37模板样式 37实现技术及相关组件 374.7提示信息窗口 38模板样式 38实现技术及相关组件 385菜单、工具条、状态条 385.1菜单标准化 38模板样式

6、 38风格标准化描述 39实现技术及相关组件 395.2工具栏标准化 39模板样式 39风格标准化描述 39实现技术及相关组件 395.3状态条标准化 40模板样式 40风格标准化描述 40实现技术及相关组件 406图形控件 406.1柱状图 41模板 41实现技术及组件 416.2饼图 42模板 42实现技术及组件 426.3折线图 42模板 42实现技术及组件 426.4趋势图 43模板 43实现技术及组件 43 1标准控件的标准化标准的控件主要包括：Edit Box、Check Box、Radio Button、Button、List Box、Combox、Label、Groupbox、

7、Progress Bar、List Control、Tree Control、Slider、Tab Control、Datetime Control、Month Calendar、Rich Edit等。1.1Button(按钮):模板样式（样式1）（样式2）（样式3）（样式4）风格标准化描述 上面模板中的样式实际是两类风格分别在winxp、win2000操作系统下的呈现样式，样式1、2是普通的按钮，样式1是在winxp下的显示格式；样式3、4是带图标的按钮，图标一定用16x16的小图标，样式3是在winxp下的显示格式。 一些标准按钮，如“确认”、“取消”、“应用”、“帮助”建议用普通按钮；

8、没有特别需要建议少用带图标的按钮格式，如果考虑从色彩衬托界面，图标的选择要和实际操作相符，图标要请专业设计人员设计，例如：在灰色的界面上放上一个很明亮的图标按钮应该是不错的选择； 同一系统中实现同样功能的按钮的标题和图标一定要一致、按钮风格要一致（大小、在窗口的布局），参见下图2-1-1“标准按钮的位置”一定要严格按照规范中的规定排列按钮，左右边距要固定；图2-1-1“标准按钮的位置” 为了实现规范中鼠标与键盘对应原则，建议按钮中使用快捷件，常用的按钮一定要支持快捷方式； 其他“易操作原则”、“美观协调原则”参见规范中的相关规定；实现技术及相关组件 为了实现按钮格式的统一，目前控件没有特殊需要

9、的情况下，建议用“BCG控件库”中的标准组件“CBCGPButton”； 用上面的组件能够根据操作系统的不同呈现不同的样式，如在winxp操作系统中，呈现模板中样式1、3风格，在win2000呈现模板中样式2、4的风格； 组件“CBCGPButton”的使用参见BCG中的相关例子，如果按默认路径安装BCG路径应该是“C:Program FilesBCGSoftBCGControlBarProBCGPControls”；1.2Check Box:模板样式（样式1）（样式2）风格标准化描述 Check Box有人翻译成复选框，要使用好此控件，首先了解控件的特点、功能； 上面模板中的两类风格分别在w

10、inxp、win2000操作系统下的呈现样式； 没有特别需要，使用标准控件就可以，默认标题显示在右边； 参考规范实现同类功能的复选框用frame框起来； 复选框按选择几率的高底而先后排列； 复选框和选项框要有默认选项，并支持Tab选择。 其他“易操作原则”、“美观协调原则”参见规范中的相关规定。实现技术及相关组件 为了实现按钮格式的统一，目前控件没有特殊需要的情况下，建议用“BCG控件库”中的标准组件“CBCGPButton”或标准Cbutton类（父窗口用“BCG控件库”中的组件）； 用上面的组件能够根据操作系统的不同呈现不同的样式，如在winxp操作系统中，呈现模板中样式1风格，在win2

11、000呈现模板中样式2的风格； 组件“CBCGPButton”的使用参见BCG中的相关例子，如果按默认路径安装BCG路径应该是“C:Program FilesBCGSoftBCGControlBarProBCGPControls”；1.3Radio Button:模板样式（样式1）（样式2）风格标准化描述 Radio Button有人翻译成选择框、单选框，要使用好此控件，首先了解控件的特点、功能，它的和上面两类控件一样都是按钮； 上面模板中的两类风格分别在winxp、win2000操作系统下的呈现样式； 没有特别需要，使用标准控件就可以，默认标题显示在右边； 参考规范实现同类功能的复选框用fr

12、ame框起来； 选项框按选择几率的高底而先后排列； 选项框要有默认选项，并支持Tab选择； 选项数相同时多用选项框而不用下拉列表框。 界面空间较小时使用下拉框而不用选项框。 选项数较少时使用选项框，相反使用下拉列表框。 其他“易操作原则”、“美观协调原则”参见规范中的相关规定。实现技术及相关组件 为了实现按钮格式的统一，目前控件没有特殊需要的情况下，建议用“BCG控件库”中的标准组件“CBCGPButton”； 用上面的组件能够根据操作系统的不同呈现不同的样式，如在winxp操作系统中，呈现模板中样式1风格，在win2000呈现模板中样式2的风格； 组件“CBCGPButton”的使用参见BC

13、G中的相关例子，如果按默认路径安装BCG路径应该是“C:Program FilesBCGSoftBCGControlBarProBCGPControls”；1.4Edit Box:模板样式（样式1）（样式2）风格标准化描述 上面模板中的两类风格分别在winxp、win2000操作系统下的呈现样式； 没有特别要求编辑框使用系统默认的前景和背景色，使用系统统一的字体格式； 对齐方式是作对齐； 常用的要放在窗口醒目位置，窗口打开时首先获得焦点，提供快捷操作方式； 同样时编辑框，前面的标签提示要统一； 建议提供录入数据有效性检验，如果录入了无效的数据，应该给以提示，控件自动获得焦点； 多行编辑框要支持

14、自动换行功能，垂直滚动条的功能，目的是方便输入； 其他“易操作原则”、“美观协调原则”参见规范中的相关规定。实现技术及相关组件 为了实现按钮格式的统一，目前控件没有特殊需要的情况下，建议用“BCG控件库”中的标准组件“CBCGPMaskEdit”； 用上面的组件能够根据操作系统的不同呈现不同的样式，如在winxp操作系统中，呈现模板中样式1风格，在win2000呈现模板中样式2的风格，还支持一些演码格式文本的录入，如下图； 组件“CBCGPMaskEdit”的使用参见BCG中的相关例子，如果按默认路径安装BCG路径应该是“C:Program FilesBCGSoftBCGControlBarP

15、roBCGPControls”；1.5Combo Box:模板样式（样式1）（样式2）(样式3)风格标准化描述 上面模板中的两类风格分别在winxp、win2000操作系统下的呈现样式； 没有特别要求编辑框使用系统默认的前景和背景色，使用系统统一的字体格式； 对齐方式是同CEdit； 常用的要放在窗口醒目位置，窗口打开时首先获得焦点，提供快捷操作方式； 同样时下拉框，前面的标签提示要统一； 建议用下拉框只用来选择数据，尽量少用（样式3）可以输入数据的下拉框； 这里只规定呈现风格，对实现的功能不做限制； 其他“易操作原则”、“美观协调原则”参见规范中的相关规定。实现技术及相关组件 为了实现按钮格

16、式的统一，目前控件没有特殊需要的情况下，用MFC的标准控件； 用上面的组件能够根据操作系统的不同呈现不同的样式，如在winxp操作系统中，呈现模板中样式1风格，在win2000呈现模板中样式2的风格； 系统中还用了一些特殊功能的下拉框，可以选择多个值，如下图1-1-3“多选功能下拉框”，使用“CCheckComboBox”组件实现，参见“局数据”有关功能；图2-1-2“多选功能下拉框”1.6List Box:系统中很少用此控件，使用时参考规范，用MFC的标准组件就可以了；1.7Static Text(静态文本):模板样式（样式1）（样式2）风格标准化描述 上面模板中的两类风格分别在winxp、

17、win2000操作系统下的呈现样式； 静态文本的功能比较单一，用来描述信息，放在一些控件（编辑框、下拉框）的左边描述控件的用途，一般使用系统默认风格和字体； 实现相同功能的控件要用统一的名称信息，放在控件左边时不应太长，要准确描述控件的用途；没有特别需要标签提示信息为灰底或透明、无边框、默认系统字体，中文版应使用中文全角冒号。 纵向左对齐，横向水平对齐。 如果要增加快捷键，参见样式1，纵向对齐右对齐； 其他“易操作原则”、“美观协调原则”参见规范中的相关规定。实现技术及相关组件如果没有特别需要使用MFC的标准控件就可实现。1.8List Control (列表控件):列表控件是系统中常用控件，

18、通常用来呈现大量的数据，他除了具有一些通用的功能外，还具有“排序”、“不同行呈现不同颜色”、“可编辑”等功能；模板样式（样式1）（样式2）样式3风格标准化描述 控件的背景色、标题的底色统一用windows默认色； 标题、显示内容统一靠左对齐，（显示内容是数字信息右对齐）字体和字号使用系统默认的设置（宋体、9号）； 统一使用“Border”风格，行列之间要有网格，行的高度要一致； 如果使用样式1，一定要注意选择的颜色和字体颜色的对比要明显，在蓝色背景放上黑色字体就不是很好；格式2除了行的背景色是统一白色外，其他同1。 样式3时可以编辑的列表控件，提供下拉框选择输入值，其他风格要和1、2样式一致；

19、 实现技术及相关组件目前系统中处理列表框的类比较多，根据实际频率CmyListCtrl使用比较频繁，功能也比较全面，统一使用CmyListCtrl类，对于没有的功能，在此可以进行扩展；如果要对列表框进行编辑，目前先使用CcomboListCtrl，用的地方不多，以后可以考虑统一成一个类。1.9Tree Control (树控件):模板样式图2-1-3“树控件模板”风格标准化描述 节点之间要有连线，不是叶子节点前面要有按钮，按钮的不同表示节点是否被展开； 要选中合适的背景色、图片；实现技术及相关组件 没有特别需要只用来展现数据之间的层次关系，使用MFC的标准类CtreeCtrl就可以； 另外使用

20、CtreeCtrlEx来处理鼠标的点击位置。1.10 Extend Tree Control (扩展树控件):模板样式图2-1-3“扩展树控件模板”风格标准化描述 节点之间要有连线，不是叶子节点前面要有按钮，按钮的不同表示节点是否被展开；实现技术及相关组件此控件和上面的下拉框和起来可以实现按层多选功能，用CcheckTreeCtrl组件实现此功能；1.11DateTime Control (时间日期控件):模板样式 格式一 格式二风格标准化描述 上面的模板是在winxp操作系统下的呈现风格，在win2000操作系统下呈现下图所示风格； 如果要开启时间编辑的使能状态，可以创建带勾选框的日期时间控

21、件，模板中控件前面的“check box”选中时，表明可以编辑，若“check box”没有选中，则控件是不可编辑的，如下图所示； 模板中的控件可以呈现日期、时间，也可以设置成只呈现日期如图所示 或 ，只显示时间如图，显示到年月日时分而不显示秒如图； 模板中的控件提供两种编辑方式：1） 通过控件右边“Drop Calendar Button”弹出“CalendarBar”控件（如下图“CalendarBar”）选择日期；图“CalendarBar”2） 通过右边“Spin Button”编辑日期、时间； 时间只显示小时、分钟；实现技术及相关组件模板中的日期时间空间使用BCG中的组件“CBCGP

22、DateTimeCtrl”实现，此组件的具体使用参见BCG中的例子“BCGControls”。1.12Progress Ctrl(进度控件):模板样式（样式1）（样式2）风格标准化描述 进度条分水平（样式1）和垂直（样式2）两种格式，根据实际情况选择使用； “smooth”属性设成“false”；实现技术及相关组件使用MFC的标准类CprogressCtrl；2 Dialog boxs(对话框)的标准化 对话框是WINDOWS应用系统经常用的一类窗口，它和Frame Window、Views、Controls同样都是窗口，从窗口类CWnd继承来的。对话框包括一般对话框，还包括一些实现特别功能的

23、对话框ColorDialog（颜色对话框）、FileDialog(文件对话框)、FindReplaceDialog、FontDialog、Print、PageSetup、OleDialog、PropertyPage等。这里只对普通对话框进行介绍，其他在下面提供专题介绍。 对话框分模态、非模态两种类型，我们系统中用的多的是模态对话框，对于对话框的分类、属性、用法请参见MFC相关文档，要想灵活使用此控件，必须了解此控件。下面介绍对话框呈现风格的标准化。 对话框及对话框上的标准控件在XP的系统上呈现XP的风格，在WIN2000的系统上呈现为WIN2000的风格。2.1模板样式（样式1） 样式1说明：

24、1. 多种类型的数据时以不同的TAB页展示。2. 每一类的数据，有一个图标来标示这类数据。图标能够表示出是哪类数据，不是盲目地随便放置上一个图标。3. 在图标旁有一行提示性的文字，来简要描述页面的作用。4. 在提示性的文字和界面控件间有一分隔线，能够明显区分开要求用户输入的部分。5. 界面控件排列整齐，左右边距相同，上下间距相同，控件间隔相同。6. 多个输入项时，提供热键支持的功能。能够方便用户直接利用键盘就可以在界面上选择不同的输入项。7. 能够根据业务，灵活地安排控件的大小。如：网址一般比城市等信息长，所以网页的输入框也比较长。（样式2） 样式2说明：1. 在页面是有一简短的提示操作的信息

25、，提示用户如何操作。2. 各种选择项以数字进行区分，能够直接表示出需要用户选择的内容。3. 合理运用可以多选的列表框，方便用户的操作。（样式3）样式3说明：1. 对话框使用宋体、大小为10的字体。控件距左右、上下边距8个单位。文本控件的高度为12。控件间间隔为8个单位。2. 根据业务情况，设置不同的输入框的大小。3. 合理设置对话框的默认按钮。在添加记录的窗口上，默认按钮应该设为“取消”，以防止用户不小心添加错误的数据。4. 窗口的操作按钮和输入控件间以分隔条分隔。2.2风格标准化描述目前系统中用的最多的控件是“对话框”，同类对话框的呈现风格（大小比例、字体、颜色、打开位置、相关属性）要一致。

26、 上面两种样式的对话框都是运行在winxp操作系统下，格式1对话框使用MFC的标准类CDialog，上面控件呈现win2000风格。 一般情况下长宽接近黄金点比例，少用长宽比例失调的窗口、宽度超长的窗口； 窗口不能太大，整个不要超过整个屏幕的一半，并且窗口设计时要考虑系统分辨率的变化，分辨率变化时应能正常显示； 对话框使用宋体、大小为10的字体。控件距左右、上下边距8个单位。文本控件的高度为12。控件间间隔为8个单位。 父窗口或主窗口打开时默认位置应该在屏幕对角线相交的位置，这是用户直视的地方；子窗体位置应该在主窗体的左上角或正中；多个子窗体弹出时应该依次向右下方偏移，以显示出窗体标题为宜。

27、窗口主色考虑使用Windows界面色调，参考大型系统#E1E1E1、#EFEFEF、#C0C0C0等。 窗口上控件布局要合理,不宜过于密集，也不能过于空旷，合理的利用空间； 如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放；对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能；通常父窗体支持缩放时，子窗体没有必要缩放。 窗口中快捷键的使用要统一，一个窗口支持“Esc”键退出，另外的也应该支持； 如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。2.3实现技术及相关组件系统中的对话框使用BCG的类CBCGPDialog；做到

28、把对话框上的控件随操作系统的不同显示为不同的风格，在XP上时，显示为XP的风格，在WIN2000上时，显示为2000的风格。注意事项：在工程的资源中加入文件，并对资源类命名为24，加入的文件命名为1。例子参见：BCG的BCGPControls的例子。3通用对话框类3.1打开、保存文件框:模板样式实现技术及相关组件用CFileDialog类实现。3.2选择文件夹框模板样式实现技术及相关组件#include /功能说明：使用API “SHBrowseForFolder”,选择一个文件夹。/参数： hParent 文件夹父窗口的HWND。strFolder 保存被选文件夹的名称。int Select

29、Folder(HWND hParent, CString &strFolder) strFolder.Empty(); LPMALLOC lpMalloc; if (:SHGetMalloc(&lpMalloc) != NOERROR) return 0; char szDisplayName_MAX_PATH; char szBuffer_MAX_PATH; BROWSEINFO browseInfo; browseInfo.hwndOwner = hParent; browseInfo.pidlRoot = NULL; / set root at Desktop browseInfo.pszDisplayName = szDisplayName; browseInfo.lpszTitle = Select a folder; browseInfo.ulFlags = BIF_RETURNFSANCESTORS|BIF_RETURNONLYFSDIRS; browseIn