Axure--实现简单的弹窗效果

这篇博客详细介绍了如何使用Axure实现弹窗效果。通过动态面板的隐藏与显示,以及点击事件的设置,实现了点击修改密码按钮后弹出提示对话框的功能。最后,通过添加关闭按钮的点击事件,完善了弹窗的关闭机制。
摘要由CSDN通过智能技术生成

实现效果

这里就简单模拟一个修改密码然后需要弹窗提示的场景吧。可能有些丑然后文案逻辑都有些随意各位看官不要太介意。输入原密码新密码确认密码后点击确定修改,然后弹出一个确定修改的对话框

核心思路

  1. 由于我们需要在点击事件之后在原有页面上展示出一个原来没有的对话框,所以我们需要使用一个动态面板
  2. 动态面板只有一个状态State1,我们将对话框的样式设定好,然后放在动态面板的State1状态中。
  3. 将动态面板的初始状态设置为不可见。然后再给相应的按钮添加点击事件,点击将动态面板的状态设置为可见

步骤一

首先我们需要添加一个动态面板,由于该动态面板是要显示对话框的,我们就叫它对话框动态面板好了

步骤二

双击该动态面板,设置该动态面板的State1状态,添加相应的提示文字以及按钮,然后稍微调整下样式。

步骤三

回到我们的主页

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值