axure 8 -- 底部弹出框

2020-01-18  本文已影响0人  等等4321

效果展示:

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. 以上单向动效完成,点击黑色遮罩隐藏等等后续效果,只需要反向设置数值就可以了,掰掰

上一篇下一篇

猜你喜欢

热点阅读