盘古delphi窗体设计规范

1.1 窗体/对话框设计
1.1.1 一般说明
在本规范中主要对应用程序的窗体/对话框界面进行说明。

并且主要
是说明在窗体中控件的排列规范
1.1.2 消息对话框
用来显示错误消息和其他重要信息的模式对话框叫消息对话框。

在
对话款中包含标题栏，用来表示消息的来源。

在消息对话框中还包含一个只是正在被显示的消息种类的图形符号，消息的三种类型是：
(提示：信息框统一采用MessageBox )。

●
信息消息； ●
警告消息； ● 极重要消息。

图 1 信息消息框
图 2 警告消息框
图 3 极重要消息
1.1.3 窗体
在窗体的设计中，本规范主要说明按钮在窗体中的放置位置。

● 窗体中的颜色设置为标准的Windows 颜色，以灰色为主。

窗体中文字颜色为
黑色；
● 窗体中的字体为宋体，字号为5号；
● 窗体的大小应为60的倍数；
● 窗体中的标题栏中不能含有图标，文字对齐方式为左对齐，窗体中要包含关闭按钮。

如
果需要设置显示为（？）的帮助按钮；
● 窗体中主要控制要包含快捷键；
● 窗体的位置。

窗体通常水平和垂直地置于应用程序窗口的中央。

如果一个应
用程序找到一个更适合对话框的位置，也可以放在别处。

●如果按钮命令显示一个对话框，在标题中需要有如下的提示（…）。

如(显示图例…)
●按钮的大小。

按钮的高为“27”，宽为“90”（在将按钮和对话框的网格对齐时，网格的
间隔设为10-15）。

当按钮的标题超过两个汉字时，可以适当增加按钮的宽。

如果需要，可以增加按钮的高，当改变按钮的形状，风格时，应该经过项目组的统一；
●推荐的按钮。

每个对话框都至少包含一个关闭对话框的按钮。

只要求用户确认（而不用
选择）的消息对话框只包含一个标以“确认”的按钮。

其他所有对话框都至少包含两个按钮：一个关闭对话框并启动一个动作；另一个关闭对话框但并不启动任何动作。

启动动作的按钮通常标以“确认”。

关闭对话框但不启动任何动作的按钮通常标以“取消”。

某些对话框（称为多动作对话框）另外包括一些允许用户启动某些动作但不管比对话框的按钮。

在这些对话款中，如果由这些附加按钮执行的动作无可挽回的修改用户的数据，则第一个动作已完成，“取消”按钮的标签就应该改为“关闭”。

不管这个按钮标以“取消”还是“关闭”，用户都可以通过“ESC”键表示按下这个按钮。

（确认和取消按钮没有助记符）如果标签是“关闭”，应该由一个字母“C”下画下划线作为助记符。

●默认的按钮。

对话框中的一个命令按钮可以指定为默认按钮，他在用户按ENTER键时
按下。

默认按钮以一个粗边框却别其他按钮。

●按钮的动态标签。

个别的按钮的标签可以根据两种方式改变当前用户的可用性能：
a)如果按钮代表的动作当前不可用，其标签应当变暗；
b)如果按钮代表的动作的性质根据环境产生改变，其标签可以更改以反映这个改变；
●按钮的排放。

只要可能，按钮都以下述两种排放方式中的一种放置：
a)从右上角起沿窗体的右边界排放。

（见图7、图8和图9）在这种方式下，按钮通常是等
宽的。

根据命令按钮是否启动一个动作将他们编组。

如果存在一个确认按钮，按钮和取消按钮要编在一个组里，和其他动作按钮分开。

（见图8）如果不存在“确认”按钮，“取消”按钮可以和其他动作按钮编在一起。

在一按钮的底部和同组中下一个按钮的顶部之间相隔“10”。

组与组之间的间隔为“缇”。

在对话框的边界和按钮的边界（指第一个按钮的顶部，最后一个按钮的底部，以及所有按钮的右边界）之间间隔为“20”。

图 4 无Help的竖式按钮布局
图 5 带确认，取消和帮助的竖式按钮和布局
图 6 不带确认的竖式按钮布局
b)沿窗体底部排成行。

（见图10、图11和图12）根据命令按钮是否启动一个动作将他们
编组。

如果存在一个确认按钮，按钮和取消按钮要编在一个组里，和其他动作按钮分开。

如果不存在“确认”按钮，“取消”按钮可以和其他动作按钮编在一起。

在一按钮的右边界和同组中下一个按钮的左边界之间相隔“10”。

组与组之间的间隔为“20”。

在窗体的边界和按钮的边界（指第一个按钮的左边界，最后一个按钮的右边界，以及所有按钮的底部）之间间隔为“20”。

正常情况下按钮应该是等框，当个别按钮可以宽一点以容纳过长文字。

图7 带确认，取消和帮助的横式按钮布局
图8 不带帮助的横式按钮布局
图9 带长按钮的横式布局
●按钮排放的另外规则：
a)最重要的按钮-典型的，是默认按钮-应该放在顶部（如果用排放方式A）或者在左边，
后跟其他的可启动动作的按钮，在接HELP按钮。

b)Help按钮放在其他按钮之后，是它位于对话框的右下部附近。

c)如果单是一种方位没有足够的空间容纳下所有的按钮，可以用排放方式A排放最重要
的命令按钮，而用排放方式B排放其他所有的命令按钮。

图中表示了按钮之间的间隔大小。

图中的矩形代表窗体中的按钮。

宽度90
间距10
高度27
间距10或15
●窗体中Text设置；
Text框的高度=ComboBox的缺省高度一致
Text框之间的间隔=15
●窗体中CheckBox设置；
CheckBox的高度= ComboBox的缺省高度一致
CheckBox之间的间隔=15
●窗体中Option设置；
Option的高度= ComboBox的缺省高度一致
Option之间的间隔=15
●窗体中Label设置；
Label的高度= ComboBox的缺省高度一致
Label之间的间隔=15
●窗体中TabPage设置；
如果采用Ms的SSTab控件或者类似的Tab控件，则必须将该控件设置为
属性页的显示方式。

●窗体中的控制和窗体、控制和控制之间的位置关系
a)窗体中的控制（已经作了规定的除外）与窗体对齐边缘的距离为“15”。

图10 窗体中的控制
b)如果一个控制最为另一个控制的容器，着这个控制与另一个控制边缘对齐的距离为
“15”。

如下图
图11 控制容器中的控制
1.1.4DBGridEh
a)DBGridEh的颜色：
FooterColor：clInfoBk
OddRowColor：clMoneyGreen
EvenRowColor：clInactiveCaptionText
（注：可编辑下载，若有不当之处，请指正，谢谢!）。