🎨Swift UICollectionView | 網格排列圖片 🎨
在 iOS 開發中，UICollectionView 是一個非常有用的工具，它可以讓你輕鬆地將圖片或其他元素排列成網格樣式，讓你的 App 畫面更加美觀。在本文中，我們將介紹如何使用 Swift 來建立一個 UICollectionView，並將圖片排列成網格樣式。
建立 UICollectionView
首先，我們需要建立一個 UICollectionView，並將它放置在我們的 View Controller 中。在建立 UICollectionView 之前，我們需要先建立一個 UICollectionViewFlowLayout，它可以讓我們控制 UICollectionView 的排列方式。
let layout = UICollectionViewFlowLayout()
let collectionView = UICollectionView(frame: self.view.frame, collectionViewLayout: layout)
接著，我們需要設定 UICollectionView 的大小，以及每個 cell 的大小。
layout.itemSize = CGSize(width: 100, height: 100)
最後，我們需要將 UICollectionView 添加到 View Controller 中，並設定它的 delegate 和 dataSource。
self.view.addSubview(collectionView)
collectionView.delegate = self
collectionView.dataSource = self
加入圖片
接下來，我們需要將圖片加入到 UICollectionView 中。首先，我們需要建立一個圖片陣列，並將圖片加入到陣列中。
var images = [UIImage]()
images.append(UIImage(named: "image1")!)
images.append(UIImage(named: "image2")!)
images.append(UIImage(named: "image3")!)
接著，我們需要實作 UICollectionView 的 delegate 和 dataSource 方法，以便將圖片顯示在 UICollectionView 中。
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return images.count
}
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath)
let imageView = cell.viewWithTag(1) as! UIImageView
imageView.image = images[indexPath.row]
return cell
}
結論
在本文中，我們介紹了如何使用 Swift 來建立一個 UICollectionView，並將圖片排列成網格樣式。我們首先建立了一個 UICollectionViewFlowLayout，並設定 UICollectionView 的大小和每個 cell 的大小。接著，我們建立了一個圖片陣列，並將圖片加入到陣列中。最後，我們實作 UICollectionView 的 delegate 和 dataSource 方法，以便將圖片顯示在 UICollectionView 中。
UICollectionView 是一個非常有用的工具，它可以讓你輕鬆地將圖片或其他元素排列成網格樣式，讓你的 App 畫面更加美觀。如果你想要將圖片排列成網格樣式，UICollectionView 是一個不錯的選擇。
推薦閱讀文章
Swift UICollectionView | 網格排列圖片
Swift UICollectionView | 圖片排列 實作網格排列 圖片網路及圖片網路的實作
Swift UICollectionView | 實作網格排列 圖片網路的實作
Swift UICollectionView | 實作網格排列 圖片網路的實作
Swift UICollectionView | 實作網格排列 圖片網路的實作
Swift UICollectionView | 實作網格排列 圖片網路的實作</a
延伸閱讀本站文章
推薦學習youtube影片
Swift4 – Create Responsive GridView using UICollectionView
