点击按钮出弹窗，是PC或APP上最基本的交互。我们利用Axure可以快速设计实现该交互。
具体操作：
1. 输入好需要点击按钮后跳出弹窗的页面；
2. 拖动控件“动态面板”至页面空白处，点击右键将动态面板“设为隐藏”；
3. 双击“动态面板”，设置该面板名称：弹窗，双击State1进入面板编辑页面；
4. 在面板编辑页面配置具体弹窗内容（注意将弹窗内容配置在输入框内）；
5. 在第一步配好的页面按钮处，添加交互用例——鼠标单击时显示动态面板：弹窗；
实现效果：点击按钮，跳出弹窗。
6. 在动态面板“确认”按钮处，添加交互用例——鼠标单击时隐藏动态面板：弹窗；
实现效果：点击确认按钮，弹窗关闭。
7. 在动态面板“取消”按钮处，添加交互用例——鼠标单击时隐藏动态面板：弹窗；
实现效果：点击取消按钮，弹窗关闭。
6. 最后一步，点击index中动态面板，美化动态面板，置于浏览器中间位置；
整体效果：
点击按钮出弹窗 点击按钮出弹窗，是PC或APP上最基本的交互。我们利用Axure可以快速设计实现该交互。 具体操作...
需求：点击页面一个按钮，弹出一个弹窗A，点击弹窗A的按钮，弹出弹窗B。 用的是messageBox，出现的问题，一...
需求 弹窗出现时，固定在屏幕中间 弹窗中标题、内容文字自定义 取消按钮可选 点击关闭按钮，弹窗消失 点击确定，Re...
场景 两个按钮，点击按钮A，弹出弹窗，在弹窗的弹出回调中根据按钮功能请求数据，然后获取弹窗中的echarts容器，...
弹窗打开新窗口。母窗口放置【弹窗】按钮，点击【弹窗】按钮，向Session中储存值，并打开子窗口。子窗口中通过标签...
练习制作的一个可拖拽的登陆弹窗 点击页面头部登陆按钮，弹出登陆弹窗和遮罩，并禁用滚动条； 点击弹窗里的关闭按钮，关...
Axure PR 8 中继器-表格的增删改 新增操作 1、拖拽按钮-修改按钮样式和名称【新增】 2、新增弹窗绘制-...
（一）flow 点击按钮弹窗弹出 （二）flow screen
比如，用户点击了蒙层，而不是点击取消按钮，弹窗也会去执行取消事件，并且将弹窗关闭。文档里并没有屏蔽蒙层点击事件的属...
故事背景： 这是自动签到成功后的弹窗（既像弹窗又像hud），图片是后台返回的，点击兑换按钮会跳转到兑换页面，点击X...
本文标题：Axure 点击按钮出弹窗
本文链接：https://www.haomeiwen.com/subject/blvmnftx.html
网友评论