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 μΆ”κ°€

 

λ°˜μ‘ν˜•