UI设计标准文档

文档介绍1.1文档的目的本文档详细描述了目标软件系统的界面设计内容，软件设计人员将据此进行各模块的界面设计，测试人员将据此进行各模块的功能和性能测试。1.2文档的范围本文档适合金枫连锁信息管理系统新版本系统的界面设计。1.3读者对象软件设计人员测试人员1.4参考文档《用户界面设计_基本规程_V0.1.doc》1.5术语与缩写解释用户界面设计规范参考《用户界面设计基本规程V0.1.doc》文档用户界面汇总界面名称标识符描述用途及与其他界面之间的关系主界面GUI-MainForm加载主采单、背景显示、导航采单普诵杳询窗体GUI-CommonQueryForm由单个网格控件组成，提供对数据的普通查询导航查询窗体GUI-NavQueryForm由左侧的属性导航控件和右侧的网格控件组成，提供对数据的普通查询和快捷查询树形杳询窗体GUI-TreeQueryForm由属性控件组成，提供对数据的树形查询和显示矩阵报表窗体GUI-MatrixReportForm由矩阵报表控件组成，提供对数据分析的矩阵显示图形报表窗体GUI-ChartReportForm由图形报表控件组成，提供对数据分析的图形显示

可编辑普诵杳询窗体GUI-EditableCommonQueryForm由可编辑的网格控件组成，提供对数据的直接增删改操作，以及杳询功能可编辑树形杳询窗体GUI-EditableTreeQueryForm由可编辑的树形控件组成，提供对树的直接增删改操作，以及树形杳询功能普通编辑窗体GUI-CommonEditForm对单条数据进行增删改操作的窗体主从编辑窗体GUI-MDEditForm对主从表结构的数据进行增删改操作的窗体界面标准和公共控件4.1界面元素精度标准兀素类型标准字体宋体,字号为9号,字形为常规工具条图标大小为24X24不带文字的工具条高度为 36px带文字的工具条高度为 48px编辑控件高度为20px对齐方式：与冋行控件水平对齐；与冋列控件两端对齐控件内容对齐方式：文本为左对齐；数值为右对齐标签米用右对齐方式日期控件显示格式为：yyyy-MM-dd带时间的日期控件显示格式为 ：yyyy-MM-ddHH24:mi:ss按钮高度为23px四个汉字以内的宽度为75px公共按钮必须配备快捷键（杳看标准按钮库说明）标签页高度为20px宽度根据标题字数自适应调整树形控件宽度默认为200px可通过鼠标拖动调整宽度表格控件表格标题咼度为23px必须显示快捷杳询行，高度为23px行高度为21px行号栏宽度为40px，完整显示3位字数垂直滚动条的宽度为15px水平滚动条的高度为15px列标题和行内容对齐方式：文本为左对齐；数值为右对齐弹出式窗体窗体为模态对话框（独占式）初始位置为屏幕居中显示屏蔽最小化按钮，最大化和关闭按钮可用可以鼠标拖动调整窗体位置和大小界面样式所有可编辑样式的控件均可自定义显示样式

可导入和导出样式文件支持系统管理员或操作员配置管理样式LOV高度不低于200,宽度不低于210,窗口标题命名统一为XXXXX列表悬浮提示窗体窗体宽度为260px，高度为68px初始位置为屏幕居中显示，不可移动标题居中显示，宽度为 130px，高度为14px，粗体提示文本居中显示，宽度为 250px，咼度为14px进度条提示窗体窗体宽度为292px，高度为65px初始位置为屏幕居中显示，不可移动提示文本居中显示，宽度为 286px，咼度为38px，可自动换行进度条居中显示，宽度为 286px，咼度为21px，进度显示为百分比，在进度条中间显示4.2标准按钮库及快捷键

