UICollectionView(一)簡介
UIcollectionView,即網格檢視。類似於UITableView,是一種資料展示方式。簡單來說,可以理解為多列的UITableView,而這只是UICollectionView的最簡單的使用。如iPod上iOS6中的原生時鐘的時鐘排列:
![1324525-49b8e14e68cc5d67.png](https://i.iter01.com/images/268348b0f4fd661b1248fbb68c4b3ae50366d4015d63c566d8623b46cb61716e.png)
iOS6原生時鐘
最簡單的UICollectionView可以以多列的方式將資料進行展示。標準的UICollectionView包含三個部分,它們都是UIView的子類:
Cells 用於展示內容的主體。對於不同的cell可以指定不同尺寸和不同的內容
Supplementary Views 追加檢視。如果你對UITableView比較熟悉的話,可以理解為每個Section的Header或者Footer,用來標記每個section的view
**Decoration Views ** 裝飾檢視。這是每個section的背景,比如iBooks中的書架就是這個。
![1324525-784a392398b2c887.png](https://i.iter01.com/images/dc7264614f0dd942e08bf40251099874de26a0f994d59ab22f306d7cc2e5553d.png)
iBooks書架
![1324525-d31109f7b0574890.png](https://i.iter01.com/images/47f429540582b09bdef44dc94a89c02945d1b35eb4dfd4a52a22f52590958e17.png)
解析圖
不管一個UICollectionView的佈局如何變化,這三個部件都是存在的。
相關文章
- UICollectionView使用UIView
- tkinter簡介(一)
- python教程(一)·簡介Python
- 一、群集的簡介
- ElasticSearch基本簡介(一)Elasticsearch
- UICollectionView間隙的坑UIView
- RocketMQ 實戰(一) - 簡介MQ
- Varnish(一)簡介與原理
- ET8.1(一)簡介
- 一份 Markdown 簡介
- Flutter教程(一) Flutter簡介Flutter
- spark簡單介紹(一)Spark
- kafka之一:kafka簡介Kafka
- UICollectionView自定義佈局(二)UIView
- Redis那些事(一) — Redis簡介Redis
- Instruments使用指南(一)--- 簡介
- shell程式設計—簡介(一)程式設計
- Puppeteer筆記(一):Puppeteer簡介筆記
- 傲視Kubernetes(一):Kubernetes簡介
- Redis 知多少 (一)---Redis 簡介Redis
- Unity學習系列一簡介Unity
- Azure Terraform(一)入門簡介ORM
- 一、Linux系統的簡介Linux
- 一、USB PD協議簡介協議
- UICollectionView: 糊一張裝飾檢視 Decoration View 的一點經驗UIView
- UICollectionView SelectItem方法無效的原因UIView
- RxJS 系列之一 – Functional Programming 簡介JSFunction
- Vue.js入門 (一) - 簡介Vue.js
- web workers簡介(一)基礎使用Web
- Redux技術架構簡介(一)Redux架構
- pythonPIL影像處理庫簡介(一)Python
- [Dart]Dart語言之旅<一>:簡介Dart
- 簡單介紹一下 JSONJSON
- Azure Storage 系列(一)入門簡介
- Azure Data Factory(一)入門簡介
- Linux 筆記分享一:Linux 簡介Linux筆記
- 一、資訊學奧賽簡介
- Android Media Framework(一)OpenMAX 框架簡介AndroidFramework框架
- Flutter入門教程(一)Flutter簡介Flutter