首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計疑難解答

iOS UICollectionView 實現懸浮頭部視圖:StickyHeaders 開源庫接入指南

     編輯:程式設計疑難解答

需求:UICollectionView 的 Section Header 在滑動時懸浮於頂部,類似 UITableView 的 sectionHeaderTopPadding 效果。iOS 原生不支持,需引入第三方庫。

推薦方案:StickyViews

GitHub: https://github.com/derrh/StickyViews

接入步驟

  1. CocoaPods: pod 'StickyViews'
  2. 繼承 StickyCollectionViewFlowLayout 而非 UICollectionViewFlowLayout
  3. 正常實現 viewForSupplementaryElementOfKind 返回 Header View
let layout = StickyCollectionViewFlowLayout()
layout.stickyHeaders = true // 啟用懸浮
let collectionView = UICollectionView(frame: .zero, collectionViewLayout: layout)

替代方案

  • CSStickyHeaderFlowLayout (ObjC 經典庫)
  • iOS 13+ 可嘗試 UICollectionViewCompositionalLayout 手動實現(代碼量大)

StickyViews 維護活躍、Swift 友好、支持動態高度 Header,首選。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved