Axure怎么制作点击弹框效果?
百度经验 发布时间：2019-10-18 08:59:38 作者：bd_373311019 
我要评论
我要评论Axure怎么制作点击弹框效果？Axure制作网页原型的时候，需要制作弹框效果，改怎么制作点击 弹框效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下
我们在使用网站时，经常会用到新增、修改、删除等功能，这些功能在点击时都会弹框让用户操作。该怎么制作这种弹出对话框呢？下面我们就来看看详细的教程。
1、打开Axure，准备一个表单，再从左侧元件库拖取一个【主要按钮】元件到页面。如图
2、从左侧元件库拖取一个【动态面板】元件到页面。如图
3、进入【State1】，设计一个新增功能页面，如图
4、返回主页面，选择【动态面板】鼠标右键，在弹出选择【设为隐藏】，如图
5、设置主页面的【BUTTON】按钮的【鼠标单击时】事件为：显示【动态面板】，如图
6、进入【State1】，设置【取消】按钮的事件为：隐藏【动态面板】，如图
7、完成设置，预览结果，点击弹框效果完成。
总结：
1、打开Axure，准备一个表单，再从左侧元件库拖取一个【主要按钮】元件到页面；
2、从左侧元件库拖取一个【动态面板】元件到页面；
3、进入【State1】，设计一个新增功能页面；
4、返回主页面，选择【动态面板】鼠标右键，在弹出选择【设为隐藏】；
5、设置主页面的【BUTTON】按钮的【鼠标单击时】事件为：显示【动态面板】；6.进入【State1】，设置【取消】按钮的事件为：隐藏【动态面板】；7.完成设置，预览结果，点击弹框效果完成。
以上就是Axure制作点击弹框效果的教程 ，希望大家喜欢，请继续关注脚本之家。
相关推荐：
Axure文本输入框怎么去掉边框? Axure隐藏输入框边框的教程
相关文章
Axure rp怎么设计微信的交互界面？Axure中想要设计一个网页交互的效果，该怎么制作呢？下面我们就来看看Axure设计微信交互界面的教程，需要的朋友可以参考下2017-12-17
axure页面载入时自动选中按钮该怎么实现？axure中使用母版的时候想要实现单个页面按钮的添加选中状态，我们可以使用函数来实现，下面我们就来看看详细的教程，需要的朋友可2017-12-05
Axure母版怎么使用？Axure一般都会创建母版，但是母版有什么功能，该怎么使用呢？下面我们就来看看Axure母版功能详细介绍，需要的朋友可以参考下2017-11-30
Axure文本输入框怎么去掉边框? Axure隐藏输入框边框的教程
Axure文本输入框怎么去掉边框？Axure设计网页原型的时候，插入了文本输入框，但是有边框，想要去掉边框，该怎么操作呢？下面我们就来看看Axure隐藏输入框边框的教程，需要2017-11-17
Axure怎么设计页面标签可以切换的登录框？Axure中在设计登陆框的时候，想要设计企业会员和个人会员两个登陆页面，可以使用标签切换，该怎么设计呢？下面我们就来看看详细的2017-11-08
Axure RP 8怎么设计立体的圆角矩形按钮？Axure RP 8中想要设计一个查询的圆角矩形按钮，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-11-02
axure怎么设计鼠标展开折叠效果？axure中想要绘制一个可以折叠展开功能的原型，该怎么设计呢？下面我们就来看看axure制作折叠效果的教程，需要的朋友可以参考下2017-11-01
Axure怎么给图片增加点击事件？Axure中想要给图片添加鼠标单击事件，如果鼠标单击图片返回主页，该怎么实现这个效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-11-01
axure怎么调整字间距？axure中想要调节文字的行间距，该怎么调节呢？下面我们就来看看axure字间距的设置方法，需要的朋友可以参考下2017-09-30
axure团队项目怎么获取? axure获取并打开团队项目的方法
axure团队项目怎么获取？axure做项目的时候，想要获取团队项目，该怎么获取呢？下面我们就来看看axure获取并打开团队项目的方法，需要的朋友可以参考下2017-09-28
最新评论