简介
当用户与被说明对象(文字,图片,输入框等)发生交互动作时, 即刻跟随行为出现一种辅助或帮助的提示信息。
该组件为容器组件,可拖拽多个其他组件或容器,该容器内第一个组件会渲染到目标区域,其余组件会渲染到内容区域。
属性配置
气泡组件属性由以下部分组成:
分类 | 属性 | 示例 | 说明 |
基础属性 | 设计状态 | 仅用于在设计时控制浮层状态的显示与否,便于设计。 | |
浮层默认状态 | 气泡组件首次渲染时浮层的默认状态。 | ||
气泡类型 | 气泡组件提供两个预定义类型,气泡类型。 | ||
文本 | 通过设置【气泡类型】为”提示文本“,可以设置气泡组件浮层的文本,可以为静态,也可以动态绑定一个基础数据类型属性支持TEXT、CHAR、INTEGER、LONG、DECIMAL、ENUMERATION、DATETIME 等数据类型。 关于此部分属性的更多信息,请参见数据 | ||
标题 | 通过设置【气泡类型】为”自定义“,可以设置气泡组件浮层的标题,可以为静态,也可以动态绑定一个基础数据类型属性支持TEXT、CHAR、INTEGER、LONG、DECIMAL、ENUMERATION、DATETIME 等数据类型。 关于此部分属性的更多信息,请参见数据。 | ||
显示关闭按钮 | 通过设置有效标题值,可以设置浮层是否有关闭按钮。 | ||
触发行为 | 气泡组件设置触发行为的动作,可选如下:
| ||
延时显示 | 通过设置【触发行为】为”鼠标悬浮“,可以设置气泡组件发生交互行为响应的延迟时间 | ||
浮层箭头位置 | 气泡组件浮层的箭头位置支持设置十二个方向浮层箭头位置。 | ||
样式 | 最大宽度 | 气泡组件支持设置浮层最大宽度。 关于此部分属性的更多信息,请参见样式。 | |
间距 | 关于此部分属性的更多信息,请参见样式。 | ||
背景颜色 | 气泡组件浮层支持设置背景颜色。 关于此部分属性的更多信息,请参见样式。 | ||
字体颜色 | 气泡组件浮层支持设置字体颜色。 关于此部分属性的更多信息,请参见样式。 | ||
事件 | 浮层关闭 | 气泡组件可配置浮层关闭事件,在浮层消失后被触发。 关于此部分属性的更多信息,请参见事件。 | |
浮层打开 | 气泡组件可配置浮层打开事件,在浮层显示后被触发。 关于此部分属性的更多信息,请参见事件。 | ||
条件可见性 | 条件可见性 | 关于此部分属性的更多信息,请参见条件可见性。 |
气泡类型
气泡类型 | 示例 | 样式 |
提示文本 | ||
自定义 |
浮层箭头位置
位置 | 样式 |
上 | |
右 | |
下 | |
左 | |
上左 | |
上右 | |
下左 | |
下右 | |
左上 | |
左下 | |
右上 | |
右下 |
特殊情况:当设置浮层箭头位置方向无法容纳浮层,则会显示在相反方向,如下所示: