UICollectionView 自定义布局!看这篇就够了
各位同学早上好,新的一周又开始啦!眨眼之间,我们就要与3月挥手告别了,时间过得可真快,不禁感慨道“无可奈何花落去,似曾相识燕归来”。
最近,我花了很多的时间整理了 UICollectionView 相关的知识点,说起 UICollectionView 这个控件也很奇怪,在我们日常的开发中,明明用到的频率是非常高的,但是当我们需要实现一些稍微复杂一点的布局时就及其费劲,总体而言,还是我们对其原理缺乏认识导致的。
好了,下面我就把我整理的这些知识点教程列举出来,基本上是能让大家对 UICollectionView 布局有系统性的了解了,前提当然是你们能愿意看,愿意自己动手实现一遍啦!
1. 使用 UICollectionView 实现首页卡片轮播效果
文章传送门:使用 UICollectionView 实现首页卡片轮播效果
特点
- 支持图片手动横向滚动
- 支持图片自动的滚动播放
- 底部的分页控件会高亮显示出当前的图片是哪一张
效果图:
2.使用 UICollectionView 实现分页滑动效果
文章传送门:使用 UICollectionView 实现分页滑动效果
特点
滚动分页的宽度可以自定义,而且不会被遮挡,无需设置 isPagingEnabled 为 true 来实现分页
效果图:
3.自定义布局实现瀑布流视图
文章传送门:自定义布局实现瀑布流视图
重要的知识点
- 关于自定义布局
- 动态尺寸 Cell 的处理
- 计算和缓存布局属性
效果图:
4.自定义布局实现 Cover Flow 效果
文章传送门:自定义布局实现 Cover Flow 效果
重要的知识点
- 自定义属性计算,实现缩放效果
- 实现滚动分页
效果图:
5.探索 UICollectionView 之 SupplementaryView 和 Decoration View
文章传送门:探索 UICollectionView 之 SupplementaryView 和 Decoration View
重要的知识点
- 设置 Supplementary View(追加视图)
- 设置 Decoration View(装饰视图)
- 实现 UICollectionView Cell 的拖拽效果
- 利用以上功能点实现一个电子书架
效果图:
以上的内容已经足够让大家系统的学习 UICollectionView 这个控件的使用了,如果你还想进一步进阶的学习这个控件,可以参考 Apple 官方给出的文档:
https://developer.apple.com/documentation/uikit/uicollectionview
相关阅读:
Swift 探索 UICollectionView 之 SupplementaryView 和 Decoration View
UICollectionView 自定义布局实现瀑布流视图
使用 UICollectionView 实现分页滑动效果
使用 UICollectionView 实现首页卡片轮播效果
关注我的技术公众号,获取优质技术文章。
微信扫一扫下方二维码即可关注:
UICollectionView 自定义布局!看这篇就够了相关推荐
- UICollectionView自定义布局(二)
这是UICollectionView自定义布局的第二篇,实现类似UltravisualApp的视差效果,同样这篇文章的教程来自Ray家的Swift Expanding Cells in iOS Col ...
- UICollectionView 自定义布局教程: Pinterest
原文: UICollectionView Custom Layout Tutorial: Pinterest 作者:Paride Broggi 译者:kmyhy 更新说明:本教程由 Paride Br ...
- Android画中画模式-看这篇就够啦
最近做做播放器,有个浮窗播放的需求,两种实现方式,一种是申请浮窗权限,创建浮窗参考 flowWindow,一种是采用画中画模式(8.0以上) 关于画中画 Android 8.0 Oreo(API Le ...
- Android原生TabLayout使用全解析,看这篇就够了
前言 为什么会有这篇文章呢,是因为之前关于TabLayout的使用陆陆续续也写了好几篇了,感觉比较分散,且不成体系,写这篇文章的目的就是希望能把各种效果的实现一次性讲齐,所以也有了标题的「看这篇就够了 ...
- .NET Core实战项目之CMS 第二章 入门篇-快速入门ASP.NET Core看这篇就够了
本来这篇只是想简单介绍下ASP.NET Core MVC项目的(毕竟要照顾到很多新手朋友),但是转念一想不如来点猛的(考虑到急性子的朋友),让你通过本文的学习就能快速的入门ASP.NET Core.既 ...
- ASP.NET Core WebApi使用Swagger生成api说明文档看这篇就够了
引言 在使用asp.net core 进行api开发完成后,书写api说明文档对于程序员来说想必是件很痛苦的事情吧,但文档又必须写,而且文档的格式如果没有具体要求的话,最终完成的文档则完全取决于开发者 ...
- Spring Cloud入门,看这篇就够了!
点击▲关注 "中生代技术" 给公众号标星置顶 更多精彩 第一时间直达 概述 首先我给大家看一张图,如果大家对这张图有些地方不太理解的话,我希望你们看完我这篇文章会恍然大悟. 什 ...
- 【转】ASP.NET Core WebApi使用Swagger生成api说明文档看这篇就够了
原文链接:https://www.cnblogs.com/yilezhu/p/9241261.html 引言 在使用asp.net core 进行api开发完成后,书写api说明文档对于程序员来说想必 ...
- Docker入门实战看这篇就够了(最新详细以及踩过的坑)
Docker入门实战看这篇就够了 前言 初识 是什么 容器与虚拟机 能干什么 去哪玩 安装 先决条件 查看自己的内核 安装所需的软件包(支持devicemapper存储类型) 设置镜像的仓库 设置yu ...
最新文章
- java 对象转json json转对象
- google custom search api 申请注册 cx key
- HDU 4279 占坑先。。。
- Kali Linux GRUB修复
- Django 3.2.5博客开发教程:体验数据查询
- C++学习总结(函数、类与对象)
- laravel graphql php,结合 Laravel 初步学习 GraphQL
- 图之遍历--广度优先遍历
- java 扫雷游戏_java的扫雷小游戏(超简单)
- inDesign教程,如何设置名片?
- python遗传算法求解TSP问题
- 超强免费OCR文字识别工具推荐
- 芯片丨英特尔拟收购初创公司Barefoot Networks 后者曾获腾讯阿里投资
- android六边形图片,android – 如何给图像的六边形形状
- 篇1:如何为FPGA选择合适的电源管理方案
- 基于React Native和Ethers.js的电子钱包(二):路由和导航
- js与html和css的关系
- 等保三级核心-应用安全
- android9.0谷歌框架cdsk,Android Studio项目适配AndroidX(Android 9.0)的方法步骤
- 嵌入式计算机示例及应用
热门文章
- java返回给前端的json数据中带有转义符号如何处理
- 立体栅格地图_网格Mesh-3D立体图形-教程-地图 JS API | 高德地图API
- OpenGL教程翻译 第二十五课 天空盒
- thinkpad x12018换固态_【求助】ThinkPad X1Carbon 更换ssd - 笔记本电脑(Notebook)版 - 北大未名BBS...
- 有没有哪位同志看看哪个地方出错了
- Java爬虫,爬取竞彩网数据并按指定格式输出到excel表格中
- dict.get / dict.setdefault / defaultdict
- Apache Doris 0.11.x 版本升级
- thinkpad如何屏蔽bios更新 提示电池_恢复bios出厂默认值
- World Locking Tools for Unity (三)原理部分