axure如何创建弹出层

效果如下

axure如何创建弹出层_第1张图片

原件准备:矩形框、图片框

首先,选择矩形框原件画一个矩形,设置矩形的填充色为灰色,透明度为50%

右键转换为动态面板,双击选择动态面板,在动态面板中放入一个图片框并选择图片,将动态面板和图片作为一个组合,如图所示:

axure如何创建弹出层_第2张图片

选择旋转图片,添加交互用例

axure如何创建弹出层_第3张图片

现在添加鼠标单击时的交互用例

当鼠标单击时,弹出动态面板,所以在用例编辑里边选择显示动态面板里边的所有原件

axure如何创建弹出层_第4张图片

然后等待3秒之后,自动隐藏面板,这里我们就选择等待这个用例,在里边填入3000

axure如何创建弹出层_第5张图片

自动隐藏动态面板这个我就不用多说了吧,按上上步操作即可

接下来设置按钮文字,选择设置文本,选择当前原件,设置文本值为校正完成

之后当然是禁用按钮,我们得先选择按钮的交互样式,将禁用样式设置为灰色,如图所示:

axure如何创建弹出层_第6张图片

最后选择用例中的禁用,选择当前原件,禁用即可,到这里,所有的设置就完成了

创作不易,如果能够解决您的问题,请给我点个赞,谢谢,或者想给予我更多的鼓励,可微信扫码打赏

作者:Mark
出处:https://mp.csdn.net/console/editor/html/79992052
个性签名:没有,就占个坑蹲着而已
阿里云:领取海量云产品优惠,服务器五折起步:https://www.aliyun.com/minisite/goods?userCode=tjndc6hg
腾讯云618活动:【腾讯云】618云聚惠,百款云产品限量抢购,1核2G云服务器首年95元https://cloud.tencent.com/act/cps/redirect?redirect=1059&cps_key=67b003b15a96762f5df12787441e6583&from=console

你可能感兴趣的:(产品)