Axure学习日志之实现简单弹出框提示

和鸭鸭一起打开Axure,今天必打开Axure!

首先第一步拖动几个矩形元件,随便,也不搞什么高保真,也没有合适的素材,就是意思意思
Axure学习日志之实现简单弹出框提示_第1张图片
这种弹出框大家应该见多不怪了,虽然我做的简陋了一点,但是至少还能看,全选右键转变为动态面板。

双击进入state1中,在确定范围上加入热区。
Axure学习日志之实现简单弹出框提示_第2张图片
热区正好覆盖到确定就可以
在这里插入图片描述
增加交互用例,单机时,隐藏动态面板
在这里插入图片描述
现在我们回到主界面把动态面板进行隐藏,也就是说现在看不到这个对话框了,增加一个简单的button
在这里插入图片描述
添加单击显示动态面板,这里只是简单实现,一般弹出框弹出是符合或者不符合某些条件
Axure学习日志之实现简单弹出框提示_第3张图片
ok,F8。测试成功。

ps:可以右键动态面板,将其固定到浏览器
Axure学习日志之实现简单弹出框提示_第4张图片
Axure学习日志之实现简单弹出框提示_第5张图片
即可让弹出框提示显示在浏览器中央。

你可能感兴趣的:(Axure,Axure学习日志)