UICollectionViewDemo自定义布局与交互示例
UICollectionView 的灵活布局能力,真的是 iOS 开发里一个香的存在。UICollectionViewCell
开始,一步步搞清楚 cell 是怎么来的、怎么显示、怎么交互的。
自定义 cell 这块,项目用的是XIB
,搭配代码写 UI,样式清爽,还能快速复用。像UILabel
、UIImageView
这些控件的绑定也做得挺规整,逻辑清晰,适合拿来当模板。
cell 注册用的是registerNib:forCellWithReuseIdentifier:
,配合cellForItemAt:
方法一起看更直观。你能看到 cell 怎么被复用、怎么动态加载数据。还有点击事件的响应也加上了,用didSelectItemAt:
轻松搞定。
最有意思的是自定义布局部分。项目里应该是扩展了UICollectionViewFlowLayout
,改了 item 的大小和间距,有点像朋友圈九宫格的感觉。如果你想做错落感或者横向滑动卡片式的 UI,挺值得研究。
数据绑定也得不错,基本遵循 MVVM 的思路,把数据和 UI 解耦。cell 加载时状态清理、异步加载图像这些性能点也没落下,prepareForReuse
用得比较规范。
交互和动画这块也有点东西,比如点击动画、小范围缩放,还有 cell 滑动时的状态变化。这些东西虽然不难,但得好会让界面看起来更“高级”。
如果你正在做一个需要自定义瀑布流、横向滑动卡片、或者网格风格展示的功能,可以直接拿
66.68KB
文件大小:
评论区