实现特定动画记录

moon欧尼
49 阅读1分钟

背景：要求实现如下两种动画样式

样式一：翻卡

image.png image.png image.png image.png image.png image.png

实现原理：

一个容器内add四个ImageView，前上、前下、后上、后下。通过索引控制相应view向上或向下

代码实现步骤

  • 创建不同的四个ImageView，注意设置锚点，保证图片对齐 image.png image.png

  • 加定时器，设置自动轮播 image.png

  • 实现核心轮播动画 image.png

  • 实现图片从有-无的过程核心动画 image.png

样式二：3D旋转

image.png image.png image.png image.png image.png

实现原理：

新增一个scrollView，在scrollView上加两个相同尺寸的ImageView，通过图片索引动态控制具体赋值在某一个ImageView上

代码实现步骤：

  • 创建scrollView，注意尺寸的设置 image.png

  • 添加相同尺寸的两个ImageView，注意坐标锚点的设置 image.png

  • 添加定时器，设置自动轮播 image.png

  • 轮播核心动画 image.png

  • 实现图片3D效果核心动画 image.png

avatar
文章
阅读
粉丝