0


axure弹框设置

在使用axure设计前端显示时,会遇到弹框设置问题,本文分步讲解弹框设置办法:

首先在页面中拖入一个dynamic panel和一个button,如下所示:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
dynamic panel取名为弹框:
在这里插入图片描述
双击panel,进入panel设置页面:
在这里插入图片描述
在panel中添加如下元素:
在这里插入图片描述
点击隐藏弹框按钮,设置interaction

在这里插入图片描述
点击onclick
在这里插入图片描述
选择,show/hide
在这里插入图片描述
选择弹框:
在这里插入图片描述
选择hide,动画效果选择slide down,如下:
在这里插入图片描述
点击ok即可。
在这里插入图片描述
双击灰色位置,退出panel设置。

将按钮命名为弹出弹框,设置按钮动作为点击后显示弹框,动画效果为slide up,设置完如下所示:
在这里插入图片描述
右击panel,将panel当前状态设置为隐藏,如下:
在这里插入图片描述
在这里插入图片描述
预览后效果如下:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
完成弹框设置。

标签: 前端 交互

本文转载自: https://blog.csdn.net/sinat_26809255/article/details/125196894
版权归原作者 noravinsc 所有, 如有侵权,请联系我们删除。

“axure弹框设置”的评论:

还没有评论