CollectionView旋转水平卡片布局

简介:

概述

UICollectionView真的好强大,今天我们来研究一下这种很常见的卡片动画效果是如何实现了。本篇不能太深入地讲解,因为笔者也是刚刚摸索出点眉目,但是并没有深刻地理解。如果在讲解过程中,出现不对的地方,请及时反馈。

效果图

image

重写API

还有一个非常关键的API,必须重写:

自定义布局

这里主要是要处理旋转。然后要处理切换cell的attribute设置。mainIndexPath属性用于记录当前显示的cell的位置。willMoveToMainIndexPath记录将要出现的cell的位置。

结尾

这里在慢慢切换时,效果是挺好的,但是如果快速切换卡片,你会发现会有一点点不好之处,就是下一个cell突然出现的。

目录
相关文章
|
7月前
|
UED 容器
如何实现侧边两栏宽度固定,中间栏宽度自适应的布局?——双飞翼布局、圣杯(Holy Grails)布局
如何实现侧边两栏宽度固定,中间栏宽度自适应的布局?——双飞翼布局、圣杯(Holy Grails)布局
45 0
|
9月前
|
前端开发
【CSS动画02--卡片旋转3D】
【CSS动画02--卡片旋转3D】
|
11月前
|
前端开发 容器
Grid实现自适应九宫格布局
Grid实现自适应九宫格布局
184 0
RecyclerView 实现纵向,横向,和瀑布流 的滚动布局
RecyclerView 实现纵向,横向,和瀑布流 的滚动布局
RecyclerView 实现纵向,横向,和瀑布流 的滚动布局
UITableViewCell布局里面文字的自适应
UITableViewCell布局里面文字的自适应
136 0
UITableViewCell布局里面文字的自适应
带动画渐进效果与颜色渐变的圆弧进度控件设计(二)
带动画渐进效果与颜色渐变的圆弧进度控件设计
98 0
带动画渐进效果与颜色渐变的圆弧进度控件设计(一)
带动画渐进效果与颜色渐变的圆弧进度控件设计
115 0
带动画渐进效果与颜色渐变的圆弧进度控件设计(一)
|
Android开发
Android屏幕适配之状态栏导航栏半透明、全透明(5.0以上去阴影),方法多样
1.1 StatusBar半透明用StatusBarView实现(4.4以上有效) 1.2 StatusBar半透明用setStatusBarColor实现(5.0以上有效) 2.1 StatusBar全透明用fitSystemWindows实现(4.
4827 0
|
存储 机器学习/深度学习 JavaScript