没有合适的资源?快使用搜索试试~ 我知道了~
首页U8开发之工具栏控件.docx
U8产品开发尤其是前台UI开发中,工具栏控件和窗体一样是系统展现不可缺少的一部分。在早期U8产品开发过程中大量使用了微软的MSToolbar,但是随着U8ERP产品开发的精细化、专业化,微软的MSToolbar在界面设计和程序开发中暴露出了诸如界面图标配置不灵活、不支持多级菜单、不适应复杂应用场景、对多语的支持不够完善等开发问题。为了弥补这些不足,并且兼容之前的产品,U8平台提供了工具栏控件。在V11版本中,又对工具栏在UE效果上做了进一步改进,采用Ribbon工具栏风格,形成了现在U8产品的工具栏效果。
资源详情
资源评论
资源推荐

www.yonyou.com
U8 知识库文档
U8 工具栏控件
摘要
工具栏是 应用程序常用的界面元素。把菜单中常用的命令做成按钮安排在
工具条中,配上适当的图标符号和文本提示,能够极大地方便用户。
产品开发尤其是前台 开发中,工具栏控件和窗体一样是系统展现不可缺少的一
部分。在早期 产品开发过程中大量使用了微软的 ,但是随着 产品开发
的精细化、专业化,微软的 在界面设计和程序开发中暴露出了诸如界面图标配
置不灵活、不支持多级菜单、不适应复杂应用场景、对多语的支持不够完善等开发问题。
为了弥补这些不足,并且兼容之前的产品, 平台提供了工具栏控件。在 版本中,又
对工具栏在 效果上做了进一步改进,采用 工具栏风格,形成了现在 产品的工
具栏效果。
什么是工具栏?
风格: 是一种以皮肤及标签页为架构的用户界面 ,原先
出现在 及 的 !"、# 和 $%等组件中,后来也被运
用到 !"$ 的一些附加组件等其它软件中,如画图和写字板,以及 !"$中的资
源管理器。它是一个收藏了命令按钮和图标的皮肤。它把命令组织成一组&标签&,每一组
包含了相关的命令。每一个应用程序都有一个不同的标签组,展示了程序所提供的功能。
在每个标签里,各种的相关的选项被组在一起。设计 的目的是为了使应用程序的功
能更加易于发现和使用,减少了点击鼠标的次数。
门户 :从门户树形菜单或全景式菜单打开的选项卡式窗体(即嵌入门户的窗
体)中包含的工具栏称为门户 。如下图所示:
图 门户 Toolbar 示意图
由于门户工具栏是 各产品较常见且核心的内容,所以有必要介绍门户工具栏内部的
一些概念,包括排版组、分组、按钮样式等。以下分别介绍:
按钮分组:在门户 上,两个分割线之间的区域即为一个按钮分组。

www.yonyou.com
U8 知识库文档
图 按钮分组示意图
排版组:每个纵向排列的按钮集合即为一个排版组,排版组形式可能表现为一个大按
钮、或者两个小按钮、三个小按钮。如下图:
(一个大按钮) (两个小按钮) (三个小按钮)
按钮样式主要表现为普通按钮、下拉菜单(带设置默认功能)、下拉菜单(不带设置
默认功能、'' 按钮、()# 类型按钮。
('' 按钮)
(普通按钮)
(下拉菜单(不带设置默认功能))
(下拉菜单(带设置默认功能))
(显示模板信息的按钮为 ()# 类型按钮)
由于单据是 产品常见且核心的功能,所以单据上除了有门户 以外,也包含
自己的 ,方便用户能够快速定位功能。单据的 包括表头 和表体
。
表头 * 表头工具栏并不是一个完整的工具栏,表头工具栏只是包含刷新、翻页
(首页、前页、后页、末页)、高级等按钮。其他的是单据表头的一部分,是单据控件的
内部功能。如下图所示:
图 表头 Toolbar 示意图
表体 :表体工具栏是指单据表体顶部的工具栏,主要是针对表体的一些便捷操

www.yonyou.com
U8 知识库文档
作的功能集合,方便用户浏览、操作表体数据时进行本单据的个性化操作。如下图所示:
图 表体 Toolbar 示意图
模态窗体 :非嵌入门户的窗体上的 工具栏。这种窗体上的按钮样式相
对 门 户 要 少 , 没 有 ()# 类 型 、 没 有 排 版 组 和 大 小 按 钮 的 概 念 。
+、,、, 版本的按钮样式和 , 模态窗体 的按钮样式相同。
图 模态窗体 Toolbar
目标
本文主要介绍工具栏控件的基础知识,应用过程及相关注意事项,方便各类 产品开
发人员更好的使用工具栏控件,更高效的开发产品。
工具栏可以做什么?
工具栏是 应用程序开发中必不可少的组件,工具栏支持多语、支持键盘快捷键、支
持多级菜单的展示和运用、支持设置图标和文字、集成 方便业务组快速开发同
时保持程序的向后兼容性。
1. V10.1 及之前版本工具栏特性
由于 , 版本只是在界面 效果和工具栏构建方式上做了修改,其他内容均和之前
版本相似,所以这里不做重点的讲解,这些版本的样式和 ssss 相同。使用方式将在[如何使
用工具栏组件]中介绍。
2. V11 特性
a) 支持流式布局
没有权限的按钮不显示,相同排版组内其余按钮自动重新排版。排版组可以定义小按
钮最大行数。当出现空白列时,后面的按钮自动向前平移。
一个排版组内按钮因授权问题导致只有一个小按钮时自动升级为大按钮。
相关系统没有启用而导致的不可用功能按钮不显示,如工作流没有启用,提交按钮不
显示。
有权限但当前单据状态或者操作状态下不可用按钮置灰。
b) 支持多行显示

