iOS設(shè)計(jì)一個(gè)九宮格圖片展示View

類似于微博的列表頁面這種九宮格圖片顯示效果,可以顯示1-9張不同的圖片。單獨(dú)設(shè)計(jì)的話很容易,考慮到列表復(fù)用的話還是要?jiǎng)狱c(diǎn)心思。
效果:

334E0F9D-730F-48E9-9A13-71DB859844E0.png

思路

1.第一種思路:UIView上9張圖片,傳入圖片數(shù)組,有多少張賦值多少張,剩下的給空值,然后對(duì)除以3以此判斷父視圖view需要改變多少高度。這里注意,需要設(shè)置view.layer.maskToBounds = Yes,才能使超出父視圖區(qū)域的子視圖完全不顯示。

2.第二種思路:UIScrollerView上放置9張圖片,scrollerView容量大小設(shè)置為剛好能容得下9張圖片,設(shè)置可滾動(dòng)屬性為NO。反復(fù)改變scrollerView的高度即可。

因?yàn)橐煌5貜?fù)用調(diào)整cell,我覺得第二種方法在性能上要優(yōu)于第一種,所以在我的工程里選擇了第二種。

另外網(wǎng)上也有許多種實(shí)現(xiàn)方法,沒有具體地細(xì)看,有好的方式歡迎互相交流。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,115評(píng)論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,410評(píng)論 4 61
  • 【如果不夠悲傷就無法飛翔,可沒有夢(mèng)想,何必遠(yuǎn)方】 初讀這句話,是不懂的,只是喜歡,這大概是內(nèi)心的矯情在作祟罷,卻是...
    落微閱讀 1,148評(píng)論 0 4
  • 1、Frost & Sullivan發(fā)布醫(yī)療衛(wèi)生區(qū)塊鏈?zhǔn)袌鲋饕獏⑴c者 Frost & Sullivan最新報(bào)告指出...
    U呀UI小餅閱讀 239評(píng)論 0 0
  • 2013年9月1日 星期日 晴 對(duì)不起啊,昨天忘記寫了。 雖然要半個(gè)月才能回家,才能過中秋,但我還是滿懷期待的。畢...
    岑白箋閱讀 202評(píng)論 0 0

友情鏈接更多精彩內(nèi)容