组合式(嵌入式+浮动式)实现弹窗效果

4617
1

Shirley 小试身手Lv3

发表于2019-7-13 16:03

楼主
如何在abi中实现如下图所示的弹窗效果:
截图201907131541486643.png

步骤一:
准备好需要弹窗显示的内容,我这里将弹窗显示的内容放在了子表中,也可以直接放在容器中。
注意:将需要弹窗显示的内容设置成能够自适应
截图201907131546029179.png
步骤二:
在主表中添加一个按钮,如下图中“新增任务批次”按钮
截图201907131545453850.png

步骤三:
1.在主表中浮动区添加一个浮动面板,设置浮动面板"大小自适应"属性值为自动撑满,并在浮动面板中添加容器,设置容器大小略小于浮动面板,如下图所示:
截图201907131550187147.png
2.设置浮动面板的"显示位置"属性为"自定义",勾选"显示关闭图标"
截图201907131551491037.png

步骤四:
在按钮(或表元)上添加钻取设置——组合式(嵌入式+浮动式),如下图所示:

截图201907131555033086.png

到此即可实现弹窗了
————————————————————————————————————————————————————
补充:
以上步骤实现的弹窗,关闭按钮在整个页面右上角,显示不是很明显,可以按照以下步骤实现:
1、在浮动面板中添加一个按钮组件,设置按钮组件钻取设置为"浮动式",如下图所示:
截图201907131601391548.png
2、去掉"显示关闭图标"
截图201907131602469531.png

最近看过此主题的会员

Autumn

liu20220622

数据大白

esen_4PB1SMQ6J3

esen_4PXDCY4AT9

15928998123

文开九

一一

esen_408VBWR3E6V9

jiangqiao

三余无梦233

1个回答

只看楼主

辰哥 管理员

发表于2019-7-15 10:22

只看该作者

取消 关注该作者的回复

沙发

非常赞的分享,薏米们有福啦!

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

渠道咨询电话:137-0120-6790

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号