[Android] View ์ •๋ฆฌ

Minjun Kimยท2023๋…„ 8์›” 17์ผ
0

Android

๋ชฉ๋ก ๋ณด๊ธฐ
12/47
post-thumbnail

๐Ÿ“ SeSAC์˜ 'JetPack๊ณผ Kotlin์„ ํ™œ์šฉํ•œ Android App ๊ฐœ๋ฐœ' ๊ฐ•์ขŒ๋ฅผ ์ •๋ฆฌํ•œ ๊ธ€ ์ž…๋‹ˆ๋‹ค.


๐Ÿ“š ์ปดํฌ๋„ŒํŠธ

  • Activity
  • Service
  • ContentProvider
  • BroadcastReceiver

์•ˆ๋“œ๋กœ์ด๋“œ์—์„œ๋Š” ์œ„์˜ 4๊ฐœ๋ฅผ ์ปดํฌ๋„ŒํŠธ ๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค.
๊ทธ ์ค‘์— Activity ๋Š” `ํ™”๋ฉด ์ถœ๋ ฅ' ์„ ๋‹ด๋‹นํ•˜๋Š” ํด๋ž˜์Šค์ด๋‹ค.
๊ทธ๋Ÿฐ๋ฐ ์•กํ‹ฐ๋น„ํ‹ฐ ๋‚ด์— ํ™”๋ฉด ๊ตฌ์„ฑ์„ ์•ˆ ํ•˜๋ฉด ๊ทธ๋ƒฅ ๋ฐฑ์ƒ‰ ํ™”๋ฉด๋งŒ ์ถœ๋ ฅ๋œ๋‹ค.

โ“ ์™œ?

์•กํ‹ฐ๋น„ํ‹ฐ๋Š” 'ํ™”๋ฉด ์ถœ๋ ฅ' ๋‹ด๋‹น์ด์ง€ ํ™”๋ฉด ๊ตฌ์„ฑ์„ ๋‹ด๋‹นํ•˜์ง€ ์•Š์œผ๋‹ˆ๊นŒ.

โ“ ๊ทธ๋Ÿผ ํ™”๋ฉด ๊ตฌ์„ฑ, ์ฆ‰ UI๋Š” ๋ˆ„๊ฐ€ ๋‹ด๋‹น์„ ํ• ๊นŒ?

์•ˆ๋“œ๋กœ์ด๋“œ์—์„œ 'ํ™”๋ฉด ๊ตฌ์„ฑ' ์„ ๋‹ด๋‹นํ•˜๋Š” ํด๋ž˜์Šค๋ฅผ ๋ทฐ (View) ๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค.

View ๋กœ 'ํ™”๋ฉด ๊ตฌ์„ฑ' ์„ ํ•˜๊ณ , Activity ์—์„œ setContentView() ํ•จ์ˆ˜ ๋กœ ํ™”๋ฉด์— ์ถœ๋ ฅํ•œ๋‹ค.


๐Ÿ“š ๊ฐ€์žฅ ๊ธฐ์ดˆ์ ์ธ View

  • TextView : ๋ฌธ์ž์—ด ์ถœ๋ ฅ View ํด๋ž˜์Šค
  • ImageView : ์ด๋ฏธ์ง€ ์ถœ๋ ฅ View ํด๋ž˜์Šค
  • EditView : ์œ ์ € ๊ธ€ ์ž…๋ ฅ View ํด๋ž˜์Šค
  • Button : ๋ฒ„ํŠผ View ํด๋ž˜์Šค

์ด ์™ธ์—๋„ ์ •๋ง ๋งŽ์€ ๋ทฐ๋“ค์ด ์žˆ์œผ๋ฉฐ ๊ณ„์† ์ถ”๊ฐ€๋˜๋Š” ์ค‘์ด๋‹ค.

์œ„์™€ ๊ฐ™์ด ์•กํ‹ฐ๋น„ํ‹ฐ์— ์ถœ๋ ฅ๋  ์ˆ˜ ์žˆ๋Š” ํด๋ž˜์Šค๋“ค์ด
๋ชจ๋‘ -> View <- ๋ผ๋Š” ํด๋ž˜์Šค์˜ ์„œ๋ธŒ ํด๋ž˜์Šค์ž„์„ ์•Œ ์ˆ˜ ์žˆ๋‹ค. (TextView, ImageView ๋“ฑ)

๐Ÿ“Œ ๋•Œ๋ฌธ์— View๋Š” ์ตœ์ƒ์œ„ ํด๋ž˜์Šค์ด๋ฉฐ, ๊ทธ๋ƒฅ ํ†ต์นญ '๋ทฐ' ๋ผ๊ณ  ๋ฌถ์–ด ๋ถ€๋ฅด๋Š” ๊ฒƒ์ด๋‹ค.

๐Ÿ‘€ ๊ทธ๋Ÿฐ๋ฐ ํŠน์ดํ•˜๊ฒŒ ViewGroup ์œผ๋กœ ๋ฌถ์ด๋Š” ํด๋ž˜์Šค๋“ค์ด ์žˆ๋‹ค.

LinearLayout, RelativeLayout ๋“ฑ, 'Layout' ์ด ๋ถ™์€ ํด๋ž˜์Šค๋“ค์ด ์žˆ๋Š”๋ฐ,
์ด ํด๋ž˜์Šค๋“ค์€ ์ž์ฒด UI๋ฅผ ๊ฐ€์ง€์ง€ ์•Š๋Š”๋‹ค.

โ— ์ฆ‰, ํ™”๋ฉด์— ์•„๋ฌด๊ฒƒ๋„ ์ถœ๋ ฅ๋˜์ง€ ์•Š๋Š”๋‹ค.

โ“ ๊ทธ๋Ÿผ ๊ธฐ๋Šฅ์ด ๋ญ๋ƒ?

๋ ˆ์ด์•„์›ƒ ์•ˆ์— ๋ทฐ๋“ค์„ ๋ฐฐ์น˜ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๋‹ด๋‹นํ•œ๋‹ค.
์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ/ํ”„๋ก ํŠธ์—”๋“œ ์ชฝ์—์„œ๋Š” ์ด๋Ÿฐ ๊ธฐ๋Šฅ์˜ ํด๋ž˜์Šค๋ฅผ ํ”ํžˆ Container ๋ผ๊ณ  ๋ถ€๋ฅด๊ธฐ๋„ ํ•œ๋‹ค.

๐Ÿงฉ [์•กํ‹ฐ๋น„ํ‹ฐ (๋ ˆ์ด์•„์›ƒ {๋ทฐ} ) ] 

๋Š๋‚Œ์œผ๋กœ ํ™”๋ฉด์„ ๊ตฌ์„ฑํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋ฉด ํŽธํ•˜๋‹ค.

๐Ÿ’ฌ ์ฐธ๊ณ ๋กœ AppCompatActivity() ๋Š” Activity์˜ ์„œ๋ธŒ ํด๋ž˜์Šค์ด๋‹ค.

profile
์‘์•  ๋‚˜ ์•„๊ธฐ ๋‰ด๋น„

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

comment-user-thumbnail
2023๋…„ 8์›” 17์ผ

์ข‹์€ ์ •๋ณด ์–ป์–ด๊ฐ‘๋‹ˆ๋‹ค, ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

1๊ฐœ์˜ ๋‹ต๊ธ€