Axure 点击按钮出弹窗

点击按钮出弹窗

点击按钮出弹窗,是PC或APP上最基本的交互。我们利用Axure可以快速设计实现该交互。

具体操作:

1. 输入好需要点击按钮后跳出弹窗的页面;

2. 拖动控件“动态面板”至页面空白处,点击右键将动态面板“设为隐藏”;

3. 双击“动态面板”,设置该面板名称:弹窗,双击State1进入面板编辑页面;


4. 在面板编辑页面配置具体弹窗内容(注意将弹窗内容配置在输入框内);


5. 在第一步配好的页面按钮处,添加交互用例——鼠标单击时显示动态面板:弹窗;

实现效果:点击按钮,跳出弹窗。


6. 在动态面板“确认”按钮处,添加交互用例——鼠标单击时隐藏动态面板:弹窗;

实现效果:点击确认按钮,弹窗关闭。

7. 在动态面板“取消”按钮处,添加交互用例——鼠标单击时隐藏动态面板:弹窗;

实现效果:点击取消按钮,弹窗关闭。

6. 最后一步,点击index中动态面板,美化动态面板,置于浏览器中间位置;


整体效果:



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 成功的领导者都善于引导他人帮助自己。所以,想要成功就要学会让他人帮助自己。 他人的帮助助你成功 很少有人能够仅凭一...
    小故事大智慧阅读 4,556评论 0 4
  • I see you,看见就是爱。 看见,是心对心的呼应,感受对感受的回应,是关系里彼此心灵的深深链接。 我们无法独...
    花开Laurel阅读 4,108评论 0 1
  • 遇上一个姑娘 ----------蓝胖子遇到香菇女神 一饮一啄 源自天定 遇上就是遇上 ...
    古诗人_蓝阅读 1,404评论 0 1