美文网首页
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