xyk blog

最近は iOS 開発の記事が多めです。

UICollectionView

UICollectionViewCell の Self-Sizing で動的にセルサイズを調整する

検証環境: Xcode 12.4 Swift 5.3.2 UICollectionViewCell の Self-Sizing 機能でコンテンツに基づいて動的にセルサイズを調整する方法について。 まず今回 UICollectionView を使って実現したいレイアウトは横幅が画面幅(collectionView.frame.width)で、縦…

UICollectionView で複数 Section の Header と Footer を表示する

検証環境: Xcode 12.4 Swift 5.3.2 UICollectionView で複数セクションのヘッダーとフッターを表示する方法について。 StoaryBoard 設定 まず StoryBoard で Root View に UICollectionView 及び UICollectionViewCell のビューを設置しておく。 UICollectio…

UICollectionView でタグクラウド風のレイアウトを実現する

検証環境: Xcode 12.4 Swift 5.3.2 UICollectionView を使ってタグクラウド風にセルが並ぶレイアウトを実現したい。 UICollectionView のデフォルトのレイアウトである UICollectionViewFlowLayout をそのまま使うと以下のようにセル間にスペースが入ってし…

UICollectionView のセルサイズを指定しても反映されない時

検証環境: Xcode 12.4 Swift 5.3.2 UICollectionView のセルサイズを、 UICollectionViewFlowLayout.itemSizeプロパティ またはUICollectionViewDelegateFlowLayoutデリゲートのcollectionView(_:layout:sizeForItemAt:)メソッド を実装してセルサイズ(CGSiz…

UICollectionViewCell の横幅を計算する

検証環境: Xcode 12.4 Swift 5.3.2 UICollectionView のセルの横幅をいい感じに調整する方法について。 前提条件として、セルの並び方向はデフォルトのflowLayout.scrollDirection = .vertical、セルのサイズは正方形ですべてのセルが同じサイズであること。…

UICollectionViewで縦横両方向にスクロールさせる

環境: Swift3 コレクションビューで縦横どちらにもスクロールさせることはできるか調べてみた。 デフォルトのレイアウトクラスであるUICollectionViewLayoutでは縦横どちらかの方向にしかスクロールできないようだ。 コレクションビューではUICollectionView…