Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
2 of 3 tasks
gplesz opened this issue Dec 11, 2018 · 8 comments
Closed
2 of 3 tasks

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

gplesz opened this issue Dec 11, 2018 · 8 comments

Comments

@gplesz
Copy link
Owner

gplesz commented Dec 11, 2018

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 gplesz added this to the View készítése milestone Dec 11, 2018
gplesz added a commit that referenced this issue Dec 18, 2018
@gplesz
Copy link
Owner Author

gplesz commented Dec 28, 2018

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
Copy link
Owner Author

gplesz commented Dec 28, 2018

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
Copy link
Owner Author

gplesz commented Dec 28, 2018

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.

Sorry, something went wrong.

@gplesz
Copy link
Owner Author

gplesz commented Dec 28, 2018

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
Copy link
Owner Author

gplesz commented Dec 28, 2018

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

@gplesz
Copy link
Owner Author

gplesz commented Dec 28, 2018

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
Copy link
Owner Author

gplesz commented Dec 28, 2018

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
Copy link
Owner Author

gplesz commented Dec 29, 2018

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant