Layout & View

๋ฏธ๋ฏธยท2023๋…„ 9์›” 18์ผ
0

์•ˆ๋“œ๋กœ์ด๋“œ

๋ชฉ๋ก ๋ณด๊ธฐ
5/6

๐Ÿ•ถ๏ธ View

๐Ÿ’ก View ๋ž€?
: ํ™”๋ฉด์„ ๊ตฌ์„ฑํ•˜๋Š” ๋ชจ๋“  ๊ธฐ๋ณธ ํ™”๋ฉด์˜ ๊ตฌ์„ฑ ์š”์†Œ, view๋Š” view๋ฅผ ํฌํ•จํ•  ์ˆ˜ ์žˆ์Œ

view์˜ ๊ธฐ๋ณธ ์†์„ฑ


- Id : ๋ทฐ์˜ ์‹๋ณ„์ž ์†์„ฑ
- layout_width, layout_height : ๋ทฐ์˜ ํฌ๊ธฐ ์ง€์ • (match_parent, wrap_content, dp)
- margin, padding : ๋ทฐ์™€ ๋ทฐ ์‚ฌ์ด์˜ ๊ฐ„๊ฒฉ, ๋ทฐ ๋‚ด๋ถ€์—์„œ ๋ทฐ ๋‚ด์šฉ๊ณผ ๋ทฐ ํ…Œ๋‘๋ฆฌ๊ฐ„ ๊ฐ„๊ฒฉ ์ง€์ •

๐Ÿชก Layout

๐Ÿ’ก layout ์ด๋ž€?
: ๋ทฐ ์ค‘์— ๋ˆˆ์— ๋ณด์ด์ง€ ์•Š๋Š” ๊ฒƒ๋“ค, ๋ทฐ๋ฅผ ๋‹ด๋Š” ํ‹€

  • layout์„ ์ œ์™ธํ•œ ๋‚˜๋จธ์ง€ ๋ˆˆ์— ๋ณด์ด๋Š” ๊ฒƒ๋“ค์„ widget์ด๋ผ๊ณ ํ•จ
  • layout๋„ view๋ฅผ ์ƒ์†ํ•˜์—ฌ ์ •์˜๋˜์—ˆ๊ธฐ๋•Œ๋ฌธ์— layout์•ˆ์— layout์„ ๋‹ด์„ ์ˆ˜ ์žˆ์Œ

LinearLayout

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

RelativeLayout

: View๋ผ๋ฆฌ์˜ ์ƒ๋Œ€์  ์œ„์น˜๋กœ ๋ฐฐ์น˜๋ฅผ ์ ์šฉํ•˜๋Š” Layout

โญ๏ธ ConstraintLayout

: LinearLayout์ด ๊ฐ€์ง„ ๊ฐ€์ค‘์น˜์˜ ์žฅ์ ๊ณผ RelativeLayout์ด ๊ฐ€์ง„ ์ƒ๋Œ€์  ์œ„์น˜ ๊ด€๊ณ„์— ๋”ฐ๋ฅธ ๋ฐฐ์น˜๋ฅผ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋Š” Layout.

FrameLayout

: ์—ฌ๋Ÿฌ ๊ฐœ์˜ View๋ฅผ ์ค‘์ฒฉ์œผ๋กœ ๋ฐฐ์น˜ํ•˜๊ณ  ๊ทธ ์ค‘ ํ•˜๋‚˜๋ฅผ Layout์˜ ์ „๋ฉด์— ํ‘œ์‹œํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” Layout

TableLayout

: ํ–‰๊ณผ ์—ด๋กœ ์ด๋ฃจ์–ด์ง„ ํ‘œ ํ˜•ํƒœ์˜ ๊ตฌ์กฐ๋ฅผ ๊ฐ€์ง„ Layout

GridLayout

: TableLayout์˜ ๋‹จ์ ์„ ๋ณด์™„ํ•œ Layout, ์ง๊ด€์ ์ธ ํ–‰๋ ฌ์„ ์–ธ๊ณผ ์…€ ๋ณ‘ํ•ฉ์„ ํ•  ์ˆ˜ ์žˆ๊ณ , ๊ฐ๊ฐ ํ–‰๊ณผ ์—ด์˜ ๊ฐœ์ˆ˜๋ฅผ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Œ

0๊ฐœ์˜ ๋Œ“๊ธ€