๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
iOS ๐ŸŽ/iOS

Frame-base layout vs Auto layout

by yongmin.Lee 2022. 3. 2.

Frame-Base Layout

  • ์‚ฌ๊ฐํ˜• ๋ทฐ๋ฅผ ๊ทธ๋ฆด๋•Œ ์ขŒํ‘œ์™€ ์‚ฌ์ด์ฆˆ๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ทฐ๋ฅผ ์ •์˜ํ•˜๋Š” ๋ฐฉ๋ฒ•
  • ์˜ˆ๋ฅผ๋“ค์–ด ๋ทฐ๋Š” "์ขŒํ‘œ (20, 20)์— ์œ„์น˜ํ•˜๊ณ  ํญ์€ 120, ๋†’์ด๋Š” 80์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค." ๋ผ๊ณ  ์ •์˜๋ฅผ ํ•˜๋ฉด ์ •์˜ํ•œ ์ขŒํ‘œ์™€ ์‚ฌ์ด์ฆˆ์— ๋”ฐ๋ผ์„œ ๋ทฐ๊ฐ€ ๊ทธ๋ ค์ง„๋‹ค
  • ๋‹จ๋ง๊ธฐ์˜ ํ•ด์ƒ๋„์— ๋”ฐ๋ผ ๋ทฐ์˜ ์™ธ๋ถ€ ์—ฌ๋ฐฑ์ด ๋‹ฌ๋ผ์ง€๊ฒŒ ๋œ๋‹ค.

 

Auto layout

  • ๋ทฐ์˜ ํฌ๊ธฐ์™€ ์œ„์น˜๋ฅผ constraints์— ์˜ํ•ด์„œ ๋™์ ์œผ๋กœ ๊ณ„์‚ฐํ•ด์ฃผ๋Š” ๋ ˆ์ด์•„์›ƒ
  • ๋ทฐ๋ฅผ ์ •์˜ํ• ๋•Œ "์–ด๋Š ๋ทฐ๋กœ๋ถ€ํ„ฐ ์–ด๋Š๋งŒํผ ๋–จ์–ด์ ธ์žˆ๋‹ค."๋ผ๊ณ  ๋ถˆ๋ฆฌ๋Š” ์ œ์•ฝ์‚ฌํ•ญ(constraint)์„ ์ •์˜ํ•ด์ค€๋‹ค.
  • Auto Layout์˜ ๊ฐ€์žฅ ํฐ ์žฅ์ ์€ ์—ฌ๋Ÿฌ ํ•ด์ƒ๋„๋ฅผ ์œ ์—ฐํ•˜๊ฒŒ ์ง€์›ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ.
  • Auto Layout์˜ ๊ฒฝ์šฐ์—๋Š” ์ œ์•ฝ์‚ฌํ•ญ(constraint)์„ ๊ฑธ์–ด๋‘๋ฉด ํ•ด์ƒ๋„๊ฐ€ ์ž‘์€ ๋‹จ๋ง๊ธฐ๋“ , ๋†’์€ ๋‹จ๋ง๊ธฐ๋“  ์ƒ๊ด€์—†์ด ์ œ์•ฝ์‚ฌํ•ญ(constraint)๋งŒํผ ๋–จ์–ด์ ธ์„œ ๋ทฐ๊ฐ€ ๊ทธ๋ ค์ง„๋‹ค.

'iOS ๐ŸŽ > iOS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

iOS ๋ฉ”๋ชจ๋ฆฌ ๊ตฌ์กฐ  (0) 2022.03.04
iOS File System = SandBox ๊ตฌ์กฐ  (0) 2022.03.04
translatesAutoresizingMaskIntoConstraints ์†์„ฑ  (0) 2022.02.23
Main Run Loop & Update Cycle  (0) 2022.01.24
Notification Service Extension  (0) 2021.12.06