www.yonyou.com
U8 知识库文档
图 多行显示示意图
工具栏高度为三行横向排版小按钮高度。
大按钮图标和标签采用上下排版,按钮占整个工具栏可用高度(三行小按钮)。
小按钮图标和标签左右排版,当一列有三个小按钮时工具栏可用高度三等分、纵向中
对齐,当一列有两个小按钮时工具栏可用高度二等分、纵向中对齐,当一列只有一个
小按钮时工具栏可用高度二等分,纵向中对齐,按钮放在第一行。
当相邻有多个小按钮时,可以把它们划分为一个或者多个排版组,每个排版组可以指
定排版行数。
c) 支持分组
按钮支持按分组排列、排版组信息
d) 多按钮样式
普通小按钮、下拉菜单小按钮、有默认功能的下拉菜单小按钮
普通大按钮、下拉菜单大按钮、有默认功能的下拉菜单大按钮
3. 数据字典
a) V11.0 数据字典
窗体按钮基本表(AA_FormBuons_base)(UFMeta 库)
字段名 字段类型 说明
"# -./
标识窗体上该按钮所处位置信息,门户 0表头
01表体 0其中 、1 只对单据窗体有用。
23456 -.
该按钮的功能 56
73." 8-.//
无用字段,方便抽取,不要赋值
93% 8-.
排版组名称
:8) 8-.;
组件名信息(系统内部公共组件名,外部无需预置,无意
义)
16 46
按 钮 类 型 。 代 表 普 通 按 钮 , 代 表 (.< , 代 表
13=93%0> 代表分隔符,; 代表 ?"0/ 代表普通
@%@$,// 代表 ()#,/A 代表 @%@$,/ 代

www.yonyou.com
U8 知识库文档
表 ''13=, 代表下拉但是不需要设置默认
3@ 8-./
子产品 @
@ 8-.
资源号
"
位置信息(决定按钮在排版组的位置)
%@ 8-.
提示信息多语资源号
2'3"( 8-.
前景色
93% 8-.A
分组信息93%B?"" 则代表该组按钮隐藏不显示
13=56 8-.;
按钮 56
:8 8-./
项目号
?56 8-.
热键
16% 8-.
暂不使用
3.("# 6
针对单据才有用,单据窗体上该按钮对应的单据控件 @
2)(" 8-.;
窗体的唯一标识,建议按照如下格式预置:子产品号C前
缀 C 单 据 D 列 表 C 窗 体 描 述 C("83)0 例 如 )E 前
缀E3.(单据)E子产品号E"83)
以 保 持 唯 一 性 为 主 0 类 似 如 下 的 命 名 :
E)E3.EE
E2)E3.FEE
1<'3"( 8-.
背景色
93%$
排版组:>DD。> 代表一组里面有 > 个按钮0 代表一组有
两个按钮0 代表一组里面有一个按钮
8-.A
图片名(无路径、无后缀名)
.'.$
行高。> 代表大按钮, 代表小按钮
窗体按钮多语资源表(AA_FormBuons_lang)(UFMeta 库)
字段名 字段类型 说明
73"
自增 ",唯一标识
(%4 8-.
按钮标题
:8 8-./
项目号
2)(" 8-.;
窗体标识,建议按照如下格式预置:子产品号C前缀C单据
D 列表C 窗体描述 C("83)0 例如 )E前缀E3.
(单据)E子产品号E"83)
以 保 持 唯 一 性 为 主 0 类 似 如 下 的 命 名 :
E)E3.EE
E2)E3.FEE
F" 8-.
语种信息
3@ 8-./
子产品 @
剩余26页未读,继续阅读












安全验证
文档复制为VIP权益,开通VIP直接复制

评论0