iOS | CollectionView の Scroll Direction を Horizontal にしても縦に並ぶ

起きたこと

タイトルどおりですが、CollectionView の Scroll Direction を Horizontal にしても、セルが横ではなく縦に並んでしまいました。

Storyboard で設定する場合。

コード上で設定する場合。

let layout = UICollectionViewFlowLayout()
layout.scrollDirection = .horizontal
collectionView.collectionViewLayout = layout

横スクロールするカルーセルバナーを作ろうとしていたのですが、バナーが縦に並んでしまいます。。

直し方

CollectionView の領域が縦に広すぎたことが原因でした。

↓ CollectionView が画面いっぱいの領域を持っています。

CollectionView の高さをセルが１つ分くらいに狭めると、すべてのセルが横に並んで思ったとおりのカルーセルになります。

Scroll Direction を Horizontal にしても CollectionView の縦の領域に余裕があれば最初は縦に並べるってことですね。