Xamarin.forms: [UWP] NavigationPage์—์žˆ๋Š” ๊ฒฝ์šฐ ActivityIndicator ์šฉ ์‚ฌ์šฉ์ž ์ง€์ • ๋ Œ๋”๋Ÿฌ๊ฐ€ ๋‚˜ํƒ€๋‚˜์ง€ ์•Š์Œ

์— ๋งŒ๋“  2018๋…„ 03์›” 28์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: xamarin/Xamarin.Forms

๊ธฐ์ˆ 

UWP์—์„œ ๊ธฐ๋ณธ ActivityIndicator ๋ฅผ ProgressRing ๋กœ ๋Œ€์ฒดํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ Œ๋”๋Ÿฌ๋Š” ContentPage ์—์„œ ์™„๋ฒฝํ•˜๊ฒŒ ํ‘œ์‹œ๋˜์ง€๋งŒ NavigationPage ๋ฅผ ํ†ตํ•ด ๋™์ผํ•œ ํŽ˜์ด์ง€๊ฐ€ ํ‘œ์‹œ๋˜๋ฉด ๋ Œ๋”๋Ÿฌ๊ฐ€ ๋‚˜ํƒ€๋‚˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์žฌํ˜„ ๋‹จ๊ณ„

  1. App.xaml.cs์—์„œ MainPage = new NavigationPage(new ProgressRing.MainPage()); ์ฃผ์„์ด ์ œ๊ฑฐ๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. ์šด์˜.
  2. ๋ผ๋ฒจ ์•„๋ž˜์— ํšŒ์ „ํ•˜๋Š” ์›์ด ์—†๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.
  3. App.xaml.cs๋ฅผ์—์„œ ์–ธ๊ธ‰ MainPage = new NavigationPage(new ProgressRing.MainPage()); ๋ฐ ์ฃผ์„ MainPage = new ProgressRing.MainPage(); . ์šด์˜.
  4. ์ด์ œ ๋ ˆ์ด๋ธ” ์•„๋ž˜์— ํšŒ์ „ํ•˜๋Š” ์›์ด ์žˆ๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘

image

์‹ค์ œ ํ–‰๋™

image

๊ธฐ๋ณธ ์ •๋ณด

  • ๋ฌธ์ œ๊ฐ€์žˆ๋Š” ๋ฒ„์ „ :
  • ๋งˆ์ง€๋ง‰์œผ๋กœ ์•Œ๋ ค์ง„ ์–‘ํ˜ธํ•œ ๋ฒ„์ „ :
  • IDE :
  • ํ”Œ๋žซํผ ๋Œ€์ƒ ํ”„๋ ˆ์ž„ ์›Œํฌ :

    • iOS : ํ•ด๋‹น ์—†์Œ

    • ์•ˆ๋“œ๋กœ์ด๋“œ : N / A

    • UWP :

  • Android ์ง€์› ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฒ„์ „ : N / A
  • Nuget ํŒจํ‚ค์ง€ :
  • ์˜ํ–ฅ์„๋ฐ›๋Š” ์žฅ์น˜ :

๋ณต์ œ ๋งํฌ


ProgressRing.zip

๋ชจ๋“  3 ๋Œ“๊ธ€

๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ์ง€๋งŒ UWP์˜ ๊ธฐ๋ณธ ํ™œ๋™ ํ‘œ์‹œ๊ธฐ (ProgressBar)๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ์–‘์‹ ๋ฒ„์ „ 3.0.0.482510์—์„œ ์—ฌ์ „ํžˆ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค.
์œ„์—์„œ ์–ธ๊ธ‰ํ–ˆ๋“ฏ์ด ์ฝ˜ํ…์ธ  ํŽ˜์ด์ง€์—์„œ ์ž‘๋™ํ•˜์ง€๋งŒ NavigationPage๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ๋Š” ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

ContentPage๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์•ฑ์˜ UWP Visual ํŠธ๋ฆฌ๋ฅผ NavigationPage๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์•ฑ๊ณผ ๋น„๊ตํ–ˆ์œผ๋ฉฐ ContentPage์—๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐ Visual State ์†์„ฑ์ด์žˆ๋Š” FormsProgressBar์˜ ๋งˆ์ง€๋ง‰ ์ž์‹์œผ๋กœ DeterminateRoot (ํ…Œ๋‘๋ฆฌ)๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. (์ฆ‰, ์Šคํ† ๋ฆฌ ๋ณด๋“œ๊ฐ€ ์‹คํ–‰ ์ค‘์ž…๋‹ˆ๋‹ค). ๊ทธ๋Ÿฌ๋‚˜ NavigationPage ๋ฒ„์ „์—๋Š” DeterminateRoot (ํ…Œ๋‘๋ฆฌ)๊ฐ€ ์žˆ์ง€๋งŒ Animation ๋ฐ Visual State ์†์„ฑ์ด ์—†์Šต๋‹ˆ๋‹ค. ์ฆ‰, ์Šคํ† ๋ฆฌ ๋ณด๋“œ๊ฐ€ ์‹คํ–‰๋˜๊ณ  ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