btn_yes［臬①&快捷键Alt+Ybtn_abortf絆止②1（快捷键Alt+Z4.3标准交互对话框库对话框标识图例使用说明Msg_error_system系统发生未知异常时，框架弹出提示信息对话框标识图例使用说明Msg_error_system系统发生未知异常时，框架弹出提示信息孑眞Br!U孑眞Br!U卫轉【£也：的*if号科,nfl*审审.在向操作员提示了异常信息后，需要向操作员提供更加详细（如数据库返回的异常、或框架返回的异常等）时，使用该种类型提示框Msg_error_customMsg_error_customMsgMsg」nfo_o■定5v£cer-i.[a.Ffertaff&jMEKsar>an:斗IE姻HhD：\l斤承3SS-SWSS'iT^stPrqlectFrairerto<k\bfi\iDebLiQ|l5¥5tsmMes5afle.jorB丈件名广D:□:禅環目|吐桐圧理甘理宗葫卡餐很班\T^Pr^ect_FraiiewDrt\bln\DebuQ,i.S^temMe5saflejtnT55^stenxlD._Ejro<BWn]OE[TOr(lnD2errortode.StmgrraybeFu^iitii)在SysterT^ID.FfeStream.lifiC^lTngpath;WHodenwcleiFfeAccess*cceM,lnt33nghts,Boc*eanuseRights^FfeSharesharefJntSZbu和SamFieOptlongoptKm%5EQJR[TY_AITRIBLITE55€CAttT5rStwgnsgPsthrBMteanbFwn^lWpBOOleanUMiLflrflPatti}覆SytterrLfOJi^StTflairt.ctfl^trPo 用e«pdF Ha■"時s主要用于系统提示类信息的对话框，告知用户系统做了什么如”保存成功”Msg_warn_oMsg_warn_o主要用于系统警告类信息的对话框 ，提醒用户发生或将要发生什么，如”XXX文件不存在”、“单据已审核，不能修改”Msg_error_oMsg_error_o主要用于系统错误类信息的对话框 ，提醒用户发生了什么异常，如“删除失败”Msg_ask_ocMsg_warn_ocMsg_error_ocMsg_ask_ariMsg_error_ariMsg_ask_yncMsg_warn_yncMsg_error_yncL-fMsg_ask_ocMsg_warn_ocMsg_error_ocMsg_ask_ariMsg_error_ariMsg_ask_yncMsg_warn_yncMsg_error_yncL-fTMsg_ask_yn主要用于系统询问类信息的对话框 ，让用户选择接下来的操作，选择确定，系统继续执行；选择取消，系统中断执行，返回操作界面提示语一般要包含“确定要XXX吗？”，如“确定要退出系统吗？”主要用于系统警告类信息的对话框 ，让用户选择接下来的操作，选择确定，系统继续执行；选择取消，系统中断执行，返回操作界面提示语一般要包含“XXX警告信息，确定要XXX吗？”，如“系统将从数据库删除此单据，确定要继续吗？”主要用于系统错误类信息的对话框 ，让用户选择接下来的操作，选择确定，系统继续执行；选择取消，系统中断执行，返回操作界面提示语一般要包含“XXX错误信息，确定要XXX吗？”，如“XXX文件不存在，确定要继续吗？”主要用于系统询问类信息的对话框 ，让用户选择接下来的操作，选择终止，系统中断执行，返回操作界面；选择重试，系统再次执行；选择忽略，系统继续执行提示语一般要包含“XXX询问信息，请选择操作”主要用于系统警告类信息的对话框 ，让用户选择接下来的操作，选择终止，系统中断执行，返回操作界面；选择重试，系统再次执行；选择忽略，系统继续执行提示语一般要包含“XXX警告信息，请选择操作”主要用于系统错误类信息的对话框 ，让用户选择接下来的操作，选择终止，系统中断执行，返回操作界面；选择重试，系统再次执行；选择忽略，系统继续执行提示语一般要包含“XXX错误信息，请选择操作”主要用于系统询问类信息的对话框 ，让用户选择接下来的操作，选择是，系统继续执行；选择否，系统跳过某操作并继续执行；选择取消，系统中断执行，返回操作界面提示语一般要包含“XXX提示信息，是否要XXX吗？”主要用于系统警告类信息的对话框 ，让用户选择接下来的操作，选择是，系统继续执行；选择否，系统跳过某操作并继续执行；选择取消，系统中断执行，返回操作界面提示语一般要包含“XXX警告信息，是否要XXX吗？”主要用于系统错误类信息的对话框 ，让用户选择接下来的操作，选择是，系统继续执行；选择否，系统跳过某操作并继续执行；选择取消，系统中断执行，返回操作界面提示语一般要包含“XXX错误信息，是否要XXX吗？”主要用于系统询问类信息的对话框 ，让用户选择接下来的操作，选择是，系统继续执行；选择否，系统中断执行，返回操作界面提示语一般要包含“XXX提示信息，是否要XXX吗？”

Msg_warn_yn主要用于系统警告类信息的对话框，让用户选择接下来的操作，选择是，系统继续执行；选择否，系统中断执行，返回操作界面Msg_warn_yn提示语一般要包含“XXX警告信息，是否要XXX吗？”Msg_error_yn主要用于系统错误类信息的对话框，让用户选择接下来的操作，选择是，系统继续执行；选择否，系统中断执行，返回操作界面提示语一般要包含“XXX错误信息，是否要XXX吗？”Msg_ask_rcMsg_warn_rc主要用于系统询问类信息的对话框 ，让用户选择接下来的操作，选择重试，系统再次执行；选择取消 ，系统中断执行，返回操作界面提示语一般要包含“XXX提示信息，请选择操作”主要用于系统警告类信息的对话框 ，让用户选择接下来的操作，选择重试，系统再次执行；选择取消 ，系统中断执行，返回操作界面提示语一般要包含“XXX警告信息，请选择操作”Msg_error_rc主要用于系统错误类信息的对话框 ，让用户选择接下来的操Msg_error_rc作，选择重试，系统再次执行；选择取消 ，系统中断执行，返回操作界面提示语一般要包含“XXX错误信息，请选择操作”4.4标准分辨率分辨率支持：WINDOWSXP平台以上，支持自适应分辨率;最佳分辨率支持：1024*768、1152*864；最低分辨率支持：800*600；4.5标准操作多行界面中，支持以下操作：使用鼠标选中多行；使用Ctrl+鼠标选中多行；使用Shift+鼠标选中多行；使用Ctrl+A全选所有行；点击某个功能界面中的“退出”按钮，仅退出当前界面；点击系统控制台的“关闭”或“退出系统”菜单，退出整个系统；文本编辑项，支持鼠标右键魔术（快捷）菜单，即剪切、复制、粘贴、删除、撤消、全选;树形界面：支持通过鼠标的拖拉来调整宽度；支持快速搜索，对树内容进行全文检索；节点内容支持鼠标右键魔术（快捷）菜单；列表式界面：支持通过鼠标的拖拉来调整宽度、或位置；支持点击列的标题，对界面的内容重新排序；每项都支持快速搜索；默认焦点：MESSAGEBOX（弹出式交互窗口）：如有两个或以上按钮，焦点放在“取消”或“否”等不影响操作的按钮上；搜索条件输入窗口：放置在第一项；可编辑窗口：放置在第一项可编辑的项上；不可编辑窗口：放置在第一项；指示性信息：关键项、有格式要求项等提供指示性信息；光标进行相应项时，在状态栏提示相应信息；鼠标放置在相应项上时，在鼠标下方悬浮提示相应信息；标准冻结（表格界面）冻结：支持左冻结：支持单项冻结：选中项冻结，冻结项自动排列以最左边；支持分组冻结：从最左边非冻结的第一项起，截止至选中项的项进行冻结，并排列在最左边；支持右冻结：支持单项冻结：选中项冻结，冻结项自动排列以最右边；支持分组冻结：从最右边非冻结的第一项起，截止至选中项的项进行冻结，并排列在最右边；解冻：支持两种方式解冻：解冻左边：从最左边非冻结的第一项起，截止至选中项的项进行解冻；解冻右边：从最右边非冻结的第一项起，截止至选中项的项进行解冻；仅支持一次解冻；标准编辑项类型文本项：光标可以进入；可以设置为只读、读写、屏蔽；支持鼠标右键魔术（快捷）菜单；列表项LIST：弹出类型：不支持输入、只支持选择；列表值以下拉形式显示；不支持鼠标右键魔术（快捷）菜单；鼠标放置时，滚动中键，值不改变，当在弹出列表值时，可以使用鼠标中键滚动，选中值并点击后再改变列表项的值；文本类型：光标可以进入；支持输入、支持选择、亦支持通过上下箭头选择；列表值以下拉形式显示；支持鼠标右键魔术（快捷）菜单；鼠标放置时，滚动中键，值不改变，当在弹出列表值时，可以使用鼠标中键滚动，选中值并点击后再改变列表项的值；组合类型：光标可以进入；支持输入、亦支持通过上下箭头选择；无列表值；支持鼠标右键魔术（快捷）菜单；鼠标放置时，滚动中键，值不改变，当在弹出列表值时，可以使用鼠标中键滚动，选中值并点击后再改变列表项的值；列表项LOV：光标可以进入；支持输入、亦支持选择；列表的值以弹出窗口显示；支持鼠标右键魔术（快捷）菜单；列表项（日期）：光标可以进入；支持输入、亦支持选择；列表值以下拉形式显示；支持鼠标右键魔术（快捷）菜单；鼠标放置时，滚动中键，值不改变，当在弹出列表值时，可以使用鼠标中键滚动，选中值并点击后再改变列表项的值；显示项：光标不可进入；不能输入；不支持鼠标右键魔术（快捷）菜单；检查项：光标可进入；可以设置为只读、读写、屏蔽；不支持鼠标右键魔术（快捷）菜单；单选项：光标可进入；可以设置为只读、读写、屏蔽；不支持鼠标右键魔术（快捷）菜单；标准列表项（LIST及LOV）列表内容：门店：显示门店编码、门店简称、门店全称；其他项：显示编码、名称；支持鼠标调整大小；如需特殊显示，必须在UI设计中着重描述；LIST原型：5.LOV原型:品牌L d亢许门店补货.•AW”FLhd［Cl*at|”FLhd［Cl*at|品牺玛品牌宕称>lOOOOO"……'乐百氏0000001""三级融3©曲02 三圾品牌20000003 三级品牌30000004OOC001二级融诵圭 期消乍毛稲ci^tafie6.LOV基本操作：刚显示LOV窗口时，焦点放置在列表值的第一行的第一列；搜索项输入标准：支持有焦点输入、以及无焦点输入，当焦点在本项，按向下方向键可以导航至列表项;搜索项的查询标准：全模糊查询；支持按回车键直接返回值；4.9标准快速搜索4.9.1列表式界面输入快速搜索条件位置：列表标题与显示内容之间的空行，即为该列的可输入的快速搜索项；操作方式：手工输入，支持全模糊查询；支持使用回退键删除快速搜索项的输入内容，清空该项的快速搜索条件，恢复搜索前的显示；搜索结果显示方式：仅显示符坟快速搜索条件的内容在列表界面中；搜索状态栏在任意一列输入快速搜索条件后，在列的底部出现快速搜