优草派 > 视觉设计

Axure如何制作点击弹框效果?Axure动态面板教程

李冰琪         优草派

动态面板是Axure原型制作中使用频率很高的一个元件,主要用于实现动态原型的交互效果。本文小编来教大家如何利用动态面板制作点击弹框的效果。

Axure如何制作点击弹框效果?Axure动态面板教程

1、首先我们需要在电脑中双击打开Axure应用程序,新建画布,进入到工作区域中去。

2、在页面中拖入一个表单,然后在界面左侧的元件库面板中,找到【主要按钮】元件,选择并拖动到页面中去。

3、再从界面左侧的元件库面板中,选择【动态面板】元件拖动到页面中。

4、点击新建页面按钮,进入到【State1】制作一个新增功能页面;在弹出的窗口中依次输入编号、类型、备注信息。

5、使用鼠标右键点击页面中的【动态面板】,在弹出的列表选项中执行【设为隐藏】命令,将动态面板隐藏起来。

6、接着我们需要设置主页面的【button】按钮状态:【鼠标单击时】事件为:显示【动态面板】。

7、进入到【State1】中,设置【取消】按钮的事件为:隐藏【动态面板】。

8、设置完成后,点击界面右上角的【预览】按钮,或者直接按F5键,即可查看到点击弹框显示内容的预览效果。

以上就是关于如何在Axure软件中制作点击弹框交互效果的方法。通过学习掌握Axure元件和动态面板的使用技巧,即可制作出点击弹框显示内容的动态效果。

  • 微信好友

  • 朋友圈

  • 新浪微博

  • QQ空间

  • 复制链接

取消
5天短视频训练营
新手入门剪辑课程,零基础也能学
分享变现渠道,助你兼职赚钱
限时特惠:0元
立即抢
新手剪辑课程 (精心挑选,简单易学)
第一课
新手如何学剪辑视频? 开始学习
第二课
短视频剪辑培训班速成是真的吗? 开始学习
第三课
不需要付费的视频剪辑软件有哪些? 开始学习
第四课
手机剪辑app哪个好? 开始学习
第五课
如何做短视频剪辑赚钱? 开始学习
第六课
视频剪辑接单网站APP有哪些? 开始学习
第七课
哪里可以学短视频运营? 开始学习
第八课
做短视频运营需要会什么? 开始学习
【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。

客服热线:0731-85127885

湘ICP备19005950号-1  

工商营业执照信息

违法和不良信息举报

举报电话:0731-85127885 举报邮箱:tousu@csai.cn

优草派  版权所有 © 2024