axture动态交互-点击跳转

2019-04-16  本文已影响0人  gukwa

想要实现的效果:
-点击button,跳转到指定页

1、页面如下


image.png

2、选择所有组件-右键-点击转换为动态面板


选中所有组件.png 右键-转换为动态面板.png

转后后的样式如下,上层浮着一层灰色且所有组件组合到一起了


image.png
image.png

3、双击动态面板-点击State1-点击复制-完成


双击动态面板 出现管理框.png
复制面板.png

4、双击动态面板-选择state2-进入编辑状态-修改样式以便区分两个页面


image.png
image.png
5、点击state1动态面板-选择需要点击事件的组件(button)
image.png

6、给button组件添加交互-双击鼠标单击时事件


image.png

7、设置面板状态-勾选“动态面板”-选择状态下拉菜单(state2)-确定


image.png

8、点击预览-点击button按钮看是否跳转-完成~

上一篇 下一篇

猜你喜欢

热点阅读