EmptySection 2

[ iOS ] CollectionView์˜ Section ์ˆจ๊ธฐ๊ธฐ - CompositionalLayout

CollectionView์˜ Section CollectionView๋Š” ์—ฌ๋Ÿฌ Section์„ ๋‘˜ ์ˆ˜ ์žˆ๋‹ค. ๊ฐ€์žฅ ๋Œ€ํ‘œ์ ์ธ ์˜ˆ๋กœ๋Š” App Store์ด๋‹ค. ์•„๋ž˜ ์‚ฌ์ง„์„ ๋ณด๋ฉด ์•„๋ž˜๋กœ๋„ ์Šคํฌ๋กค์ด ๋˜๋ฉฐ ์—ฌ๋Ÿฌ ๋‹จ๋ฝ์œผ๋กœ ๋‚ด์šฉ์ด ๋‚˜๋‰˜์–ด์ ธ ์žˆ๊ณ  ๊ฐ ๋‹จ๋ฝ์ด ๊ฐ€๋กœ๋กœ ์Šคํฌ๋กค์ด ๋˜์–ด ์—ฌ๋Ÿฌ ์•„์ดํ…œ๋“ค์„ ๋ณด์—ฌ์ค€๋‹ค. ์•ฑ์Šคํ† ์–ด์ฒ˜๋Ÿผ ํ•ญ์ƒ collectionView์˜ ๋ฐ์ดํ„ฐ๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ๋„ ์žˆ์ง€๋งŒ ๋ฉ”๋ชจ, ๋‹ค์ด์–ด๋ฆฌ๋ฅผ ์ €์žฅ ๋ชฉ์  CollectionView๋Š” ๋ฐ์ดํ„ฐ ์ €์žฅ ์ „์ด๋‚˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค ์‚ญ์ œํ•œ ๊ฒฝ์šฐ์—๋Š” CollectionView๊ฐ€ ๋ฐ์ดํ„ฐ ์—†์ด ๋นˆ ๊ณต๊ฐ„์œผ๋กœ ์žˆ์–ด์•ผ ํ•œ๋‹ค. Section์ด ํ•˜๋‚˜๊ฑฐ๋‚˜ ๋งˆ์ง€๋ง‰ Section์ด๋ผ๋ฉด ๋ฐ์ดํ„ฐ๊ฐ€ ์—†๋”๋ผ๋„ ๋ฌธ์ œ๋˜์ง€ ์•Š์ง€๋งŒ ์ฒซ ๋ฒˆ์งธ ๋˜๋Š” ์ค‘๊ฐ„ Section์ด๋ผ๋ฉด ๋ฐ์ดํ„ฐ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ๋‹ค์Œ Section๊นŒ์ง€ ๊ทธ์ € ํ……..

iOS 2023.03.06

[ iOS ์‹œํ–‰์ฐฉ์˜ค ] CollectionView์˜ Section ์ˆจ๊ธฐ๊ธฐ -CompositionalLayout

๐Ÿ‘ฉ‍๐Ÿ’ป๋ฐฐ๊ฒฝ๐Ÿ‘ฉ‍๐Ÿ’ป ์›๋ž˜ Section์ด ํ•œ ๊ฐœ์˜€๋˜ collection view๋ฅผ ๋‘ ๊ฐœ๋กœ ๋งŒ๋“ค์—ˆ๋Š”๋ฐ ์•„์ดํ…œ์ด ์•„๋ฌด๊ฒƒ๋„ ์—†์œผ๋ฉด ๊ทธ๋ƒฅ ํ……- ๋นˆ ๊ณต๊ฐ„์ด ๋‚จ๊ฒŒ ๋˜์–ด ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์ด ์ข‹์ง€ ์•Š์„ ๊ฒƒ ๊ฐ™์•„ ์•„์ดํ…œ์ด ์—†์„ ๊ฒฝ์šฐ Section์„ ์ˆจ๊ธฐ๊ณ ์ž ๊ณ„ํšํ–ˆ๋‹ค. How to deal with empty items section Section์„ ์ ‘๋Š” ๊ฑด ์ž์ฃผ ๋ณด์ด๋Š” ๊ธฐ๋Šฅ์ด์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ๊ฐ„๋‹จํ•˜์ง€ ์•Š์„๊นŒ ์ƒ๊ฐํ–ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๊ด€๋ จ ๋ฉ”์„œ๋“œ๋‚˜ ํ”„๋กœํผํ‹ฐ๊ฐ€ ์žˆ์ง€ ์•Š์„๊นŒ ๊ณต์‹๋ฌธ์„œ์„ ์—ด์‹ฌํžˆ ์ฐพ์•„๋ณด์•˜์ง€๋งŒ ์ข‹์€ ๊ฒฐ๊ณผ๋ฅผ ์–ป์ง€ ๋ชปํ–ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋‹ค์‹œ ๋˜ ์—ด์‹ฌํžˆ ๊ตฌ๊ธ€๋ง์„ ํ–ˆ๋‹ค. ๋‚ด๊ฐ€ ์ž์ฃผ ๋ดค๋˜ Section ์ˆจ๊น€ ๊ธฐ๋Šฅ์€ ๋ณดํ†ต TableView๋ฅผ ํ™œ์šฉํ•œ ๊ฒƒ์ด๊ฑฐ๋‚˜ FlowLayout์„ ์‚ฌ์šฉํ•œ ๋ฐฉ๋ฒ•์ด์—ˆ๋Š”๋ฐ, ๋‚˜๋Š” ์ฒ˜์Œ๋ถ€ํ„ฐ Section์„ ์—ฌ๋Ÿฌ ๊ฐœ ๋งŒ๋“ค ๊ณ„ํš์ด..

728x90