iOS 解決UICollectionView 計算 Cell 大小的問題

更新時間：2016年07月22日 09:38:47 投稿：lqh

本文主要介紹iOS UICollectionView,這里給大家一個實例代碼作為參考,并指出經(jīng)常遇到的問題和解決辦法,希望能幫助有需要的小伙伴

前言

　　API 不熟悉導致的問題，想當然的去理解果然會出問題，這里記錄一下 UICollectionView 使用問題。

正文

　　陷阱一：minimumLineSpacing、minimumInteritemSpacing

　　　　很容易就把這兩個屬性設置為 0 ，這兩個屬性是最小行間距和最小列間距，注意是最?。?！也就是說實際上可以 > 0 ，并不是間距就是 0

　　陷阱二：sectionInset

　　　　設置 cell 的邊距。一開始我以為是每一個 cell 的邊距，相鄰之間會疊加效果，實際上并不是這樣的，這個屬性只是保證相鄰之間的間距，并不疊加??！

　　理解了上面兩個陷阱，我們就可以精確計算 Cell 的大小了，再來設置 itemSize 的大小才會正確。例如：

 let ITEM_MIN_WIDTH: CGFloat = 300
  let ITEM_SPACING: CGFloat = 6

  func resizeCollectionView(size: CGSize) {
    if let layout = collectionView?.collectionViewLayout as? UICollectionViewFlowLayout {
      layout.minimumLineSpacing = ITEM_SPACING
      layout.minimumInteritemSpacing = ITEM_SPACING

      var itemCount = Int(size.width / ITEM_MIN_WIDTH)
      if itemCount == 0 {
        itemCount = 1
      }

      if itemCount == 1 {
        layout.itemSize = CGSizeMake(size.width, size.width * 10 / 16)
        layout.sectionInset = UIEdgeInsetsMake(6, 0, 0, 0)
      } else {
        let width = (size.width - CGFloat((itemCount + 1)) * ITEM_SPACING) / CGFloat(itemCount)
        layout.itemSize = CGSizeMake(width, width * 10 / 16)
        layout.sectionInset = UIEdgeInsetsMake(ITEM_SPACING, ITEM_SPACING, 0, ITEM_SPACING)
      }
      collectionView?.layoutIfNeeded()
    }
  }

代碼說明：

　　傳入當前 view 的 size ，動態(tài)計算 cell 大小，可以方便的適配 iPhone/iPad ，單列時隱藏兩邊邊距，多列時顯示兩邊間隙。

以上就是對IOS UICollectionView 用法和說明，希望能幫助 IOS開發(fā)的朋友。

您可能感興趣的文章:

iOS發(fā)送驗證碼倒計時應用
點擊發(fā)送驗證碼button。倒計時開始，這篇文章就為大家詳細介紹了iOS發(fā)送驗證碼倒計時應用的實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
深入理解IOS控件布局之Masonry布局框架
本篇文章主要介紹了深入理解IOS控件布局之Masonry布局框架，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
iOS 屏幕解鎖文字動畫效果
這篇文章主要介紹了iOS 屏幕解鎖文字動畫效果的相關資料,需要的朋友可以參考下
2016-09-09
IOS實現(xiàn)郵箱模糊匹配的功能
在一些App的訂單填寫頁，輸入用戶郵箱有個提示郵箱后綴的功能，很好用！還可以根據(jù)各個郵箱類型用戶量來做一個優(yōu)先級的匹配哦。這個功能該如何實現(xiàn)呢，下面來一起看看。
2016-08-08
iOS開發(fā)之在列表上方添加水印的方法
這篇文章主要給大家介紹了關于iOS開發(fā)之在列表上方添加水印的相關資料，文中給出了詳細的示例代碼供需要的朋友們參考學習，對大家的學習或工作具有一定的參考借鑒價值，下面隨著小編來一起學習學習吧
2018-08-08
iOS設計模式——Category簡單介紹
這篇文章主要介紹了iOS設計模式——Category簡單介紹，有興趣學習的同學可以了解一下。
2016-11-11
iOS Tabbar中間添加凸起可旋轉(zhuǎn)按鈕功能
最近的項目中有需求在tabbar中間添加凸起按鈕，并且點擊時按鈕要旋轉(zhuǎn)，看了仿斗魚的凸起，點擊后是present出來View,這篇文章主要介紹了iOS Tabbar中間添加凸起可旋轉(zhuǎn)按鈕,需要的朋友可以參考下
2017-12-12
iOS動畫特效之立方體翻轉(zhuǎn)
今天起為大家?guī)韎OS動畫特效合集之立方體翻轉(zhuǎn)，APP如美女，動畫如衣裳，趕緊為她披上漂亮的衣裝吧！
2016-08-08
iOS 高效的分頁加載實現(xiàn)示例
本篇文章主要介紹了iOS 高效的分頁加載實現(xiàn)示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-10-10
iOS圖片拉伸技巧（iOS5.0、iOS6.0）
這篇文章主要為大家詳細介紹了iOS圖片拉伸技巧，提供了3種圖片拉伸的解決方案，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01