コレクション

コレクションは、順序付けられた一連のコンテンツを管理し、カスタマイズ可能な非常に視覚的なレイアウトで表示します。

一般的に言えば、コレクションはイメージベースのコンテンツを表示するのに理想的です。

ベストプラクティス

可能な限り、標準の行またはグリッドレイアウトを使用してください。 コレクションは、デフォルトで水平の行またはグリッドでコンテンツを表示します。これは、人々が期待するシンプルで効果的な外観です。人々を混乱させたり、過度の注意を引く可能性のあるカスタムレイアウトを作成しないでください。

テキストのコレクションの代わりに表を使用することを検討してください。 テキスト情報をスクロール可能なリストに表示すると、一般に、表示して理解するのがより簡単で効率的になります。

アイテムを選びやすくします。 あなたのコレクション内のアイテムにたどり着くのが難しすぎると、人々は欲求不満になり、目的のコンテンツにたどり着く前に興味を失います。イメージの周りに適切なパディングを使用して、フォーカスを明確に保ち、コンテンツが重ならないようにします。

必要に応じてカスタム操作を追加します。 デフォルトでは、人々はタップして選択し、長押しして編集し、スワイプしてスクロールできます。あなたのアプリで必要な場合は、カスタムアクションを実行するためのジェスチャーをさらに追加できます。

人々がアイテムを挿入し、削除し、または並べ替えるときに、アニメーションを使用してフィードバックを提供することを検討してください。 コレクションはこれらのアクションの標準アニメーションをサポートしており、カスタムアニメーションも使用できます。

プラットフォームの考慮事項

macOS または tvOS に関する追加の考慮事項はありません。watchOS ではサポートされていません。

iOS、iPadOS

動的なレイアウト変更を行うときは注意してください。 コレクションのレイアウトは動的に変更できます。変更が理にかなっていて、追跡しやすいことを確認してください。可能であれば、明示的なアクションへの応答でない限り、人々がレイアウトを表示して操作している間はレイアウトを変更しないようにしてください。

リソース

開発者用文書

UICollectionView — UIKit (UICollectionView)

NSCollectionView — AppKit (NSCollectionView)