VC前台开发复用标准化V11.docx
《VC前台开发复用标准化V11.docx》由会员分享，可在线阅读，更多相关《VC前台开发复用标准化V11.docx（48页珍藏版）》请在冰豆网上搜索。
VC前台开发复用标准化V11
浪潮乐金OSSD
文档编号
文档版本
密级
LC-LG-07-S-0600
V1.0.0
产品名称：
前台开发标准化
共页
前台开发标准化
（仅供内部使用）
V1.0.0
文档作者：
日期：
开发/测试经理：
_____________________日期：
产品经理：
____________________日期：
管理办：
_____________________日期：
浪潮乐金信息系统有限公司
版权所有不得复制
本文档版权由浪潮信息系统有限公司所有。
未经本公司书面许可,任何单位与个人不得以任何形式摘抄、复制文档的部分或全部，并以任何形式传播
文档修订
版本
日期
更改人
修改描述（注明修改的条款或页）
抄送人：
批准人签字
职务
甲方/乙方
姓名
日期
甲方
乙方
编号说明：
本文档编号依照以下原则进行：
X.Y.ZX:
大版本更新，文档结构变化
Y:
具体方案的更改，部分内容的修正
Z:
文字修改，奇数为包含对上一版修改记录的稿子
偶数为对上修改稿的定稿
目录
1标准控件的标准化5
1.1Button（按钮）:
5
模板样式5
风格标准化描述5
实现技术及相关组件6
1.2CheckBox:
6
模板样式6
风格标准化描述7
实现技术及相关组件7
1.3RadioButton:
7
模板样式7
风格标准化描述7
实现技术及相关组件8
1.4EditBox:
8
模板样式8
风格标准化描述8
实现技术及相关组件9
1.5ComboBox:
9
模板样式9
风格标准化描述9
实现技术及相关组件9
1.6ListBox:
10
1.7StaticText（静态文本）:
11
模板样式11
风格标准化描述11
实现技术及相关组件11
1.8ListControl（列表控件）:
11
模板样式12
风格标准化描述12
实现技术及相关组件13
1.9TreeControl（树控件）:
13
模板样式13
风格标准化描述13
实现技术及相关组件14
1.10ExtendTreeControl（扩展树控件）:
14
模板样式14
风格标准化描述14
实现技术及相关组件14
1.11DateTimeControl（时间日期控件）:
15
模板样式15
风格标准化描述15
实现技术及相关组件15
1.12ProgressCtrl（进度控件）:
16
模板样式16
风格标准化描述16
实现技术及相关组件16
2Dialogboxs（对话框）的标准化16
2.1模板样式17
2.2风格标准化描述18
2.3实现技术及相关组件19
3通用对话框类20
3.1打开、保存文件框:
20
模板样式20
实现技术及相关组件20
3.2选择文件夹框21
模板样式21
实现技术及相关组件21
3.3字体选择设置框23
模板样式23
实现技术及相关组件23
3.4颜色选择设置框23
模板样式23
实现技术及相关组件24
3.5打印页面设置框、打印框、打印预览框24
模板样式24
实现技术及相关组件25
3.6OUTLOOKBAR26
模板样式26
实现技术及相关组件26
4各类窗口的标准化27
4.1框架窗口27
模板27
实现技术及相关组件28
4.2数据查询界面28
模板样式28
实现技术及相关组件31
4.3数据管理窗口31
模板样式32
实现技术及相关组件34
4.4数据录入窗口35
模板样式35
实现技术及相关组件36
4.5系统基本设置窗口36
模板样式36
实现技术及相关组件37
4.6过滤设置窗口37
模板样式37
实现技术及相关组件37
4.7提示信息窗口38
模板样式38
实现技术及相关组件38
5菜单、工具条、状态条38
5.1菜单标准化38
模板样式38
风格标准化描述39
实现技术及相关组件39
5.2工具栏标准化39
模板样式39
风格标准化描述39
实现技术及相关组件39
5.3状态条标准化40
模板样式40
风格标准化描述40
实现技术及相关组件40
6图形控件40
6.1柱状图41
模板41
实现技术及组件41
6.2饼图42
模板42
实现技术及组件42
6.3折线图42
模板42
实现技术及组件42
6.4趋势图43
模板43
实现技术及组件43
1标准控件的标准化
标准的控件主要包括：
EditBox、CheckBox、RadioButton、Button、ListBox、Combox、Label、Groupbox、ProgressBar、ListControl、TreeControl、Slider、TabControl、DatetimeControl、MonthCalendar、RichEdit等。
1.1Button（按钮）:
模板样式
（样式1）
（样式2）
（样式3）
（样式4）
风格标准化描述
●上面模板中的样式实际是两类风格分别在winxp、win2000操作系统下的呈现样式，样式1、2是普通的按钮，样式1是在winxp下的显示格式；样式3、4是带图标的按钮，图标一定用16x16的小图标，样式3是在winxp下的显示格式。
●一些标准按钮，如“确认”、“取消”、“应用”、“帮助”建议用普通按钮；
●没有特别需要建议少用带图标的按钮格式，如果考虑从色彩衬托界面，图标的选择要和实际操作相符，图标要请专业设计人员设计，例如：
在灰色的界面上放上一个很明亮的图标按钮应该是不错的选择；
●同一系统中实现同样功能的按钮的标题和图标一定要一致、按钮风格要一致（大小、在窗口的布局），参见下图2-1-1“标准按钮的位置”一定要严格按照规范中的规定排列按钮，左右边距要固定；
图2-1-1“标准按钮的位置”
●为了实现《规范》中鼠标与键盘对应原则，建议按钮中使用快捷件，常用的按钮一定要支持快捷方式；
●其他“易操作原则”、“美观协调原则”参见《规范》中的相关规定；
实现技术及相关组件
●为了实现按钮格式的统一，目前控件没有特殊需要的情况下，建议用“BCG控件库”中的标准组件“CBCGPButton”；
●用上面的组件能够根据操作系统的不同呈现不同的样式，如在winxp操作系统中，呈现模板中样式1、3风格，在win2000呈现模板中样式2、4的风格；
●组件“CBCGPButton”的使用参见BCG中的相关例子，如果按默认路径安装BCG路径应该是“C:
\ProgramFiles\BCGSoft\BCGControlBarPro\BCGPControls”；
1.2CheckBox:
模板样式
（样式1）
（样式2）
风格标准化描述
●CheckBox有人翻译成复选框，要使用好此控件，首先了解控件的特点、功能；
●上面模板中的两类风格分别在winxp、win2000操作系统下的呈现样式；
●没有特别需要，使用标准控件就可以，默认标题显示在右边；
●参考《规范》实现同类功能的复选框用frame框起来；
●复选框按选择几率的高底而先后排列；
●复选框和选项框要有默认选项，并支持Tab选择。
●其他“易操作原则”、“美观协调原则”参见《规范》中的相关规定。
实现技术及相关组件
●为了实现按钮格式的统一，目前控件没有特殊需要的情况下，建议用“BCG控件库”中的标准组件“CBCGPButton”或标准Cbutton类（父窗口用“BCG控件库”中的组件）；
●用上面的组件能够根据操作系统的不同呈现不同的样式，如在winxp操作系统中，呈现模板中样式1风格，在win2000呈现模板中样式2的风格；
●组件“CBCGPButton”的使用参见BCG中的相关例子，如果按默认路径安装BCG路径应该是“C:
\ProgramFiles\BCGSoft\BCGControlBarPro\BCGPControls”；
1.3RadioButton:
模板样式
（样式1）
（样式2）
风格标准化描述
●RadioButton有人翻译成选择框、单选框，要使用好此控件，首先了解控件的特点、功能，它的和上面两类控件一样都是按钮；
●上面模板中的两类风格分别在winxp、win2000操作系统下的呈现样式；
●没有特别需要，使用标准控件就可以，默认标题显示在右边；
●参考《规范》实现同类功能的复选框用frame框起来；
●选项框按选择几率的高底而先后排列；
●选项框要有默认选项，并支持Tab选择；
●选项数相同时多用选项框而不用下拉列表框。
●界面空间较小时使用下拉框而不用选项框。
●选项数较少时使用选项框，相反使用下拉列表框。
●其他“易操作原则”、“美观协调原则”参见《规范》中的相关规定。
实现技术及相关组件
●为了实现按钮格式的统一，目前控件没有特殊需要的情况下，建议用“BCG控件库”中的标准组件“CBCGPButton”；
●用上面的组件能够根据操作系统的不同呈现不同的样式，如在winxp操作系统中，呈现模板中样式1风格，在win2000呈现模板中样式2的风格；
●组件“CBCGPButton”的使用参见BCG中的相关例子，如果按默认路径安装BCG路径应该是“C:
\ProgramFiles\BCGSoft\BCGControlBarPro\BCGPControls”；
1.4EditBox:
模板样式
（样式1）
（样式2）
风格标准化描述
●上面模板中的两类风格分别在winxp、win2000操作系统下的呈现样式；
●没有特别要求编辑框使用系统默认的前景和背景色，使用系统统一的字体格式；
●对齐方式是作对齐；
●常用的要放在窗口醒目位置，窗口打开时首先获得焦点，提供快捷操作方式；
●同样时编辑框，前面的标签提示要统一；
●建议提供录入数据有效性检验，如果录入了无效的数据，应该给以提示，控件自动获得焦点；
●多行编辑框要支持自动换行功能，垂直滚动条的功能，目的是方便输入；
●其他“易操作原则”、“美观协调原则”参见《规范》中的相关规定。
实现技术及相关组件
●为了实现按钮格式的统一，目前控件没有特殊需要的情况下，建议用“BCG控件库”中的标准组件“CBCGPMaskEdit”；
●用上面的组件能够根据操作系统的不同呈现不同的样式，如在winxp操作系统中，呈现模板中样式1风格，在win2000呈现模板中样式2的风格，还支持一些演码格式文本的录入，如下图；
●组件“CBCGPMaskEdit”的使用参见BCG中的相关例子，如果按默认路径安装BCG路径应该是“C:
\ProgramFiles\BCGSoft\BCGControlBarPro\BCGPControls”；
1.5ComboBox:
模板样式
（样式1）
（样式2）
（样式3）
风格标准化描述
●上面模板中的两类风格分别在winxp、win2000操作系统下的呈现样式；
●没有特别要求编辑框使用系统默认的前景和背景色，使用系统统一的字体格式；
●对齐方式是同CEdit；
●常用的要放在窗口醒目位置，窗口打开时首先获得焦点，提供快捷操作方式；
●同样时下拉框，前面的标签提示要统一；
●建议用下拉框只用来选择数据，尽量少用（样式3）可以输入数据的下拉框；
●这里只规定呈现风格，对实现的功能不做限制；
●其他“易操作原则”、“美观协调原则”参见《规范》中的相关规定。
实现技术及相关组件
●为了实现按钮格式的统一，目前控件没有特殊需要的情况下，用MFC的标准控件；
●用上面的组件能够根据操作系统的不同呈现不同的样式，如在winxp操作系统中，呈现模板中样式1风格，在win2000呈现模板中样式2的风格；
●系统中还用了一些特殊功能的下拉框，可以选择多个值，如下图1-1-3“多选功能下拉框”，使用“CCheckComboBox”组件实现，参见“局数据”有关功能；
图2-1-2“多选功能下拉框”
1.6ListBox:
系统中很少用此控件，使用时参考规范，用MFC的标准组件就可以了；
1.7StaticText（静态文本）:
模板样式
（样式1）
（样式2）
风格标准化描述
●上面模板中的两类风格分别在winxp、win2000操作系统下的呈现样式；
●静态文本的功能比较单一，用来描述信息，放在一些控件（编辑框、下拉框）的左边描述控件的用途，一般使用系统默认风格和字体；
●实现相同功能的控件要用统一的名称信息，放在控件左边时不应太长，要准确描述控件的用途；没有特别需要标签提示信息为灰底或透明、无边框、默认系统字体，中文版应使用中文全角冒号。
●纵向左对齐，横向水平对齐。
●如果要增加快捷键，参见样式1，纵向对齐右对齐；
●其他“易操作原则”、“美观协调原则”参见《规范》中的相关规定。
实现技术及相关组件
如果没有特别需要使用MFC的标准控件就可实现。
1.8ListControl（列表控件）:
列表控件是系统中常用控件，通常用来呈现大量的数据，他除了具有一些通用的功能外，还具有“排序”、“不同行呈现不同颜色”、“可编辑”等功能；
模板样式
（样式1）
（样式2）
样式3
风格标准化描述
●控件的背景色、标题的底色统一用windows默认色；
●标题、显示内容统一靠左对齐，（显示内容是数字信息右对齐）字体和字号使用系统默认的设置（宋体、9号）；
●统一使用“Border”风格，行列之间要有网格，行的高度要一致；
●如果使用样式1，一定要注意选择的颜色和字体颜色的对比要明显，在蓝色背景放上黑色字体就不是很好；格式2除了行的背景色是统一白色外，其他同1。
●样式3时可以编辑的列表控件，提供下拉框选择输入值，其他风格要和1、2样式一致；
实现技术及相关组件
目前系统中处理列表框的类比较多，根据实际频率CmyListCtrl使用比较频繁，功能也比较全面，统一使用CmyListCtrl类，对于没有的功能，在此可以进行扩展；如果要对列表框进行编辑，目前先使用CcomboListCtrl，用的地方不多，以后可以考虑统一成一个类。
1.9TreeControl（树控件）:
模板样式
图2-1-3“树控件模板”
风格标准化描述
●节点之间要有连线，不是叶子节点前面要有按钮，按钮的不同表示节点是否被展开；
●要选中合适的背景色、图片；
实现技术及相关组件
●没有特别需要只用来展现数据之间的层次关系，使用MFC的标准类CtreeCtrl就可以；
●另外使用CtreeCtrlEx来处理鼠标的点击位置。
1.10ExtendTreeControl（扩展树控件）:
模板样式
图2-1-3“扩展树控件模板”
风格标准化描述
●节点之间要有连线，不是叶子节点前面要有按钮，按钮的不同表示节点是否被展开；
实现技术及相关组件
此控件和上面的下拉框和起来可以实现按层多选功能，用CcheckTreeCtrl组件实现此功能；
1.11DateTimeControl（时间日期控件）:
模板样式
格式一格式二
风格标准化描述
●上面的模板是在winxp操作系统下的呈现风格，在win2000操作系统下呈现下图所示风格；
●如果要开启时间编辑的使能状态，可以创建带勾选框的日期时间控件，模板中控件前面的“checkbox”选中时，表明可以编辑，若“checkbox”没有选中，则控件是不可编辑的，如下图所示；
●模板中的控件可以呈现日期、时间，也可以设置成只呈现日期如图所示
或
，只显示时间如图
，显示到年月日时分而不显示秒如图
；
●模板中的控件提供两种编辑方式：
1）通过控件右边“DropCalendarButton”弹出“CalendarBar”控件（如下图“CalendarBar”）选择日期；
图“CalendarBar”
2）通过右边“SpinButton”编辑日期、时间；
●时间只显示小时、分钟；
实现技术及相关组件
模板中的日期时间空间使用BCG中的组件“CBCGPDateTimeCtrl”实现，此组件的具体使用参见BCG中的例子“BCGControls”。
1.12ProgressCtrl（进度控件）:
模板样式
（样式1）
（样式2）
风格标准化描述
●进度条分水平（样式1）和垂直（样式2）两种格式，根据实际情况选择使用；
●“smooth”属性设成“false”；
实现技术及相关组件
使用MFC的标准类CprogressCtrl；
2Dialogboxs（对话框）的标准化
对话框是WINDOWS应用系统经常用的一类窗口，它和FrameWindow、Views、Controls同样都是窗口，从窗口类CWnd继承来的。
对话框包括一般对话框，还包括一些实现特别功能的对话框ColorDialog（颜色对话框）、FileDialog（文件对话框）、FindReplaceDialog、FontDialog、Print、PageSetup、OleDialog、PropertyPage等。
这里只对普通对话框进行介绍，其他在下面提供专题介绍。
对话框分模态、非模态两种类型，我们系统中用的多的是模态对话框，对于对话框的分类、属性、用法请参见MFC相关文档，要想灵活使用此控件，必须了解此控件。
下面介绍对话框呈现风格的标准化。
对话框及对话框上的标准控件在XP的系统上呈现XP的风格，在WIN2000的系统上呈现为WIN2000的风格。
2.1模板样式
（样式1）
样式1说明：
1.多种类型的数据时以不同的TAB页展示。
2.每一类的数据，有一个图标来标示这类数据。
图标能够表示出是哪类数据，不是盲目地随便放置上一个图标。
3.在图标旁有一行提示性的文字，来简要描述页面的作用。
4.在提示性的文字和界面控件间有一分隔线，能够明显区分开要求用户输入的部分。
5.界面控件排列整齐，左右边距相同，上下间距相同，控件间隔相同。
6.多个输入项时，提供热键支持的功能。
能够方便用户直接利用键盘就可以在界面上选择不同的输入项。
7.能够根据业务，灵活地安排控件的大小。
如：
网址一般比城市等信息长，所以网页的输入框也比较长。
（样式2）
样式2说明：
1.在页面是有一简短的提示操作的信息，提示用户如何操作。
2.各种选择项以数字进行区分，能够直接表示出需要用户选择的内容。
3.合理运用可以多选的列表框，方便用户的操作。
（样式3）
样式3说明：
1.对话框使用宋体、大小为10的字体。
控件距左右、上下边距8个单位。
文本控件的高度为12。
控件间间隔为8个单位。
2.根据业务情况，设置不同的输入框的大小。
3.合理设置对话框的默认按钮。
在添加记录的窗口上，默认按钮应该设为“取消”，以防止用户不小心添加错误的数据。
4.窗口的操作按钮和输入控件间以分隔条分隔。
2.2风格标准化描述
目前系统中用的最多的控件是“对话框”，同类对话框的呈现风格（大小比例、字体、颜色、打开位置、相关属性）要一致。
●上面两种样式的对话框都是运行在winxp操作系统下，格式1对话框使用MFC的标准类CDialog，上面控件呈现win2000风格。
●一般情况下长宽接近黄金点比例，少用长宽比例失调的窗口、宽度超长的窗口；
●窗口不能太大，整个不要超过整个屏幕的一半，并且窗口设计时要考虑系统分辨率的变化，分辨率变化时应能正常显示；
●对话框使用宋体、大小为10的字体。
控件距左右、上下边距8个单位。
文本控件的高度为12。
控件间间隔为8个单位。
●父窗口或主窗口打开时默认位置应该在屏幕对角线相交的位置，这是用户直视的地方；子窗体位置应该在主窗体的左上角或正中；多个子窗体弹出时应该依次向右下方偏移，以显示出窗体标题为宜。
●窗口主色考虑使用Windows界面色调，参考大型系统"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
●窗口上控件布局要合理,不宜过于密集，也不能过于空旷，合理的利用空间；
●如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放；对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能；通常父窗体支持缩放时，子窗体没有必要缩放。
●窗口中快捷键的使用要统一，一个窗口支持“Esc”键退出，另外的也应该支持；
●如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。
2.3实现技术及相关组件
系统中的对话框使用BCG的类CBCGPDialog；做到把对话框上的控件随操作系统的不同显示为不同的风格，在XP上时，显示为XP的风格，在WIN2000上时，显示为2000的风格。
注意事项：
在工程的资源中加入
文件，并对资源类命名为24，加入的文件命名为1。
例子参见：
BCG的BCGPControls的例子。
3通用对话框类
3.1打开、保存文件框:
模板样式
实现技术及相关组件
用CFileDialog类实现。
3.2选择文件夹框
模板样式
实现技术及相关组件
#include
//功能说明：
使用API“SHBrowseForFolder”,选择一个文件夹。
//参数：
hParent文件夹父窗口的HWND。
strFolder保存被选文件夹的名称。
intSelectFolder（HWNDhParent,CString&strFolder）
{
strFolder.Empty（）;
LPMALLOClpMalloc;
if（:
:
SHGetMalloc（&lpMalloc）!
=NOERROR）return0;
charszDisplayName[_MAX_PATH];
charszBuffer[_MAX_PATH];
BROWSEINFObrowseInfo;
browseInfo.hwndOwner=hParent;
browseInfo.pidlRoot=NULL;//setrootatDesktop
browseInfo.pszDisplayName=szDisplayName;
browseInfo.lpszTitle="Selectafolder";
browseInfo.ulFlags=BIF_RETURNFSANCESTORS|BIF_RETURNONLYFSDIRS;
browseIn
升级会员 