Specifikáció készítése a View-hoz

[gplesz]

Ezekkel a kérdésekkel érdemes foglalkozni:

• kötelező megjelenítés (Powered by Dark Sky felirat és link)
• egyéb időjáráselőrejelzési megvalósítások képernyői
• fellelhető és használható grafikai elemek gyűjtése

[gplesz]

fellelhető ikonok:

   https://github.com/MahApps/MahApps.Metro.IconPacks
   https://freebiesbug.com/illustrator-freebies/geometric-weather-icons/
   https://www.graphicpear.com/weather-icons/

   https://www.amcharts.com/free-animated-svg-weather-icons/
   https://www.uplabs.com/posts/animated-svg-weather-icons
   https://codepen.io/getreworked/pen/GpBpmg
   https://codepen.io/noahblon/pen/lxukH
   https://codemyui.com/simple-weather-animation-svg/
   https://codemyui.com/cartoony-weather-animation/
   https://www.bypeople.com/weather-icons-animated/

[gplesz]

Az a probléma, hogy a DarkSky a SkyCons nevű csomagot használja (így kell használni). Ez a csomag javascript animációt csinál futásidőben canvas-sal, ezt nem tudom az XAML-re rátenni.

Elkezdték SVG formátumra konvertálni az ikonokat, de csak kettő van meg, így ez sem megoldás.

Elvileg van aki ilyesmit konvertál, de nem találtam végleges megoldást. Van segédeszköz, ha valaki rászán egy-két napot szerintem akkor a 10 ikont át lehet konvertálni, de ezt most nem fogom megoldani.

Vannak fizetős SVG ikon csomagok, viszonylag olcsón tehát ez megoldható akár később.

     https://codecanyon.net/item/animated-svg-weather-icons/12631845
     https://codecanyon.net/item/16-svg-weather-icons-animation-loops/16064045
     http://www.vectorflower.com/preview/weather_icons/index.html

Nem találtam ingyenes animáló ikoncsomagot, a SkyCons-t nem tudom egyszerűen konvertálni, ezért ezt elengedem. Később beépíthető.

[gplesz]

Ikonként a MahApps csomag WeatherIcons csomagját fogom használni, egy nugettel beépíthető. És mivel a grafikai megjelenítésben sem biztos, hogy elég ügyes vagyok, használni fogom a Mahaps Metro csomagját az alkalmazásban.

Az alkalmazás legfeljebb három képernyőből fog állni:

• egy főképernyő, amin be lehet állítani a várost és a nyelvet, majd le lehet kérdezni az adatokat, amit megjelenít. A megjelenítendő adatok négy részre lesznek osztva
  • a lekérdezéshez szükséges elemek (két legyíló és egy gomb)
  • a lekérdezés folyamatával kapcsolatos elemek (hány lekérdezést használtunk el, sikeres volt-e a lekérdezés, esetleges hibaüzenet)
  • a lekérdezés adatai. Ezek nagyon hasonló adatok, két részre osztva.
    • aktuális adatok
    • heti előrejelzés
• Névjegy ablak, ezt a licenszek miatt kéne megcsinálni, maglátjuk lesz-e rá idő
• Ha lassan indul az alkalmazás, akkor kelleni fog egy Splash képernyő, meglátjuk, kell-e és lesz-e rá idő.

Fontos még, hogy a lokalizációt is meg kell oldani. Megpróbálom összekapcsolni a lenyílóval, és megcsinálom a magyar és az angol lokalizációt. Ha betöltés közben kell váltani, akkor az Dynamic Resource segítségével oldható meg, a resx állományokat nem lehet menet közben váltani.

A főképernyő kialakításához először betöltöm a mahaps.metro-t és az ikoncsomagot, hogy megnézzem, hogy állunk.

[gplesz]

Az ikonokkal egyrészt ezeket kell megoldani:

    //icons.set("clear-day", Skycons.CLEAR_DAY);
    //icons.set("clear-night", Skycons.CLEAR_NIGHT);
    //icons.set("partly-cloudy-day", Skycons.PARTLY_CLOUDY_DAY);
    //icons.set("partly-cloudy-night", Skycons.PARTLY_CLOUDY_NIGHT);
    //icons.set("cloudy", Skycons.CLOUDY);
    //icons.set("rain", Skycons.RAIN);
    //icons.set("sleet", Skycons.SLEET);
    //icons.set("snow", Skycons.SNOW);
    //icons.set("wind", Skycons.WIND);
    //icons.set("fog", Skycons.FOG);

ez tízféle érték, ami visszajön az api-ból, másrészt a többi adatból (szélsebesség, stb.) ha lehet ikonnal oldunk meg mindent.

[gplesz]

A továbblépés előtt a technikai alapját megcsinálom a lokalizációnak.

[gplesz]

Készítek egy prototípust az aktuális értékekre, abból pedig lesz egy Control az előrejelzésre, és készen is leszünk.

[gplesz]

A képernyőre valahogy így helyezzük el a megjelenítést:

+-------------------------------------+ +-------------+
|                                     | |             |
|                                     | | Hőmérséklet |
|                                     | |             |
|       Ikon                          | +-------------+
|                                     | |  Hőérzet    |
|                                     | +-------------+
|                                     |
|                                     |
|                                     | +-------------+
|                                     | |             |
|                                     | |             |
|                                     | | Szélsebesség|
|                                     | |             |
|                                     | |             |
+-------------------------------------+ +-------------+
+------------------------------------------------------+
|                                                      |
|  Összegző szöveg                                     |
|                                                      |
|                                                      |
|                                                      |
+------------------------------------------------------+
+------------+        +------------+     +-------------+
| Nyomás     |        | UvIndex    |     | páratartalom|
+------------+        +------------+     +-------------+

[gplesz]

Nem csinálunk splash képernyőt, gyors az alkalmazás indulása