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

JiYoung Dev ๐Ÿ–ฅ

[Android] constraint layout (2023.07.11) ๋ณธ๋ฌธ

full stack/์•ˆ๋“œ๋กœ์ด๋“œ

[Android] constraint layout (2023.07.11)

Shinjio 2023. 7. 11. 17:27

Constraint Layout(๊ทœ์•ฝ)

1. ๊ทœ์•ฝ์ด ํ•˜๋‚˜๋„ ์—†์œผ๋ฉด ํ™”๋ฉด์˜ (0,0) ์œ„์น˜ (๋งจ์™ผ์ชฝ, ๋งจ์œ„)๋กœ ์ด๋™ 

2. ์ขŒ/์šฐ(ํƒ1), ์ƒ/ํ•˜(ํƒ1)๋ผ๋„ ๊ทœ์•ฝ์„ ๋งบ์–ด์ค˜์•ผ ํ•จ

3. ์ขŒ/์šฐ(ํƒ1), ์ƒ/ํ•˜(ํƒ1) ์ค‘ ํ•˜๋‚˜๋งŒ ๊ทœ์•ฝ์„ ๋งบ์œผ๋ฉด → ์—ฌ๋ฐฑ(์ ˆ๋Œ€๊ฐ’), ํ™”๋ฉด ํ•ด์ƒ๋„(ํฌ๊ธฐ)์™€ ์ƒ๊ด€์—†์Œ, ์‹ค์„ ์œผ๋กœ ํ‘œํ˜„

4. ์ขŒ/์šฐ(๋ชจ๋‘), ์ƒ/ํ•˜(๋ชจ๋‘) ๊ทœ์•ฝ์„ ๋งบ์œผ๋ฉด → ๋น„์œจ๋กœ ์œ„์น˜๋ฅผ ๊ฒฐ์ •(์ƒ๋Œ€๊ฐ’), ํ™”๋ฉด ํ•ด์ƒ๋„(ํฌ๊ธฐ)์— ๋น„๋ก€ํ•จ. ์šฉ์ˆ˜์ฒ  ๋ชจ์–‘์œผ๋กœ ํ‘œํ˜„
5. ๊ทœ์•ฝ์€ ํ™”๋ฉด๊ณผ ๋งบ์„์ˆ˜๋„ ์žˆ๊ณ  ํ™”๋ฉด์ด ์•„๋‹Œ ๋‹ค๋ฅธ view์™€ ๊ทœ์•ฝ์„ ๋งบ์„ ์ˆ˜๋„ ์žˆ์Œ

match_contraint : ๋‚˜์—๊ฒŒ ์ฃผ์–ด์ง„ ์ œ์•ฝ์กฐ๊ฑด ํฌ๊ธฐ์— ๋”ฑ ๋งž์ถฐ์„œ

 

 

 

XML๋งŒ ์ƒˆ๋กœ ๋งŒ๋“ค๊ธฐ

Activity (xml + kt) 

 

layout ์ถ”๊ฐ€