.

触发器——弹出消息提示框/弹窗/警示窗/文字弹窗正式上线

老赵发表于:2021年12月03日 11:40:04更新于:2021年12月03日 16:20:15

一、组件介绍

弹出消息提示框触发器:使用该触发器,可快速创建弹窗。可以自定义1-2个按钮数量,并分别针对弹窗的两个按钮设置触发器。

二、组件效果

image.png

三、场景应用

通过弹出信息窗触发器,可快速在各种【成功时】的触发条件上搭建反馈效果。如在【数据库操作成功时】提示【信息提交成功!】、在【截屏成功时】提示【截屏成功!】等。

四、组件用法

  1. 在编辑器中添加一个触发元素,在【点击时】的触发条件上添加触发行为:【弹出信息提示框】。image.png

  2. 在【弹出信息提示框】触发器中,我们可以针对信息内容、弹窗蒙版颜色、按钮背景色、文字颜色、按钮文案等进行设置。

  3. 首先设置【信息内容】:目前,对信息内容字符数上限不做限制。但由于弹出信息提示框的大小会随着信息内容的多少而自适应变化,为了能让按钮可以在屏幕中正常显示,不建议在【信息内容】中输入过多字符。

  4. 除了在【信息内容】中输入固定内容外,还可以点击【+】号,在【信息内容】中引用其他的变量,如访问量等。

    image.pngimage.png

  5. 点击颜色设置,可分别对弹窗蒙版颜色、按钮背景色、按钮文字颜色进行设置。

    image.png

  6. 可以设置显示1-2个按钮,并分别对按钮的文案进行调整。image.png

  7. 在弹出信息提示窗的触发行为中,可以分别针对【窗口关闭时】、【点击确认按钮时】、【点击取消按钮时】进行触发行为的添加。

    三个触发器的执行先后顺序为:先执行确认或取消,再执行关闭。

    窗口关闭时:当点击确认、取消或右上角关闭按钮时,窗口都会关闭,并执行某种触发。

    点击确认按钮时:设置并启用确认按钮后,当在播放器中点击确认按钮时,窗口关闭并执行某种触发。

    点击取消按钮时:设置并启用取消按钮后,当在播放器中点击取消按钮时,窗口关闭并执行某种触发。

  8. 到此,就设置好了弹出信息提示框的所有内容,点击确认,就可以在播放器预览了。


    五、注意事项

    1. 在点击一个元素时,建议只弹出一个弹窗,不建议在同一触发元素的同一触发条件下添加多个弹出信息窗的触发行为。




--------- 不了解设计的程序员不是好客服 ---------------