Aplicație Win 8 în 10 zile – #10 Bugs, design și appStore
Ultima zi e aici! Am petrecut 10 zile în care am învățat să facem un design simplu în XAML, să creăm o clasă și să lucrăm cu ea în C#. Am implementat lucruri specifice pentru Windows 8: appbars, live tiles, toast notifications.
Am creat o bază de date în Azure și am scris puțină logică în javascript pentru a ne sorta elementele din tabel după un criteriu. Tot prin Azure am făcut un sistem de login și am trimis notificări push prin HubNotifications.
Aplicația este aproape gata! Tot ce mai trebuie să facem este să reparăm câteva buguri care au apărut, să lucrăm puțin la design și să o publicăm.
Bugs
1#
Sunt sigur că mai sunt buguri în aplicație pe care le-am tratat când am creat-o, dar nu le-am mai tratat când le-am scris datorită modului meu ușor haotic de a scrie. Dar ce mă deranjează pe mine cel mai mult este că nu avem imagini pentru categoriile noastre.
Le importăm în folder-ul Assets (drag & drop în soluție sau click dreapta–>add existing item). Nu folosiți copy paste în folderul Assets!
În Visual Studio intrăm în folderul DataModel, deschidem SampleData.json și la imagepath schimbăm string-ul ca să arate către imaginea dorită.
2#
Aplicația mea folosește internetul, pentru că am declarat acest lucru în Appxmanifest o să am nevoie să spun de ce folosește aplicația mea conexiunea la internet. Pentru asta trebuie să adaug un Settings Flyout. Nu o să mai scriu aici despre cum se adaugă unul pentru că am detaliat deja în articolul acesta dacă folosești Visual Studio 2013 și în articolul acesta dacă folosești Visual Studio 2012 .
To be continued…
Design
1#
Din diferite motive, am decis eu că cel mai bine ar fi ca aplicația să fie negru pe fundal alb. Nu sunt sigur dacă decizia este tocmai bună, dar în următorul update o să introduc opțiunea să poți schimba culoarea background-ului programatic.
Pentru a schimba tema aplicației intrăm în App.xaml și adăugăm în header-ul aplicație RequestedTheme=”Light”.
2#
Pentru a lansa aplicația în store avem nevoie de Logo-uri la diferite dimensiuni. Tot în folder-ul assets o să avem mai multe fișiere de tipul: Logo.scale, SmallLogo.scale etc. toate în format png.
Creăm un logo și îi salvăm în șase dimensiuni după cum urmează:
- Logo.scale-100.png : 150 x 150 px
Afișat în meniul de start sub forma de medium tile. - StoreLogo.scale-100.png: 75 x 75 px
Afișat în Windows Store. Practic asta vede prima dată persoana care o să îmi downloadeze aplicația - SmallLogo.scale-100.png: 30 x 30 px
Folosit pentru notificările de tip toast - SplashScreen.scale-100.png: 620 x 300 px
Folosit ca ecran de loading în aplicația noastră. - 310logo.scale-100.png: 310 x 310 px
Afișat în meniul de start sub formă de large tile. - wide-Logo.scale-100.png
Afișat în meniul de start sub form de wide tile.
Ultimele două sunt opționale atunci când creez o aplicație, motiv pentru care le-am lăsat la final, dar sunt un nice asset pentru aplicația mea.
Dacă o să lansez aplicația acum o să observ că în loading screen fundalul mi-a rămas negru și SplashScreen-ul meu este alb. Pentru asta trebuie să intru din Visual Studio, să deschid Package.appxmanifest și să schimb Background color pentru Splah Screen în alb, folosesc codul hexa: #ffffff.
Publish
În Visual Studio dau click dreapta pe numele proiectului meu–> Store –> create app package. Îi dau cu next până îmi publică pachetul și îl voi găsi în folder-ul proiectului meu în AppPackages sub forma: WarOfTheQuiz_1.1.0.0_AnyCPU.appxupload
Deschid portalul din store și intru la aplicație pe care am creat-o ieri. Fac câteva screenshot-uri aplicației din simulator, fac upload la pachet și o dau spre publicare!
Aplicația
Ok, recunosc, am trișat puțin, am lansat aplicația de câteva zile și aceasta poate fi descărcată de aici: http://apps.microsoft.com/windows/app/game-of-quiz/6fde78d6-39dc-4bf5-a99e-b301053a96e6
Mult succes la quiz-uri!
Fork it
Download it, fork it, clone it, play with it and do whatever you want: https://github.com/Axladrian/GameOfQuiz
By: Adrian Coman
