-
-
Shirley 小试身手Lv3
发表于2019-7-13 16:03
楼主
如何在abi中实现如下图所示的弹窗效果：
步骤一：
准备好需要弹窗显示的内容，我这里将弹窗显示的内容放在了子表中，也可以直接放在容器中。
注意：将需要弹窗显示的内容设置成能够自适应
步骤二：
在主表中添加一个按钮，如下图中“新增任务批次”按钮
步骤三：
1.在主表中浮动区添加一个浮动面板，设置浮动面板"大小自适应"属性值为自动撑满，并在浮动面板中添加容器，设置容器大小略小于浮动面板，如下图所示：
2.设置浮动面板的"显示位置"属性为"自定义"，勾选"显示关闭图标"
步骤四：
在按钮（或表元）上添加钻取设置——组合式（嵌入式+浮动式），如下图所示：
到此即可实现弹窗了
————————————————————————————————————————————————————
补充：
以上步骤实现的弹窗，关闭按钮在整个页面右上角，显示不是很明显，可以按照以下步骤实现：
1、在浮动面板中添加一个按钮组件，设置按钮组件钻取设置为"浮动式"，如下图所示：
2、去掉"显示关闭图标"
步骤一：
准备好需要弹窗显示的内容，我这里将弹窗显示的内容放在了子表中，也可以直接放在容器中。
注意：将需要弹窗显示的内容设置成能够自适应
步骤二：
在主表中添加一个按钮，如下图中“新增任务批次”按钮
步骤三：
1.在主表中浮动区添加一个浮动面板，设置浮动面板"大小自适应"属性值为自动撑满，并在浮动面板中添加容器，设置容器大小略小于浮动面板，如下图所示：
2.设置浮动面板的"显示位置"属性为"自定义"，勾选"显示关闭图标"
步骤四：
在按钮（或表元）上添加钻取设置——组合式（嵌入式+浮动式），如下图所示：
到此即可实现弹窗了
————————————————————————————————————————————————————
补充：
以上步骤实现的弹窗，关闭按钮在整个页面右上角，显示不是很明显，可以按照以下步骤实现：
1、在浮动面板中添加一个按钮组件，设置按钮组件钻取设置为"浮动式"，如下图所示：
2、去掉"显示关闭图标"
