类似于微博的列表页面这种九宫格图片显示效果，可以显示1-9张不同的图片。单独设计的话很容易，考虑到列表复用的话还是要动点心思。
效果：
334E0F9D-730F-48E9-9A13-71DB859844E0.png
思路
1.第一种思路：UIView上9张图片，传入图片数组，有多少张赋值多少张，剩下的给空值，然后对除以3以此判断父视图view需要改变多少高度。这里注意，需要设置view.layer.maskToBounds = Yes，才能使超出父视图区域的子视图完全不显示。
2.第二种思路：UIScrollerView上放置9张图片，scrollerView容量大小设置为刚好能容得下9张图片，设置可滚动属性为NO。反复改变scrollerView的高度即可。
因为要不停地复用调整cell，我觉得第二种方法在性能上要优于第一种，所以在我的工程里选择了第二种。
另外网上也有许多种实现方法，没有具体地细看，有好的方式欢迎互相交流。
类似于微博的列表页面这种九宫格图片显示效果，可以显示1-9张不同的图片。单独设计的话很容易，考虑到列表复用的话还是...
flutter九宫格图片 利用GridView实现布局，用Hero动画进行展示
在iOS11之前，view展示圆角的处理过程为： 如此，便可以显示一个圆角的view： iOS11对圆角功能进行了...
表现 YYWebImage + YYAnimatedImageView 展示的图片，在iOS 14上无法正常展示，...
用Stack View布局UI。 用image views展示图片。 用内建的asset catalog管理图片。...
UICollectionView简介： •在iOS中，要实现九宫格数据展示，最常用的做法就是使用UICollect...
Android九宫格图片展示控件 简单说下NineGridLayout的实现吧，NineGridLayout继承的...
iOS 架构设计 1.概述 iOS 开发中，MVC（Model View Controller）是构建iOS Ap...
今天分享的是多图添加的代码，像微博和微信那些9图显示有一个问题就是每个微博或朋友圈的图片显示数量是不定的，这样我们...
1.前端是什么？前端就是view。2.前端人员做什么？把设计图转化为view，展示view，优化view，提升用户...
本文标题：iOS设计一个九宫格图片展示View
本文链接：https://www.haomeiwen.com/subject/llbjtxtx.html
网友评论