๐ŸŒCoding/๐ŸŒŸAndroid Studio

[Android Studio] layout

๋ฟŒ์•ผ._. 2021. 10. 7. 11:06

๐Ÿ™„ Layout

 

- ๋ทฐ ๊ทธ๋ฃน ์ค‘์—์„œ ๋‚ด๋ถ€์— ๋ทฐ๋“ค์„ ํฌํ•จํ•˜๊ณ  ์žˆ์œผ๋ฉด์„œ ๊ทธ๊ฒƒ๋“ค์„ ๋ฐฐ์น˜ํ•˜๋Š” ์—ญํ• ์„ ํ•˜๋Š” ๊ฒƒ

- ์•ฑ์—์„œ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์œ„ํ•œ ๊ตฌ์กฐ๋ฅผ ์ •์˜

- ๋ˆˆ์—๋Š” ๋ณด์ด์ง€ ์•Š์ง€๋งŒ ๋ฒ„ํŠผ ๊ฐ™์€ ๊ฒƒ์„ ๋‹ด์•„๋‘˜ ์ˆ˜ ์žˆ๋Š” ๊ณณ

- View์™€ ViewGroup ๊ฐ์ฒด์˜ ๊ณ„์ธต ๊ตฌ์กฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋นŒ๋“œ

(View: ํ™”๋ฉด์— ๋ณด์ด๋Š” ๊ฒƒ๋“ค ex) ๋ฒ„ํŠผ, ํ…์ŠคํŠธ/ViewGroup: ๋ทฐ๋“ค์„ ์—ฌ๋Ÿฌ๊ฐœ ํฌํ•จ, ์ผ๋ฐ˜์ ์œผ๋กœ '๋ ˆ์ด์•„์›ƒ'์ด๋ผ๊ณ  ํ•จ)

layout

 

๐Ÿ™„ Layout ์ข…๋ฅ˜

 

1) ConstraintLayout

- ๋ทฐ ๊ณ„์ธต ๊ตฌ์กฐ๋กœ ํฌ๊ณ  ๋ณต์žกํ•œ ๋ ˆ์ด์•„์›ƒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Œ

- RelativeLayou ๋ณด๋‹ค ์œ ์—ฐ

- ๊ฐ€๋กœ ๋ฐ ์„ธ๋กœ ์กฐ๊ฑด์„ ํ•˜๋‚˜ ์ด์ƒ ์ถ”๊ฐ€ํ•ด์•ผ ํ•จ

* ๋‹ค๋ฅธ ์š”์†Œ์— ๋งž์ถฐ ์ •๋ ฌํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ์กฐ๊ฑด์„ ๊ทธ ์š”์†Œ์— ์—ฐ๊ฒฐ

ex)

- chain: ์„œ๋กœ ์—ฐ๊ฒฐ๋˜์–ด ๊ทธ๋ฃน์œผ๋กœ ๋™์ž‘ํ•  ์ˆ˜ ์žˆ์Œ/ ๋ฌถ์„ ๋ฒ„ํŠผ ์„ ํƒ -> ์˜ค๋ฅธ์ชฝ ๋ฒ„ํŠผ -> chain/ ์˜ค๋ฅธ์ชฝ ๋ฒ„ํŠผ -> ์ •๋ ฌ

chain

 

2) LinearLayout

- ์„ธ๋กœ ๋˜๋Š” ๊ฐ€๋กœ์˜ ๋‹จ์ผ ๋ฐฉํ–ฅ์œผ๋กœ ๋ชจ๋“  ํ•˜์œ„ ์š”์†Œ๋ฅผ ์ •๋ ฌ

- ํ•˜์œ„ ์š”์†Œ๊ฐ€ ์ˆœ์ฐจ์ ์œผ๋กœ ์Šคํƒ

 

 

3) Coordinatorlayout

- FrameLayout ๊ฐ™์ด ์ขŒํ‘œ๋ฅผ ์ž์œ ๋กญ๊ฒŒ ์ง€์ • ๊ฐ€๋Šฅ (==๊ฐ•๋ ฅํ•œ FrameLayout)

 

 

4) Relativelayout

- ์ƒ๋Œ€ ์œ„์น˜์— ํ•˜์œ„ ๋ทฐ๋ฅผ ํ‘œ์‹œ

- ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ์„ค๊ณ„์— ์œ ์šฉ

- ์—ฌ๋Ÿฌ๊ฐœ ์ค‘์ฒฉ๋œ LinearLayout==Relativelayout

 

 

5) FrameLayout

-๊ฐ€์žฅ ์ƒ์œ„์— ์žˆ๋Š” ํ•˜๋‚˜์˜ ๋ทฐ ๋˜๋Š” ๋ทฐ ๊ทธ๋ฃน๋งŒ ๋ณด์—ฌ์ฃผ๋Š” ๋ฐฉ๋ฒ•