MagazineLayout

垂直にスクロールするグリッドとリストにビューをレイアウトする iOS コレクションビューレイアウト
2,933
作成:Bryan Keller

MagazineLayout は、垂直にスクロールするグリッドとリストのアイテムをレイアウトするための UICollectionViewLayout サブクラスです。UICollectionViewFlowLayout と比較すると、MagazineLayout は多くの追加機能をサポートします。

  • トータル利用可能幅に対する割合に基づくアイテム幅

    • リストレイアウトのためのフル幅(UITableView と似ています)
    • グリッドレイアウトのための半分の幅、3 分の 1 の幅など
  • 垂直方向のみ自己サイズが設定
  • アイテムごとの自己サイズ設定の優先順位(コレクションビューのどこでもアイテムの自己サイズを設定して静的にサイズを設定する)
  • 自己サイズのヘッダーとフッター
  • セクションごとにヘッダーとフッターを表示または非表示に
  • (スティッキー) ヘッダーとフッターをピン
  • セクションごとに非表示 / 表示を切り替え可能なセクション背景
  • アイテムと補助ビューのカスタマイズ可能な挿入および削除のアニメーション

その他の機能

  • セクションごとの水平方向のアイテム間隔の指定
  • セクションごとの垂直方向の行間隔の指定
  • セクションごとのセクションインセットの指定
  • セクションごとのアイテムインセットの指定

これらの機能を使用すると、Airbnb アプリにさまざまな画面を作成することができ、その多くは最もトラフィックの多い画面になっています。以下は MagazineLayout を使用してレイアウトした画面のほんの一部です。

ホーム検索 体験検索 ウィッシュリスト ホーム
Homes Search Experiences Search Wish list Home
リンク