美文网首页
axture动态交互-点击跳转

axture动态交互-点击跳转

作者: gukwa | 来源:发表于2019-04-16 16:26 被阅读0次

想要实现的效果:
-点击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按钮看是否跳转-完成~

相关文章

网友评论

      本文标题:axture动态交互-点击跳转

      本文链接:https://www.haomeiwen.com/subject/vcwbwqtx.html