axture动态交互-点击跳转
2019-04-16 本文已影响0人
gukwa
想要实现的效果:
-点击button,跳转到指定页
1、页面如下
![](https://img.haomeiwen.com/i15730794/3def074c3f2bc0b6.png)
2、选择所有组件-右键-点击转换为动态面板
![](https://img.haomeiwen.com/i15730794/9ce1c499ea57b875.png)
![](https://img.haomeiwen.com/i15730794/e830f27b991d944d.png)
转后后的样式如下,上层浮着一层灰色且所有组件组合到一起了
![](https://img.haomeiwen.com/i15730794/bfe25b163fcfbffd.png)
![](https://img.haomeiwen.com/i15730794/d75a57d5663277e1.png)
3、双击动态面板-点击State1-点击复制-完成
![](https://img.haomeiwen.com/i15730794/0937ed84852f4d25.png)
![](https://img.haomeiwen.com/i15730794/82f7bd1e3daa1a24.png)
4、双击动态面板-选择state2-进入编辑状态-修改样式以便区分两个页面
![](https://img.haomeiwen.com/i15730794/b96b58e1fad941cb.png)
![](https://img.haomeiwen.com/i15730794/6c4100d0bae13d79.png)
5、点击state1动态面板-选择需要点击事件的组件(button)
![](https://img.haomeiwen.com/i15730794/f6e4ea67aab6384b.png)
6、给button组件添加交互-双击鼠标单击时事件
![](https://img.haomeiwen.com/i15730794/d8922903923573f1.png)
7、设置面板状态-勾选“动态面板”-选择状态下拉菜单(state2)-确定
![](https://img.haomeiwen.com/i15730794/654e2afa1b582ef9.png)
8、点击预览-点击button按钮看是否跳转-完成~