Maui์— Net 8.0, UI ์œ„์น˜

์‹คํ–‰ ์กฐ๊ฑด: ์ฒ˜์Œ .NET MAUI์•ฑ์œผ๋กœ ๋งŒ๋“  ์ƒํƒœ์—์„œ ์‹คํ–‰

MAUI๋ฅผ ํ•œ๋ฒˆ ํ•ด๋ณผ๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ, ์œˆ๋„์šฐ UI๋กœ ์‹คํ–‰์‹œํ‚ค๋ฉด UI๊ฐ€ ์ •์ƒ์ ์œผ๋กœ ์ถœ๋ ฅ๋˜๋Š”๋ฐ, ์•ˆ๋“œ๋กœ์ด๋“œ์—์„œ๋Š” ํ•ด์ƒ๋„๊ฐ€ ๋” ๋†’๊ฒŒ ์žกํ˜€์„œ ์ถœ๋ ฅ๋˜๋Š” ๊ฒƒ ์ฒ˜๋Ÿผ ๋ณด์ด๋”๋ผ๊ณ ์š”.
โ†’ Grid๋ฅผ ์„ ์–ธํ•ด์„œ Grid ์˜์—ญ ํ™•์ธํ•ด๋ณด๋‹ˆ๊น
โ†’ MainPage.xaml ์—์„œ ์ˆ˜์ • ํ–ˆ์Šต๋‹ˆ๋‹ค.

  1. ์œˆ๋„์šฐ ํ™”๋ฉด
  2. ์•ˆ๋“œ๋กœ์ด๋“œ ํ™”๋ฉด

์ฝ”๋“œ(์ผ๋ถ€ ์งค๋ ค์„œ ์ด๋ฏธ์ง€๋กœ ๋ณ€๊ฒฝ)

์งˆ๋ฌธ

  1. ๋””๋ฐ”์ด์Šค ํ•ด์ƒ๋„ ๊ฐ€์ ธ์™€์„œ ์ตœ์ƒ์œ„ ๋””๋ฐ”์ด์Šค ํ•ด์ƒ๋„ ๋งž์ถ”๊ณ  ๋‚˜๋จธ์ง€ UI๋“ค์ด ๋‹ค์–‘ํ•œ ํ•ด์ƒ๋„์— ๋งž๊ฒŒ ๋™์ ์œผ๋กœ ์ฒ˜๋ฆฌ ๋  ์ˆ˜ ์žˆ๋„๋ก ๊ฐœ๋ฐœํ•ด์•ผ ๋˜๋‚˜์š”?
  2. ํ”„๋กœ์ ํŠธ ์„ค์ • ๋ฌธ์ œ์ผ๊นŒ์š”?
1๊ฐœ์˜ ์ข‹์•„์š”
  1. ํ•ด์ƒ๋„๋ฅผ ๊ฐ€์ ธ์™€์„œ โ€ฆ

ํ•ด์ƒ๋„๋ฅผ ๊ฐ€์ ธ์™€๋„ ๋˜๊ณ , ํ•ด์ƒ๋„ ์—†์ด UI๋ฅผ ๋น„์œจ๋กœ ์„ค์ •ํ•ด๋„ ๋ฉ๋‹ˆ๋‹ค.

ํ•ด์ƒ๋„๋ฅผ ๊ฐ€์ ธ์™€์„œ โ€˜Measureโ€™ ์ด์šฉํ•˜๋ฉด ๊ฐ€๋Šฅ ํ• ๊ฒƒ ๊ฐ™๊ตฌ์š”. ์—ฌ๋Ÿฌ ๊ธฐ๊ธฐ์— ๋˜‘๊ฐ™์€ UI๋ฅผ ๊ตฌ์„ฑํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ๋น„์œจ๋กœ ์„ค์ •ํ•˜๋Š”๊ฒŒ ๋” ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

์ผ๋‹จ ์ปฌ๋Ÿผ๊ณผ ๋กœ์šฐ์˜ ์˜์—ญ์„ *๋กœ ์„ค์ •ํ•ด๋ณผ๊นŒ์š”?
=> ์—†๋˜ ์ผ๋กœโ€ฆ :zipper_mouth_face:

  1. ํ”„๋กœ์ ํŠธ ์„ค์ •๋ฌธ์ œ์ผ๊นŒ์š”?

ํ”„๋กœ์ ํŠธ ์„ค์ •๊ณผ๋Š” ๋ฌด๊ด€ํ•ฉ๋‹ˆ๋‹ค.

