Axure怎么制作点击弹框效果?

我们在使用网站时,经常会用到新增、修改、删除等功能,这些功能在点击时都会弹框让用户操作。该怎么制作这种弹出对话框呢?下面我们就来看看详细的教程。

软件名称:
Axure RP v8.1.0.3382 Enterprise 中文特别版(附注册机+汉化包+安装教程)
软件大小:
83.2MB
更新时间:
2019-04-26

Axure怎么制作点击弹框效果?_第1张图片

1、打开Axure,准备一个表单,再从左侧元件库拖取一个【主要按钮】元件到页面。如图

Axure怎么制作点击弹框效果?_第2张图片

2、从左侧元件库拖取一个【动态面板】元件到页面。如图

Axure怎么制作点击弹框效果?_第3张图片

3、进入【State1】,设计一个新增功能页面,如图

Axure怎么制作点击弹框效果?_第4张图片

4、返回主页面,选择动态面板鼠标右键,在弹出选择【设为隐藏】,如图

Axure怎么制作点击弹框效果?_第5张图片

5、设置主页面的BUTTON按钮的【鼠标单击时】事件为:显示【动态面板,如图

Axure怎么制作点击弹框效果?_第6张图片

6、进入【State1】,设置【取消】按钮的事件为:隐藏【动态面板,如图

Axure怎么制作点击弹框效果?_第7张图片

7、完成设置,预览结果,点击弹框效果完成

Axure怎么制作点击弹框效果?_第8张图片

Axure怎么制作点击弹框效果?_第9张图片

总结:

1、打开Axure,准备一个表单,再从左侧元件库拖取一个【主要按钮】元件到页面;

2、从左侧元件库拖取一个【动态面板】元件到页面;

3、进入【State1】,设计一个新增功能页面;

4、返回主页面,选择【动态面板】鼠标右键,在弹出选择【设为隐藏】;

5、设置主页面的【BUTTON】按钮的【鼠标单击时】事件为:显示【动态面板】;6.进入【State1】,设置【取消】按钮的事件为:隐藏【动态面板】;7.完成设置,预览结果,点击弹框效果完成。

以上就是Axure制作点击弹框效果的教程 ,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure怎么制作气泡效果的确认框?

axure下拉框光标闪动效果怎么制作?

Axure文本输入框怎么去掉边框? Axure隐藏输入框边框的教程

你可能感兴趣的:(Axure怎么制作点击弹框效果?)