Collections

A collection manages an ordered set of content, such as a set of photos, and presents it in a customizable and highly visual layout. Because a collection doesn’t enforce a strictly linear format, it’s particularly well-suited to displaying items that vary in size. Generally speaking, collections are ideal for showing off image-based content. Backgrounds and other decorative views can optionally be implemented to visually distinguish subsets of items.

컬렉션은 사진 세트와 같이 정렬된 컨텐츠 세트를 관리하며, 사용자 정의 가능하고 대단히 시각적인 레이아웃으로 표시합니다. 컬렉션은 엄격하게 선형 형식을 강요하지 않기 때문에 크기가 다른 항목을 표시하는 데 특히 적합합니다. 일반적으로 컬렉션은 이미지 기반 콘텐츠를 표시하는 데 이상적입니다. 배경 및 기타 장식뷰는 항목의 하위 세트를 시각적으로 구분하기 위해 선택적으로 구현할 수 있습니다.

Collections support both interactivity and animation. By default, you can tap to select, touch and hold to edit, and swipe to scroll. If your app requires it, more gestures can be added for performing custom actions. Within a collection, animations can be enabled whenever items are inserted, deleted, or reordered, and custom animations are also supported.

컬렉션은 상호 작용성과 애니메이션을 모두 지원합니다. 기본적으로 탭을 눌러 선택하고, 길게 누르면 편집되고, 스와이프하여 스크롤할 수 있습니다. 앱에 필요한 경우 사용자 지정 액션을 수행하기 위해 더 많은 제스처를 추가할 수 있습니다. 컬렉션 내에서 항목을 삽입, 삭제 또는 다시 정렬할 때마다 애니메이션이 활성화 될 수 있으며, 사용자 지정 애니메이션도 지원됩니다.

Avoid creating radical new designs when a standard row or grid layout is sufficient. A collection should enhance the user experience, not become the center of attention. Make it easy to select an item. If it’s hard to tap an item in your collection, people will get frustrated and lose interest before reaching the content they want. Use adequate padding around content to keep the layout clean and prevent overlapping of content.

표준 행 또는 그리드 레이아웃으로 충분할 때 급진적인 새로운 디자인을 만들지 마십시오. 컬렉션은 관심이 중심이 되면 안되고, 사용자 경험을 향상 시켜야합니다. 항목을 쉽게 선택하도록 만드십시오. 컬렉션에서 항목을 탭하기가 어려울 경우, 사람들은 좌절감을 느끼고 원하는 콘텐츠에 도달하기 전에 관심을 잃게됩니다. 콘텐츠 주위에 적절한 여백을 사용하여 레이아웃을 깨끗하게 유지하고 내용이 겹치지 않도록하십시오.

Consider using a table instead of a collection for text. It’s generally simpler and more efficient to view and digest textual information when it’s displayed in a scrollable list.

텍스트를 위한 컬렉션 대신 테이블을 사용하는 것을 고려하십시오. 텍스트 정보가 스크롤 가능한 목록에 표시 될 때 텍스트 정보를 보고 요약하는 것이 일반적으로 더 간단하고 효율적입니다.

Use caution when making dynamic layout changes. The layout of a collection can be changed at any time. If you dynamically change the layout while people are viewing and interacting with it, be sure the change makes sense and is easy to track. Unmotivated layout changes can make your app seem unpredictable and difficult to use. If context is lost due to a layout change, people are likely to feel like they’re no longer in control.

동적 레이아웃 변경를 만들 때 주의해서 사용하십시오. 컬렉션의 레이아웃은 언제든지 변경될 수 있습니다. 사용자가 레이아웃을 보고 상호 작용하는 동안 동적으로 레이아웃을 변경하는 경우 변경 내용이 이해되고 추적하기 쉽도록해야합니다. 이유없는 레이아웃 변경은 앱이 예측할 수 없어 보이고 사용하기 어려울 수 있습니다. 레이아웃 변경으로 인해 컨텍스트가 손실되면 사람들은 더 이상 제어할 수 없는 것처럼 느끼게 됩니다.

For developer guidance, see UICollectionView.

Collections - Views - iOS - Human Interface Guidelines - Apple Developer

Last updated