美文网首页
axure 8 -- 底部弹出框

axure 8 -- 底部弹出框

作者: 等等4321 | 来源:发表于2020-01-18 14:15 被阅读0次

    效果展示:

    1. 在你想要的地方,搞一个【按钮】,用来触发弹框

    2. 在你想要的地方,搞一层【动态模板】,他是遮罩层,颜色是rgba(0,0,0,0.4)

    3. 在你想要的地方,再搞一层【动态模板】,他充当内容容器,颜色rgb(255,255,255)

    4. 把以上两个模板都【设置隐藏】

    5. 最初的按钮,设置 【单击】时的效果:

        1). 【显示】黑色遮罩,动画【逐渐】

        2). 【显示】白色内容容器,动画【向上滑动】

    6. 按钮【loading】效果:新建一个【动态面板】,找一个icon放进去,整个【动态面板】设置为隐藏

    7. 设置loading动效:【按钮】单击时,设置【loading动态面板】

        1). 【显示】,无动效

        2). 【旋转】,720度,线性旋转2000,不是无限旋转,我还不会做...

    8. 以上单向动效完成,点击黑色遮罩隐藏等等后续效果,只需要反向设置数值就可以了,掰掰

    相关文章

      网友评论

          本文标题:axure 8 -- 底部弹出框

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