axure如何创建弹出层

时间:2023-01-02 00:44:16


效果如下

axure如何创建弹出层

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

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

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

axure如何创建弹出层

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

axure如何创建弹出层

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

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

axure如何创建弹出层

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

axure如何创建弹出层

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

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

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

axure如何创建弹出层

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

创作不易,如果能够解决您的问题,请给我点个赞

作者:Mark