AutoLayout์ ๊ณต๋ถํ๋ฉด์ landscape์ portrait์ ๋ฐ๋ฅธ ํ๋ฉด ๊ตฌ์ฑ ๋ฐฉ๋ฒ์ ๊ณต๋ถํ๋ค.
๋ด๊ฐ ๋ค์ ๊ฐ์๊ฐ ์กฐ๊ธ ์๋ ๊ฐ์๋ผ Vary for Traits์ ์ฌ์ฉํ ํ๋ฉด๊ตฌ์ฑ๋ฐฉ์์ ์๊ฐํ๋๋ฐ, ๋ด๊ฐ ํ์ฌ ๊ณต๋ถํ๋ 23๋ 3์ ์์ ์๋ ์ด ๊ธฐ๋ฅ์ด ์์๋ค. ์ฐพ์๋ณด๋ xcode 13 ์ ๋ฐ์ดํธ ๋ถํฐ ์ด ๋ฒํผ์ด ์ฌ๋ผ์ ธ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ ์ฌ์ฉํด์ผํ๋ค.
ํด๊ฒฐ๋ฐฉ๋ฒ์ ์ฐพ๋ ์ค ์ฌ๋๋ค์ด ์ถ์ฒํด์ค ๋์์์ ๋ณด๊ฒ ๋์๊ณ , ์ฌ๊ธฐ์ ํด๋ต์ ์ป์ ์ ์์๋ค.
๋๋ ์ฒซ๋ฒ์งธ ์ธ๋ก ํ๋ฉด์์๋ 2x2๋ก ๊ตฌ์ฑ๋ ๋ค๋ชจ ๋ฐ์ค๋ฅผ ๊ฐ๋ก ํ๋ฉด์ผ๋๋ 1x4๋ก ๋ํ๋๋๋ก ๊ตฌ์ฑํ๊ณ ์ถ์๋ค. (์ด์ฐ๋๊ฑด ๊ฐ๋ก ์ธ๋ก ํ๋ฉด ๊ตฌ์ฑ์ ๋ค๋ฅด๊ฒ ํ๊ณ ์ถ์๋ค!)
์์
1. ๋จผ์ ์ธ๋ก ํ๋ฉด์ผ ๋ ๋ด๊ฐ ์ํ๋ Constraints๋ฅผ ์ถ๊ฐํ๋ค.
2. Constraints๋ฅผ ์ ํํ๊ณ ์ฐ์ธก ํ๋จ์ + ๋ฒํผ์ ํด๋ฆญํด Add Variation์ ๋๋ฅธ๋ค.
3. ์ฐ์ธก๊ณผ ๊ฐ์ด ์ฒซ๋ฒ์งธ Installed ์ฒดํฌ๋ฅผ ํด์ ํ๋ค.
4. ๊ฐ๋ก๋ก ์ ํํ ํ ๋ด๊ฐ ์ํ๋ Constraints๋ฅผ ์ถ๊ฐํ๋ค.
5. ์ข์ธก ํ๋์์ผ๋ก ๋์ด์๋ ์๋ก ์ถ๊ฐํ Constraints๋ฅผ ์ปค๋ฉ๋๋ฅผ ๋๋ฅด๊ณ ํ๋ํ๋ ์ ํํด์ค๋ค.
6. ๋์ผํ๊ฒ ์ฐ์ธก ํ๋จ + ๋ฒํผ์ ๋๋ฅด๊ณ Width๋ฅผ Any๋ก ๋ฐ๊ฟ์ค ํ Add Variation์ ๋๋ฅธ๋ค. (๋์์์์๋ Any๋ก ๋ฐ๊ฟ์ฃผ์๋๋ฐ ๊ทธ๋ฅ Compact๋ก ํด๋ ํฌ๊ฒ ๋ฌธ์ ๋ ์๋๋ฏ ํ๋ค)
7. ์๊น์ ๋์ผํ๊ฒ ์ฌ์ง๊ณผ ๊ฐ์ด ์ฐ์ธก ์ฒซ๋ฒ์งธ Installed ์ฒดํฌ๋ฅผ ํด์ ํ๋ค.
8. ๋ค์ ๊ฐ๋ก๋ก ๋ฐ๊ฟ๋ณด๋ฉด ์ ์ ์ฉ๋์ด ์์์ ํ์ธํ ์ ์๋ค.
๋๋ ๊ฐ๋จํ ํ๋ฉด๊ตฌ์ฑ์ด๋ผ ๊ทธ๋ ๊ฒ ๋ณต์กํ์ง ์์๋ค. Vary for Traits๊ฐ ์์ด์ง ๋ถ๋ถ์ ์ฌ๋๋ค์ ์๊ฒฌ์ด ๋ถ์ ์ ์ธ ๊ฒ ๊ฐ์๋ฐ ์ด๋ฐ ๋ถ๋ถ์ ์ ํ์์ ๊ฐ์ ํด์ฃผ์์ด์ผ ํ์ง ์์์๊น..ใ ์์ง๊น์ง ๊ทธ๋๋ก์ธ๊ฑธ ๋ณด๋ฉด ๊ทธ๋ด์ผ์ ์์ ๊ฒ ๊ฐ๋ค ใ .ใ
Vary for Traits๊ฐ ๊ต์ฅํ ํธํด ๋ณด์๋๋ฐ ๋ณต์กํ ๋ฐฉ๋ฒ์ผ๋ก ๋ฐ๋๊ฑด ๋ถ์ ์ ์ด์ง๋ง.. ๊ทธ๋ด๋งํ ์ด์ ๊ฐ ์์ง ์์์๊น ๋ผ๋ ์๊ฐ๋ ๋ ๋ค.
https://stackoverflow.com/questions/69286933/do-you-know-where-s-the-vary-for-traits-in-xcode-13
์ ๋งํฌ์๋ ์น์ ํ ๋ต๋ณ์ด ๋์ด ์์ด ๋ถ์กฑํ ๋ถ๋ถ์ ์ฐธ๊ณ ํ๋ฉด ์ข์ ๋ฏํ๋ค!
+) 23. 04. 24
https://developer.apple.com/design/human-interface-guidelines/foundations/layout/
HIG ์๋์ชฝ์
์ผ๋ถ ๊ธ์ ๊ฐ์ ธ์๋ค.
๋๋ฐ์ด์ค์ ๋ฐ๋ฅธ Protrait orientation๊ณผ Landscape orientation์ด ๋์์๋๋ฐ, Portrait orientation์ผ๋๋ ๋๋ถ๋ถ ์์ดํฐ ๊ธฐ๊ธฐ๊ฐ Compact width, regular height์ด๊ณ , Landscape orientation์ผ๋๋ Compact height์ธ๊ฒ์ ๋์ผํ์ง๋ง, Compact width์ Regular width๊ฐ ์์ฌ์ ๋ํ๋๋ค.
์ด๋ ๊ฒ ์ค์ ํ๋ฉด ๋๋ถ๋ถ ๊ธฐ๊ธฐ์ ์ ์ฉ๋ ๋ฏ ํ๋ค!
๊ทธ๋ฆฌ๊ณ
์ด ๋ถ๋ถ์ w -> width, h -> height, C -> Compact, R -> Regular ์ด๋ ์ฐธ๊ณ ํ์..!!!