iOS设计一个九宫格图片展示View

2017-05-05  本文已影响600人  举个栗子wow

类似于微博的列表页面这种九宫格图片显示效果,可以显示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,我觉得第二种方法在性能上要优于第一种,所以在我的工程里选择了第二种。

另外网上也有许多种实现方法,没有具体地细看,有好的方式欢迎互相交流。

上一篇 下一篇

猜你喜欢

热点阅读