๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋กfull stack/์•ˆ๋“œ๋กœ์ด๋“œ (26)

JiYoung Dev ๐Ÿ–ฅ

[Android] constraint layout (2023.07.11)

Constraint Layout(๊ทœ์•ฝ) 1. ๊ทœ์•ฝ์ด ํ•˜๋‚˜๋„ ์—†์œผ๋ฉด ํ™”๋ฉด์˜ (0,0) ์œ„์น˜ (๋งจ์™ผ์ชฝ, ๋งจ์œ„)๋กœ ์ด๋™ 2. ์ขŒ/์šฐ(ํƒ1), ์ƒ/ํ•˜(ํƒ1)๋ผ๋„ ๊ทœ์•ฝ์„ ๋งบ์–ด์ค˜์•ผ ํ•จ 3. ์ขŒ/์šฐ(ํƒ1), ์ƒ/ํ•˜(ํƒ1) ์ค‘ ํ•˜๋‚˜๋งŒ ๊ทœ์•ฝ์„ ๋งบ์œผ๋ฉด → ์—ฌ๋ฐฑ(์ ˆ๋Œ€๊ฐ’), ํ™”๋ฉด ํ•ด์ƒ๋„(ํฌ๊ธฐ)์™€ ์ƒ๊ด€์—†์Œ, ์‹ค์„ ์œผ๋กœ ํ‘œํ˜„ 4. ์ขŒ/์šฐ(๋ชจ๋‘), ์ƒ/ํ•˜(๋ชจ๋‘) ๊ทœ์•ฝ์„ ๋งบ์œผ๋ฉด → ๋น„์œจ๋กœ ์œ„์น˜๋ฅผ ๊ฒฐ์ •(์ƒ๋Œ€๊ฐ’), ํ™”๋ฉด ํ•ด์ƒ๋„(ํฌ๊ธฐ)์— ๋น„๋ก€ํ•จ. ์šฉ์ˆ˜์ฒ  ๋ชจ์–‘์œผ๋กœ ํ‘œํ˜„ 5. ๊ทœ์•ฝ์€ ํ™”๋ฉด๊ณผ ๋งบ์„์ˆ˜๋„ ์žˆ๊ณ  ํ™”๋ฉด์ด ์•„๋‹Œ ๋‹ค๋ฅธ view์™€ ๊ทœ์•ฝ์„ ๋งบ์„ ์ˆ˜๋„ ์žˆ์Œ match_contraint : ๋‚˜์—๊ฒŒ ์ฃผ์–ด์ง„ ์ œ์•ฝ์กฐ๊ฑด ํฌ๊ธฐ์— ๋”ฑ ๋งž์ถฐ์„œ XML๋งŒ ์ƒˆ๋กœ ๋งŒ๋“ค๊ธฐ Activity (xml + kt) layout ์ถ”๊ฐ€