ios개발/프로젝트

<ios프로젝트2> Customizing Collection View Layouts

studying develop 2020. 3. 22. 21:21

이걸 시도해 보려 한다.

 

[https://developer.apple.com/documentation/uikit/uicollectionview/customizing_collection_view_layouts]

 

일단 엄청 길다. 결론부터 말하면, 너무 길어서 이해가 힘들어 일단 보류 했다.

Overview

To lay out UICollectionView cells in a simple grid, you can use UICollectionViewFlowLayout directly. For more flexibility, you can subclass UICollectionViewLayout to create advanced layouts.

 

uicollectionView 셀들을 간단한 그리드로 표현하려면, 그냥 우리는 uicollectionviewflowlayout을 사용하면 된다. 하지만 더 유연하게 하려면, uicollectionviewlayout을 섭클래스하여 더 발전한 레이 아웃들을 만들면 된다.

 

This sample app demonstrates two custom layout subclasses:

아래의 샘플앱(나중에 보겠다...)은 두가지 커스텀 레이아웃을 섭클래스한다.

  • ColumnFlowLayout — A UICollectionViewFlowLayout subclass that arranges cells in a list format for narrow screens, or as a grid for wider screens. See “For a Simple Grid, Size Cells Dynamically,” below.

ColumnFlowlayout - uicollectionviewlayout 섭클래스로 좁은 화면들에서 셀들을 리스트 형태로 정돈한다, 또는 그리드 형태로 더 넓은 화면들에 정돈한다. 이 부분은 아래에 "간단한 그리드를 위해, 셀크기를 동적으로 하기 위해서" 라는 부분을 보자..

  • MosaicLayout — A UICollectionViewLayout subclass that lays out cells in a mosaic-style, nonconforming grid. See “For a Complex Grid, Define Cell Sizes Explicitly,” below.

mosaiclayout - uicollectionviewlayout은 섭클래스로 셀들을 모자이크 스타일로 배치한다, 그리드에 일치하지 않는 스타일이다. 아래에서 "복잡한 그리드를 위해, 셀크기를 명시적으로 정하자"를 보라..

 

The app opens to the Friends view controller, which uses a column flow layout to display a list of people. Tapping any cell takes you to the Feed view controller, which uses a mosaic layout to display photos from the user’s photo library.

Tapping the cloud icon to the right of the navigation bar demonstrates batched animations for inserting, deleting, moving, and reloading items in the collection view. For more information, see “Perform Batch Updates,” below. Using pull-to-refresh on the collection view resets the data.