2๊ฐœ์˜ ์ข‹์•„์š”

์•ˆ๋…•ํ•˜์„ธ์š”

ํ˜„์žฌ ์ œ PC์˜ Maui ํ”„๋กœ์ ํŠธ์—์„œ๋Š”
๋™์ผํ•œ ์ฝ”๋“œ๋กœ ์ž‘์„ฑํ•˜์—ฌ ํ™•์ธํ•ด๋ณธ ๊ฒฐ๊ณผ ์ •์ƒ์ถœ๋ ฅ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ œ PC์ŠคํŽ™์„ ๊ณต์œ ๋“œ๋ฆฌ์ž๋ฉด

  • ์•ˆ๋“œ๋กœ์ด๋“œ ์—๋ฎฌ๋ ˆ์ดํ„ฐ API33 (Android13.0
  • Maui ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ 8.0.6

๋‹ค์Œ ์‚ฌํ•ญ์€ ์ฒดํฌ์‚ฌํ•ญ์ž…๋‹ˆ๋‹ค.

  1. ์—๋ฎฌ๋ ˆ์ดํ„ฐ ๋ฒ„์ „ ์—…๋ฐ์ดํŠธ
    ํ˜„์žฌ ๊ตฌ๊ธ€ํ”Œ๋ ˆ์ด์Šคํ† ์–ด ๊ธฐ์ค€์˜ ์ตœ์†Œ๋ฒ„์ „์€
    Android13(API์ˆ˜์ค€ 33)์œผ๋กœ ์ •์ฑ…์ด ๋‚ด๋ ค์™”์Šต๋‹ˆ๋‹ค.
    Google Play ์•ฑ์˜ ๋Œ€์ƒ API ์ˆ˜์ค€ ์š”๊ตฌ์‚ฌํ•ญ - Play Console ๊ณ ๊ฐ์„ผํ„ฐ
  2. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฒ„์ „์€ ์„ ํƒ์ด์ง€๋งŒ ํ˜„์žฌ ๋งˆ์šฐ์ด๋Š” ๋ฒ„๊ทธํ”ฝ์Šค๋ ๋•Œ๋งˆ๋‹ค ์—…๋ฐ์ดํŠธ ๋˜๊ธฐ ๋•Œ๋ฌธ์— ํ•ญ์ƒ ์ตœ์‹ ๋ฒ„์ „์„ ์œ ์ง€ํ•˜์‹œ๋Š”๊ฒŒ ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค

p.s ํ˜น์‹œ๋‚˜ํ•ด์„œ Maui ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ 8.0.3์œผ๋กœ ๋‹ค์šด๊ทธ๋ ˆ์ด๋“œ ์„ค์ •ํ•œ ์ดํ›„์—๋„ ์ •์ƒ๋™์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค! ์—๋ฎฌ๋ ˆ์ดํ„ฐ๋ฒ„์ „์ด์Šˆ์ผ์ˆ˜๋„์žˆ์„๊ฑฐ๊ฐ™๋„ค์š” :slight_smile:

3๊ฐœ์˜ ์ข‹์•„์š”
<RowDefinition Height="*" />
 ...
<ColumnDefinition Width="*" />

์ƒ๋žตํ•ด๋„ ๊ธฐ๋ณธ๊ฐ’์€ GridLength.Start์ž…๋‹ˆ๋‹ค.


์ฐฉ์˜ค๊ฐ€ ์žˆ์—ˆ๋„ค์š”.
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

ํ…Œ์ŠคํŠธ์—†๋Š” ๊ธ€์ด ๋‘๋ ค์›Œ์ง€๋Š” ์ˆœ๊ฐ„ ์ด๋„ค์š”. :scream:

1๊ฐœ์˜ ์ข‹์•„์š”

์ €์•ผ๋ง๋กœ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค!
์• ๋งคํ–ˆ๋˜ ๋ถ€๋ถ„์ธ์ง€๋ผ
๋•๋ถ„์— ํ™•์ธํ•˜๊ฒŒ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. :slight_smile:

ํŒจํ‚ค์ง€ ์ •๋ณด ๋ด๋ณด๋‹ˆ๊น 8.0.3์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค.
์—๋ฎฌ ์ด์Šˆโ€ฆ์ธ๊ฑฐ ๊ฐ™์Šต๋‹ˆ๋‹ค.
์ข‹์€ ์ •๋ณด ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

1๊ฐœ์˜ ์ข‹์•„์š”