APP Splash效果 获赏10金币 案例教程 基础教程

leeyun 普通用户 2019-12-5 3270

APP启动引导页的动效实现


效果说明:

左右滑动,可以实现页面之间附带动效的流畅切换。


知识点:

1、动态面板操作:左右拖动、切换效果

2、元件的移动

3、隐藏和显示元件

4、条件判断


实现步骤:

1、4个页面的布局

2、将4个页面进行整合,形成一个动态面板 (4个状态,每个状态一张图)


3、首先我们需要对每个面板中需要添加效果的元件进行命名(这里我截了第一页的两个需要处理动效的元件,其他3个同样命名)

4、接下来需要对动态面板的用例进行设置条件和动作配置,“向左拖动结束时”“向右拖动结束时”


5、配置交互用例


朋友们注意下:上面两个用例中需要注意文字移动时间和logo移动的时间需要有时差,这样看起来移动动画才会比较自然流畅,否则移动时间和速度都一致看起来就没那么好的 效果了。


最后附上RP文件,互相交流,多多指教。谢谢大家。



上传的附件:
登录后回复
打赏排行 用户名 打赏金额
第1名 沈十三 10金币
最新回复 (0)
返回