Jak vytvořit svou první aplikaci pro Windows Phone. Příklad vývoje pomocí návrháře Microsoft App Studio. Vytvoření vaší první aplikace

Než začneme zkoumat možnosti platformy a vyvíjet aplikace, musíme se ujistit, že máme všechny potřebné nástroje a rozumíme některým základům vývoje.

Nástroje

Visual Studio 2010

K vývoji pro Windows Phone budete potřebovat Visual Studio 2010 s edicí Service Pack 1 Professional nebo vyšší. Pokud nemáte Visual Studio 2010, instalace Windows Phone Development Tools automaticky nainstaluje bezplatnou verzi Visual Studio 2010 Express pro Windows Phone, kterou lze také použít k vývoji aplikací pro Windows Phone.

Obě verze integrovaných vývojových nástrojů sady Visual Studio poskytují vývojářům stejné možnosti ladění na zařízení a emulátoru, jaké mají vývojáři aplikací pro stolní počítače ve Windows.

Upozorňujeme, že pro ladění na zařízení musíte mít kromě samotného zařízení a kabelu pro připojení k počítači na počítači nainstalovaný software Zune (http://zune.net) s vývojovými nástroji. Před nasazením aplikace a laděním je také nutné zařízení zaregistrovat („odemknout“ jej) pomocí nástroje Windows Phone Developer Registration Tool, který je nainstalován se sadou Windows Phone SDK.

Windows Phone SDK

Tento balíček, který je k dispozici ke stažení na webu App Hub http://create.msdn.com, obsahuje vše, co potřebujete k zahájení vývoje. V době psaní tohoto článku je nejnovější verze sady nástrojů k dispozici ve Windows Phone SDK 7.1 Release Candidate pod licencí „Go Live“ s možností vyvíjet vlastní aplikace a publikovat je na Windows Phone Marketplace. Windows Phone SDK 7.1 Release Candidate obsahuje následující součásti:

  • Windows Phone SDK 7.1
  • Emulátor Windows Phone
  • Sestavy Windows Phone SDK 7.1
  • Silverlight 4 SDK a DRT
  • Rozšíření Windows Phone SDK 7.1 pro XNA Game Studio 4.0
  • Expression Blend SDK pro Windows Phone 7
  • Expression Blend SDK pro Windows Phone OS 7.1
  • Klient datových služeb WCF pro Windows Phone
  • Microsoft Advertising SDK pro Windows Phone

Pokud nemáte nainstalované Visual Studio 2010 Professional edition, Expression Bland 4 nebo XNA Game Studio 4.0, instalační proces se také stáhne a nainstaluje:

  • Visual Studio 2010 Express pro Windows Phone
  • Expression Blend 4 pro Windows Phone
  • XNA Game Studio 4.0

Expression Blend a Expression Blend pro Windows Phone

Expression Blend je interaktivní vizuální návrhář pro XAML, technologii popisu rozhraní pro aplikace Silverlight a Windows Presentation Foundation (WPF). Je to skvělý vývojářský nástroj, který vám umožní snadno manipulovat s vrstvami, animacemi, styly a šablonami. Toto je základní vývojový nástroj XAML. Expression Blend sám o sobě není zdarma, ale speciální verze pro vytváření návrhů aplikací pro Windows Phone s názvem Expression Blend 4 pro Windows Phone je pro vývojáře k dispozici zdarma. Pokud v počítači nemáte plnou verzi Expression Blend, bude stažena a nainstalována během procesu instalace Windows Phone SDK. Více o Expression Blend 4 si můžete přečíst na MSDN:

XNA Game Studio 4.0

Emulátor Windows Phone

Přestože emulátor Windows Phone neobsahuje úplnou sadu aplikací dostupných na skutečném zařízení, poskytuje výkonné prostředí, které vám umožňuje vyvíjet aplikace téměř výhradně v emulátoru.

Emulátor Windows Phone nepodporuje přehrávání mediálního obsahu Zune. Emulátor je dodáván pouze s jednou vestavěnou aplikací Internet Explorer, ale je to Internet Explorer 9 s podporou HTML5.

Emulátor zároveň umožňuje testovat hovory a posílat SMS zprávy, podporuje multi-touch na monitorech, které to podporují, podporuje simulaci kamery, geolokační služby a akcelerometr a umožní i pořizování screenshotů.

Další vývojářské nástroje

Nástroj pro registraci vývojáře Windows Phone

Windows Phone Profiler

Windows Phone Profiler je k dispozici v nabídce Debug sady Visual Studio s nainstalovanou sadou Windows Phone SDK.

Silverlight Toolkit pro Windows Phone– Sada užitečných ovládacích prvků Silverlight pro Windows Phone s podporou režimu návrhu od týmu Silverlight. K dispozici jsou všechny zdrojové kódy, příklady a dokumentace. Aktualizováno přibližně každé tři měsíce, dostupné na http://silverlight.codeplex.com nebo prostřednictvím NuGet.

Aktuální verze obsahuje ovládací prvky jako ContextMenu, DatePicker a TimePicker, ToggleSwitch, WrapPanel a GestureHelper.

Vývojové prostředí

Po instalaci sady Windows Phone SDK se skupiny projektů pro Silverlight pro Windows Phone objeví v dialogovém okně Nový projekt ve Visual Studiu:

a projekty pro Windows Phone budou přidány do skupiny XNA Game Studio 4.0:

Tato série článků je zaměřena na vývoj pro Windows Phone pomocí Silverlight, proto se na šablony, které mají vývojáři aplikací k dispozici, podíváme trochu podrobněji.

Po instalaci má vývojář k dispozici následující šablony aplikace Silverlight pro Windows Phone:

  • Aplikace pro Windows Phone
  • Windows Phone Databound aplikace
  • Knihovna tříd Windows Phone
  • Aplikace Windows Phone Silverlight a XNA

Než přejdu přímo k šablonám aplikací, musím říci pár slov o Windows Phone a uživatelském rozhraní ve stylu Windows 8.

Uživatelské rozhraní ve stylu Windows Phone a Windows 8

Windows Phone není jen další platforma pro mobilní zařízení. Obsahuje nejen technologickou komponentu, ale také plně rozvinutý koncept návrhu rozhraní a uživatelské interakce s názvem Windows 8-style UI nebo Windows 8-style UI style.

Pokud jste designér nebo máte ve svém týmu oddaného návrháře, můžete plně využít sílu Expression Blend 4 nebo Expression Blend pro Windows Phone, které jsou dodávány se sadou Windows Phone SDK.

Co dělat, když jste vývojář a nechcete se zabývat vizuálním designem aplikace, například vyvíjíte obchodní aplikaci a vše, co se od ní vyžaduje, je dodržet obecný design a styl Windows Phone ?

Je to velmi jednoduché. Za prvé, Silverlight pro telefon je navržen s ohledem na uživatelské rozhraní ve stylu Windows 8, takže všechny vestavěné ovládací prvky jsou navrženy ve stylu uživatelského rozhraní ve stylu Windows 8. Za druhé, aplikace vytvořené ze šablon poskytovaných sadou Windows Phone SDK ve výchozím nastavení fungují, vypadají a používají styly a písma v souladu s uživatelským rozhraním ve stylu Windows 8.

Na druhou stranu, možnosti stylingu, které Silverlight poskytuje pro ovládací prvky a aplikace založené na XAML, stačí k tomu, aby byla vaše aplikace jedinečná a rozpoznatelná, a přitom zůstala v uživatelském rozhraní ve stylu Windows 8.

Příručku návrhu uživatelského rozhraní a uživatelské zkušenosti pro Windows Phone naleznete na následujícím odkazu

Vše, co bylo řečeno výše, samozřejmě platí pro design běžných aplikací, jelikož požadavky na design herních aplikací a jejich rozhraní se mohou výrazně lišit. Zároveň nesmíme zapomenout na obecné principy uživatelské interakce, které jsou konceptu Windows Phone vlastní.

Šablony aplikací

Nejprve se podívejme na tři šablony, které představují tři hlavní styly aplikace pro Windows Phone:

  • Aplikace pro Windows Phone
  • Pivotová aplikace pro Windows Phone
  • Aplikace Panorama pro Windows Phone

Windows Phone Application je obdobou jednoduché konverzační aplikace, která má jednu hlavní obrazovku, jejímž prostřednictvím dochází k hlavní interakci s uživatelem.

Windows Phone Pivot Application je druh aplikace pro záložky, kde název každé záložky určuje obsah. Standardním případem použití je, že každá záložka představuje stejná data, ale v různých zobrazeních a/nebo s různým filtrováním. Například nastavení kalendáře, e-mailového klienta a telefonu. Šablona používá ovládací prvek Pivot.

Aplikace Windows Phone Panorama – aplikace pro panorama, ve které jsou oblasti interakce s uživatelem také rozděleny do panelů, ale jsou přístupné prostřednictvím horizontálního rolování; obrázek na pozadí je nastaven na celé panorama najednou, má společný nadpis, který roluje pomaleji než panely; obsah sousedního panelu vpravo je viditelný, když je zobrazen aktuální. Například huby ve Windows Phone jsou implementovány tímto způsobem: Lidé, Tržiště, Obrázky, Hudba+Videa atd. Šablona využívá ovládání Panorama.

Šablony končící na Agent jsou šablony knihoven pro provádění odpovídajících úloh na pozadí:

  • Windows Phone Audio Playback Agent
  • Windows Phone Audio Streaming Agent
  • Windows Phone Scheduled Task Agent

Windows Phone Databound Application template - jednoduchá šablona aplikace se seznamem - detailní pohled s implementací navigace mezi stránkami, předáváním parametrů a ukládáním dat v globálním ViewModelu.

Windows Phone Class Library Template – šablona knihovny tříd pro Windows Phone.

Šablona aplikace Windows Phone Silverlight a XNA pro aplikaci Silverlight, která může používat XNA k vykreslování grafického obsahu.

Otázku vytvoření mobilní aplikace si dříve nebo později položí každý, kdo se považuje za pokročilého uživatele některého z mobilních operačních systémů. U některých převládne prostý zájem, zatímco jiní se zkušenostmi s programováním si chtějí vyzkoušet tvorbu programů pro mobilní platformy. Náš článek bude užitečný pro oba uživatele. Pokusíme se mluvit o „kuchyni“ vytváření programů: z jakých fází se proces skládá, co k tomu potřebujete vědět, jaké nástroje budete při své práci potřebovat a mnoho dalšího. Jako příklad platformy pro tvorbu aplikací si vezměme jeden z operačních systémů s nejaktivněji se rozvíjejícím softwarovým trhem – Windows 8.1.

Bod po bodu:

1. 2. 3. 4. 5. 6. 7.

První fáze: nápad

Vytvoření jakékoli aplikace, bez ohledu na mobilní nebo desktopovou platformu začíná nápadem. Nejprve si vývojář položí otázku: „Jak bude moje aplikace užitečná pro uživatele? Pokud se jedná o program, pak jeho úkolem je pomoci člověku provádět některé každodenní činnosti, což ospravedlňuje účel smartphonu jako kapesního asistenta. Pokud se jedná o hru, pak v závislosti na žánru má obvykle zajímavý děj, barevnou grafiku, vzrušující hratelnost nebo obojí. Pokud podobný program nebo hra již existuje, musíte okamžitě přemýšlet o tom, jaké funkční vlastnosti nebo jiné „triky“ nová aplikace se bude lišit od stávajících analogů.

Jakmile bude určen účel a cíle aplikace, výběr platformy, pro kterou bude určena, bude snadný. Pokud se jedná o často používanou aplikaci, jako je navigační pomůcka, kapesní průvodce nebo třeba neformální hra, která pomůže zabíjet čas ve frontě, pak se zjevně vyplatí vytvořit aplikaci pro mobilní platformu. Na druhou stranu, pokud mluvíme o aplikaci, která zahrnuje práci s velkým množstvím informací a jejich použití pouze v určitých podmínkách (například pouze doma nebo v práci), ať už se jedná o sbírku receptů nebo kancelářský balík ( a v případě hry, pokud vyžaduje ponoření do děje nebo má složité ovládání), pak se taková aplikace bude častěji používat na tabletu, notebooku nebo počítači. Jinými slovy, musíte přemýšlet případy použití vaše budoucí aplikace: v jakých případech ji uživatelé spustí a na jakých zařízeních. Jak je uvedeno v oznámení, v tomto článku si vezmeme jako příklad operační systém Windows 8.1, univerzální pro tablety, ultrabooky, all-in-one PC i běžné počítače. Také je důležité poznamenat, že pokud zvolíte tuto platformu, nebude příliš obtížné později aplikaci přenést do operačního systému Windows Phone díky použití stejných nástrojů a podobných možností obou OS.

Dalším krokem v této fázi je identifikace cílového publika aplikací. Cílová skupina do značné míry určuje design aplikace a její funkčnost. Jasný, barevný vzhled nebo přísné položky menu, snadnost použití nebo mnoho specifických nastavení - schopnost jednoznačně určit takové vlastnosti aplikace je přesně jasná znalost její cílové skupiny. Je jasné, že dětem se budou líbit pestré barvy, dospělí zase ocení formálnost. Minimální počet nastavení učiní program atraktivní pro začátečníky ve světě špičkových technologií a široká funkčnost osloví zkušené uživatele.

Poslední bod první fáze není povinný a lze jej odložit až na konec samotného vytváření aplikace, ale nebylo by zbytečné hned od začátku vybrat vhodný monetizační schéma. V současné době jsou čtyři nejběžnější taková schémata:

Freeware– bezplatné aplikace. Takové programy a hry jsou zcela zdarma a neobsahují ani nenaznačují přímé výdělky z nich. Výměnou za peněžní odměnu může vývojář, pokud je taková aplikace dostatečně populární (a bezplatné programy a hry se stanou populárními rychleji než ostatní), zveřejnit své jméno nebo značku, aby si již v příštím okamžiku získal publikum. , případně placená, aplikace je uvolněna.

Adware– aplikace s reklamou. V tomto případě je vše velmi jednoduché: program obsahuje reklamní blok, za jehož zobrazení nebo kliknutí na něj vývojář obdrží odměnu. Adware aplikace často obsahují vestavěnou možnost zakázat reklamu za poplatek.

Freemium– aplikace s placeným obsahem. Freemium aplikace je obvykle zdarma ke stažení z obchodu s aplikacemi, ale obsahují další placený obsah. Toto schéma si získalo zvláštní oblibu v mnoha hrách, od příležitostných her až po vážné projekty. V současné době má stále více uživatelů negativní postoj k aplikacím freemium kvůli nutnosti neustálých peněžních injekcí, takže před použitím takového schématu byste si měli vše pečlivě promyslet.

Shareware– placené programy. Jednou platbou za sharewarovou aplikaci získá uživatel navždy plný přístup ke všem jejím funkcím. Pro programy distribuované podle tohoto schématu jsou obvykle k dispozici demo (s omezenými schopnostmi) a zkušební verze (s omezenou dobou platnosti).

Za zmínku stojí i pátý, poměrně vzácný způsob zpeněžení – placené předplatné. Zakoupením předplatného může uživatel využívat všechny funkce aplikace bez dalších nákupů, ale pouze po určitou dobu. Toto schéma se obvykle používá u klientů různých online služeb, například instant messengerů, cloudových přehrávačů nebo kin.

Druhá fáze: design

Když mluvíme o designu, budeme mít na mysli především programy, protože právě ony spolu s designem operačního systému tvoří jednotný styl operační systém. Díky tomu nebude mít uživatel při spouštění programů nikdy v zařízení pocit něčeho „mimozemského“ a navíc díky obecnému uspořádání kontextových nabídek a nastavení nebude problém najít potřebné položky k provádět známé akce. Například v libovolném programu z Windows Store lze nabídku vyvolat přejetím ze spodní části obrazovky (nebo kliknutím pravým tlačítkem myši kamkoli) a všechna nastavení jsou umístěna ve stejné položce v pravém „zázračném panelu“ , který se otevře přejetím z pravé strany obrazovky (toto lze také provést přesunutím kurzoru myši do libovolného pravého rohu displeje). V případě her není vyžadováno dodržování oficiálních pokynů vývojáře OS (v tomto případě společnosti Microsoft), takže bude stačit vzít v úvahu doporučení, která jsme uvedli v popisu první fáze.

Téměř každý návrh začíná skicou, nebo, jak se říká v profesionálním prostředí, prototypováním. Prototypování v případě návrhu aplikace je rychlé skica umístění hlavních prvků budoucí aplikace, včetně nabídek a navigačních metod. Základními nástroji pro vytvoření prototypu designu jsou papír a tužka. Tato metoda je vhodná pro promyšlení obecného konceptu a rychlé načrtnutí obrázků, které vás napadnou.

Prototypování lze provádět také na počítači pomocí různého softwaru, od jednoduchých grafických editorů až po specializované nástroje. Mezi výhody posledně jmenovaného patří například přítomnost mřížky pro zarovnání prvků aplikace a možnost umístit na obrazovku stejné nabídky, nápisy a tlačítka, jaké jsou použity v rozhraní operačního systému. Zde je opět vývojář postaven před volbu: můžete použít buď nástroje pro rychlé prototypování, které mohou fungovat online a nevyžadují instalaci do počítače, nebo profesionální balíčky, s jejichž pomocí lze prototyp přenést ze stavu náčrtu do interaktivní maketa, která je navenek nerozeznatelná od skutečné aplikace. Příkladem služby v první kategorii je bezplatný NinjaMock a pokud jde o druhou kategorii, jedním z nejoblíbenějších prototypovacích nástrojů s různou hloubkou vývoje je Axure. Microsoft nabízí i vlastní prototypovací nástroje – jedná se o aplikace Project Siena a Expression Blend. Jejich výhodou je možnost exportovat výsledné realistické prototypy do projektů Visual Studia a pokračovat v práci na projektu ve vývojovém prostředí.

Zpravidla byste měli zvolit správnou možnost na základě složitosti budoucí aplikace. Pokud je cílem vytvořit jednoduchou utilitu, která uživateli pomůže s prováděním jakýchkoli úkolů, pak postačí prototyp náčrtu, ale při práci na velkých a zdlouhavých projektech většinou vznikají poměrně dobře propracované interaktivní prototypy.

Ikona Dlaždice aplikace je malý, ale jeden z nejdůležitějších designových prvků, kterému budou uživatelé věnovat pozornost před stažením programu a který pak uvidí při každém spuštění. Pokud si nějaká aplikace získá popularitu, její ikona se stane rozpoznatelnou a následně ji mnozí spojí pouze s konkrétním programem. Při tvorbě ikony se většinou snaží buď reflektovat funkčnost aplikace (například psací potřeby lze vidět na ikonách většiny poznámkových programů), nebo vytvořit novou značku (příklady oblíbených programů zahrnují prohlížeč Chrome a klient sociální sítě VK). V každém případě by podle moderních designových trendů a corporate identity Windows 8.1 měla být dlaždice/ikona aplikace plochá, stručná a hlavně srozumitelná pro jednoduchého uživatele.

Třetí fáze: vývoj

Jakmile je dokončena myšlenka a možnosti budoucí aplikace a existuje představa o jejím návrhu, začíná fáze vývoje a implementace funkcí, tedy psaní kódu. Toto je obvykle nejrozsáhlejší část vývoje aplikace. Na tuto problematiku se zaměříme v nezbytné míře, abychom získali přehled o tom, jaké znalosti jsou požadovány, kde je lze rozšířit a jaké nástroje budou potřeba.

Vývoj lze provádět v různých jazycích, včetně C++, C#, Visual Basic, JavaScript, HTML a XAML. Bezprostředně před zahájením vývoje aplikace je nutné prostudovat systémová volání a možnosti API operačního systému. Pokud již znáte jeden z uvedených programovacích jazyků, pak bude snadné uplatnit své znalosti při vytváření vlastní aplikace pro „dlaždicové“ rozhraní. Ve speciální části webu Microsoftu jsou podrobné pokyny s příklady, včetně pro C++ a XAML nebo pro JavaScript a HTML. Jako IDE (vývojové prostředí) společnost Microsoft doporučuje používat Microsoft Visual Studio, ve kterém lze programy psát, kompilovat a ladit v kterémkoli z uvedených programovacích jazyků. Na oficiálních stránkách společnosti je navíc ke stažení SDK, který obsahuje mnoho dalších materiálů včetně dokumentace, specializovaných nástrojů, které se budou hodit zkušeným vývojářům, a příkladů zdrojových kódů programů užitečných pro začátečníky.

S potřebnými znalostmi a nástroji můžete přistoupit přímo k procesu psaní kódu, který bude zodpovědný jak za vnější chování různých prvků rozhraní, tak za vnitřní provoz aplikace. Ten zahrnuje interakci s OS, přijímání dat ze systému (například ze souborů vlastníka zařízení a internetu) a uživatele, jejich zpracování a výstup výsledků zpracování v čitelné podobě. Ve většině případů se k ukládání dat používají databáze SQL (podporován je téměř jakýkoli systém správy databází nebo DBMS). Informace lze také stáhnout pomocí externích služeb. Pokud mluvíme o specifických funkcích programu, pak pro napsání kvalitní aplikace budete muset strávit čas učením se věcí, které přímo nesouvisí s programováním. Pokud váš program bude například přehrávat hudební soubory, budou vyžadovány znalosti o zvukových formátech a pokud budete potřebovat přístup k internetu, znalost principů síťového provozu nebude zbytečná.

Po implementaci hlavní funkce programu, i když nejste profesionální designér, byste měli pracovat na animaci a přizpůsobení prvků rozhraní. To je nezbytné, aby aplikace nevypadala jako hrubý hack a byla atraktivní pro uživatele, kteří často dbají nejen na funkčnost programu, ale také na design. A konečně, pokud se rozhodnete zpeněžit svou aplikaci pomocí nákupů v aplikaci, měly by být implementovány pomocí speciálního Windows 8.1 API.

Při vývoji nezapomeňte vzít v úvahu seznam požadavků společnosti Microsoft na aplikace Windows Store: bez jejich splnění bude váš program při pokusu o publikování v obchodě aplikací odmítnut.

Čtvrtá fáze: testování

Někteří vývojáři nepřikládají testování aplikací velký význam a v některých případech je ani nekontrolují před zveřejněním ve Storu. správné fungování programy pro skutečných zařízení(myšleno zařízení s dotykovými obrazovkami, pokud je vývoj prováděn na počítači bez dotykové obrazovky). Samozřejmě byste to neměli dělat: hlavním nebezpečím při vývoji programů pro tablety a ultrabooky v systému Windows 8 je to, že stejné aktivní programové prvky mohou reagovat odlišně na kliknutí myší a stisk prstu.

Aby se předešlo takovým nedorozuměním, je nutné provést úplné testování na zařízení s dotykovou obrazovkou. V této fázi se můžete uchýlit k pomoci přátel nebo známých: před zveřejněním v obchodě, v procesu přidávání nové aplikace, má vývojářský účet funkci pro zaslání pozvánky jednotlivým uživatelům beta test. Bohužel Microsoft neumožňuje veřejné beta testy.

Pátá fáze: zveřejnění v obchodě

Jakmile je aplikace zcela připravena, je čas ji publikovat v obchodě. K tomu budete potřebovat vývojářský účet. Jeho cena je 625 rublů pro jednotlivé vývojáře nebo 3 000 rublů pro společnosti a registrace pro studenty a začínající podniky je zcela zdarma - kód lze získat prostřednictvím programů DreamSpark a BizSpark. Během procesu publikování bude vývojář povinen uvést název aplikace, určit jeho kategorii, věkové omezení a stanovit cenu. Přehled tohoto procesu lze nalézt na webu společnosti Microsoft.

Po odeslání programu nebo hry, přibližně do pěti pracovních dnů, testeři zkontrolují, zda je v souladu se všemi pravidly společnosti Microsoft, která jsme již zmínili ve fázi vývoje. Pokud nenastanou žádné problémy a v průběhu procesu předkládání žádosti ke schválení jste souhlasili se zveřejněním, bude váš program nebo hra okamžitě zveřejněné v Obchodě aplikace a zobrazí se ve výsledcích vyhledávání.

Tato fáze může kupodivu zabrat poměrně hodně času, proto ještě jednou připomínáme, jak je důležité splnit všechny požadavky společnosti Microsoft, mezi které patří požadavky na kód a funkce aplikace, soulad s pokyny pro návrh a také dokončení aplikace.

Fáze šest: reklama a podpora

Pokud vytváříte program pro širokou veřejnost, spíše než úzký okruh lidí nebo hru, neměli byste příliš spoléhat na ústní podání. Samotné aplikace se „rozjedou“ poměrně zřídka, a pokud chcete, aby lidé o vašem produktu věděli, je to nezbytné podporovat. Způsobů může být mnoho: příspěvky na sociálních sítích popř. Můžete nabídnout „bonusy“ za reklamu aplikace na sociálních sítích samotnými uživateli, tato metoda se často používá při propagaci her.

Dozvěděli se tedy o aplikaci a uživatelé ji začali kupovat, ale to vůbec neznamená, že můžete sedět a počítat peníze „kapající“ na váš účet. Čím více uživatelů aplikace má, tím více recenzí napíší a tyto

Od spuštění platformy v roce 2011 do června 2013 byly náklady na roční předplatné k účtu vývojáře 99 USD. Microsoft se snažil na svou platformu přilákat co nejvíce vývojářů a snížil „poplatek“ na 19 dolarů na celé léto tohoto roku. Poté společnost prodloužila akci na neurčito a spustila projekt Windows Phone App Studio s bezplatnou registrací pro vývojáře.

Vývojářský účet je užitečná věc. S ním můžete odesílat aplikace a hry napsané v sadě Visual Studio nebo vytvořené ve webové službě Windows Phone App Studio do obchodu Windows Phone. I když vaše aplikace neprojde certifikací, bude zamítnuta a nebude komerčně dostupná, budete ji moci používat na svém zařízení a ukázat „exkluzivitu“ svým přátelům. Vývojářský účet navíc umožňuje jeho majiteli přijímat aktualizace operačního systému dříve, než běžní uživatelé. Nikdo po vás nebude vyžadovat žádné aplikace a účet vám zůstane, i když jej nebudete používat k vývoji.

Windows Phone App Studio je webový nástroj pro vytváření jednoduchých aplikací nebo modelování složitých projektů. Za pár měsíců, které uplynuly od jeho spuštění, v něm vzniklo více než 150 tisíc projektů, z nichž 65 tisíc se stalo plnohodnotnými aplikacemi a byly nainstalovány do chytrých telefonů.

Chcete-li získat bezplatný účet vývojáře, musíte projít procesem registrace ve Windows Phone App Studio. Přejděte na stránku služby a zadejte přihlašovací jméno a heslo k účtu Microsoft. Nyní jste oficiálně vývojářem aplikací pro Windows Phone.

App Studio obsahuje šablony devatenácti kategorií, můžete si vybrat libovolnou a na jejím základě vytvořit unikátní aplikaci. Chcete-li to provést, musíte vybrat lokalizaci, přidat obrázek živé dlaždice, popis, obsah (fotografie, videa, kanály RSS), vybrat barevné schéma rozhraní a obrázek na pozadí.

Hotovou aplikaci lze okamžitě nainstalovat na váš smartphone, abyste to udělali, musíte kliknout na tlačítko „Generovat“. Bude vám zaslán e-mail se dvěma odkazy, nejprve musíte nainstalovat certifikát a poté aplikaci. Po instalaci se objeví v obecném seznamu, již jej můžete používat. Aplikaci lze později upravit v App Studiu a znovu odeslat do telefonu.

App Studio vám také umožňuje exportovat zdrojový kód vaší aplikace do projektu, který můžete otevřít a upravit ve Visual Studiu, serióznějším vývojářském nástroji. Je zde také úskalí – když se rozhodnete odeslat svou aplikaci do obchodu Windows Phone, budete si muset zaregistrovat placený vývojářský účet.

Pokud budete svůj vývojářský účet používat pouze k instalaci aktualizací Windows Phone před jejich oficiálním vydáním, nainstalujte si do smartphonu aplikaci Preview for Developers, přihlaste se ke svému vývojářskému účtu a odsouhlaste podmínky. Aktualizace se neinstalují automaticky, jejich dostupnost si musíte ověřit v nastavení. Pokud uslyšíte, že někdo začal přijímat aktualizaci, přejděte do nastavení telefonu a zjistěte, zda je pro vás dostupná.

Když si nainstalujete Windows Phone Developer Tools, získáte následující bezplatné nástroje a funkce.
  • Emulátor Windows Phone
  • software Zune
  • XNA Game Studio 4.0
  • Stříbrné světlo
  • .NET Framework 4
Pokud již máte nainstalované Visual Studio 2010 (Professional nebo Ultimate), můžete svou edici Visual Studio 2010 použít k vývoji po instalaci Windows Phone Developer Tools.
Expression Blend pro Windows Phone
Expression Blend pro Windows Phone je návrhářský software, který umožňuje vytvářet a přidávat speciální vizuální funkce, jako jsou přechody, animace a přechody. Pro některé úlohy se Expression Blend používá snadněji než Visual Studio. Následující seznam obsahuje některé úkoly, které lze snadno provést pomocí Expression Blend.
  • Vizuálně vytvářejte datové šablony
  • Použijte testovací data během vývoje k vizualizaci datových vzorů
  • Vizuálně stylové ovládací prvky
  • Vytváření a prohlížení animací
Následující obrázek ukazuje vzhled Expression Blend.

Poznámka:
Tento článek popisuje práci v sadě Visual Studio 2010 Express pro Windows Phone a nebude používat Expression Blend pro Windows Phone.

Visual Studio 2010 Express pro Windows Phone
Visual Studio 2010 Express pro Windows Phone obsahuje návrhář přetažení, který simuluje vzhled telefonu, editor kódu a ladicí program. Pokud jste pracovali se sadou Visual Studio na vývoji jiných typů aplikací, bude vám vývojové prostředí mobilních aplikací velmi známé. Následující obrázek ukazuje vzhled Visual Studio 2010 Express pro Windows Phone.

Návrhář Windows Phone obsahuje panel nástrojů, zobrazení návrhu, zobrazení XAML, Průzkumník řešení a okno Vlastnosti podobné standardnímu návrháři sady Visual Studio. Dva klíčové rozdíly jsou v tom, že v režimu návrhu povrch vypadá jako zařízení s Windows Phone a je zde cílové zařízení, které vám umožní vybrat, zda chcete ladit aplikaci na zařízení nebo emulátor. Následující obrázek ukazuje vzhled emulátoru v orientaci na výšku a na šířku.

Pokyny pro navrhování

Pokud plánujete publikovat svou aplikaci pro Windows Phone v App Hub, je důležité, abyste znali zavedené principy návrhu rozhraní. Pokyny pro návrh popisují, jak navrhnout uživatelské rozhraní pro vaši aplikaci.

Následující tabulka poskytuje souhrn základních principů návrhu rozhraní a požadavků na aplikace, které musíte vzít v úvahu při navrhování a vývoji své aplikace. Úplný a aktuální seznam pokynů pro návrh rozhraní naleznete na následujícím odkazu.
Průvodce návrhem uživatelského rozhraní a interakcí pro Windows Phone 7

Kategorie Pokyny pro navrhování
Navigace, rámce a stránky
  • Při vytváření navigační mapy nezapomeňte vzít v úvahu akci tlačítka Zpět a interakci uživatele s lištou aplikací.
Panel aplikací
  • Pomocí lišty aplikací můžete provádět běžné úkoly aplikací.
  • Jste omezeni na čtyři tlačítka na liště aplikací.
  • Méně často prováděné akce umístěte do nabídky lišty aplikací.
  • Pokud je obtížné akci jasně vyjádřit pomocí ikony, umístěte ji do nabídky lišty aplikace spíše než jako tlačítko.
  • V nabídce panelu aplikací máte omezeno na pět možností, aby nedocházelo k posouvání.
Tlačítko Zpět
  • Měli byste implementovat pouze chování tlačítka Zpět, které přejde zpět nebo skryje kontextové nabídky a dialogová okna. Všechny ostatní implementace jsou zakázány.
Orientace obrazovky
  • Výchozí orientace je na výšku. Chcete-li podporovat orientaci na šířku, musíte přidat kód.
  • Pokud aplikace podporuje orientaci na šířku, nemůže detekovat pouze levou nebo pouze pravou orientaci na šířku. Měla by být podporována levá a pravá orientace na šířku.
  • Pokud aplikace podporuje zadávání textu, musíte podporovat orientaci na šířku kvůli možnosti hardwarové klávesnice.
Témata
  • Nepoužívejte příliš mnoho bílé v aplikacích, jako je bílé pozadí, protože to může mít vážný dopad na životnost baterie zařízení OLED.
  • Pokud explicitně nastavíte barvu popředí nebo pozadí ovládacího prvku, ujistěte se, že jeho obsah je stejně viditelný v tmavém i světlém vzhledu. Pokud zadaná barva není vidět, nastavte také výslovně barvu pozadí nebo popředí, aby měla dostatečný kontrast, případně zvolte vhodnější barvu.
Nastavení aplikace
  • Akce aplikace, které přepisují nebo mažou data nebo je nelze vrátit zpět, musí mít tlačítko Storno.
  • Při použití dalších obrazovek s tlačítky pro potvrzení nebo zrušení by stisknutí těchto tlačítek mělo provést příslušnou akci a vrátit uživatele do hlavní nabídky nastavení.
Dotykový vstup
  • Všechny základní a obecné úkoly by se měly provádět jedním prstem.
  • Dotykové ovládání by mělo okamžitě reagovat na dotyk. Dotykové ovládací prvky, které jsou zpožděné nebo pomalé během přechodů, budou mít negativní dopad na uživatelskou zkušenost.
  • U dlouhodobých operací náročných na zdroje by vývojáři měli poskytnout zpětnou vazbu, která by naznačila, že se něco děje s obsahem průběhu, nebo zvážit použití ukazatele průběhu nebo jako poslední možnost nezpracované oznámení. Během stahování můžete například zobrazovat stále více obsahu.
  • Dlouhé stisknutí by obecně mělo sloužit k zobrazení kontextové nabídky nebo stránky možností pro položku.
Klávesnice na obrazovce
  • Chcete-li určit typ klávesnice a aktivovat příslušné funkce tisku, musíte nastavit vlastnost input capability pro textové pole nebo jiné upravitelné prvky.
Ovládací prvky plátna a mřížky
  • Ovládací prvek Canvas používá rozložení založené na pixelech a může poskytovat lepší výkon než ovládací prvek Grid pro vložené nebo vnořené ovládací prvky v aplikacích s pevnou orientací.
  • Mřížka je nejlepší volbou, když se rám aplikace potřebuje roztáhnout, zmenšit nebo otočit.
Ovládání Panorama a Pivot
  • Panorama i Pivot poskytují horizontální navigaci v obsahu zařízení a umožňují uživateli pohybovat se a posouvat podle potřeby.
  • Použijte ovládací prvek Panorama jako výchozí bod pro podrobnější uživatelské prostředí.
  • Pomocí Pivot můžete filtrovat velká množství dat, což vám umožní zobrazit více sad dat nebo poskytnout způsob, jak přepínat mezi různými zobrazeními stejných dat.
  • Nepoužívejte Pivot pro navigační úlohy, jako jsou aplikace průvodce.
  • Vertikální posouvání seznamu nebo mřížky v sekcích Panorama je přijatelné, pokud je v rámci hranic sekce a není rovnoběžné s vodorovným posouváním.
  • Nikdy nevkládejte pivot do jiného ovládacího prvku pivotu.
  • Nikdy nevkládejte Pivot do ovládacího prvku Panorama.
  • Aplikace by měla minimalizovat počet kontingenčních stránek.
  • Pivot by se měl používat pouze k zobrazení prvků nebo dat podobného typu.
  • K navigaci v ovládacím prvku Pivot byste neměli používat tlačítka na liště aplikací. Pokud Pivot vyžaduje navigační pomůcky, pravděpodobně je nepoužíváte správně.
Text
  • Nejprve byste měli použít písmo Segoe. Alternativní písma používejte opatrně.
  • Nepoužívejte písma menší než 15 bodů.
  • Držte se konzistentního stylu psaní velkých písmen.
  • Název aplikace v záhlaví musí být napsán velkými písmeny.
  • Pro většinu dalšího textu v aplikaci, včetně názvů stránek a názvů seznamů, používejte všechna malá písmena. Na panelu aplikace se jakýkoli text automaticky zobrazí malými písmeny.

Další zdroje

Níže jsou uvedeny odkazy na další zdroje, kde se dozvíte více o vývoji pro Windows Phone.
Zdroj Popis
Centrum aplikací pro Windows Phone Další dokumentace, ukázky kódu a vývojová komunita Windows Phone.
Vývojová dokumentace pro Windows Phone Oficiální dokumentace pro vývoj Windows Phone na MSDN.
Dokumentace Silverlight Oficiální dokumentace pro Silverlight a Silverlight pro Windows Phone na MSDN.
Ukázky kódu pro Windows Phone Příklady kódu ke stažení, které doplňují dokumentaci k Windows Phone.
Rychlé spuštění Windows Phone Sbírka krátkých článků demonstrujících výzvy a příležitosti vývoje pro Windows Phone.
Průvodce vývojářem Windows Phone Příručka pro vývojáře popisující příběh fiktivní společnosti, která se rozhodla použít Windows Phone 7 jako klientské zařízení pro existující cloudovou aplikaci.
Blog vývojáře pro Windows Phone Blog, který obsahuje aktuální informace a oznámení přímo od týmu Windows Phone.
Vývoj Windows Phone 7 pro úplné začátečníky Série videí pro naprosté začátečníky, která nevyžadují žádné znalosti programování.
Windows Phone 7 Jump Start Série videí pro vývojáře nové ve vývoji Windows Phone pomocí Silverlight nebo XNA.
Školicí kurz Windows Phone 7 Videa a praktické návody na vývoj pro Windows Phone pomocí Silverlight nebo XNA.
.box na nářadí Výukové programy a další zdroje pro návrháře, kteří se naučí navrhovat aplikaci pro Windows Phone. Zahrnuje konzultace o Expression Blend.
Blog Jeffa Wilcoxe Blog o Silverlight, Silverlight Toolkit a Silverlight pro Windows Phone. Jeff Wilcox je vedoucí softwarový vývojář ve společnosti Microsoft v týmu Silverlight.
Blog Jeffa Prosise Blog o různých oblastech programování .NET, včetně Silverlight a Windows Phone. Jeff Prosise je zkušený programátor a jeden ze zakladatelů Wintellectu.

Existuje názor, že v reálném životě se smartphony s operačním systémem Microsoft vyskytují stejně často jako lidé s patronymem „Artemovich“. Podivná (mírně řečeno) politika „Evil Corporation“ týkající se sedmé a osmé rodiny mobilního operačního systému odvrátila mnoho uživatelů od experimentování s „okny“ pro chytré telefony a nyní se společnost vážně ujala úkolu opravuje svůj obraz v tomto uživatelském výklenku. Jako podzemní fanoušek Microsoftu doufám, že jim vše vyjde – „desítka“ kráčí po celé planetě, jejím hlavním trumfem je jedno jádro pro všechny platformy, a proto má velkou šanci vyhrát nad velkou částí mobilní trh. A jako programátor pro vás rád udělám úvodní článek o vývoji pro tuto mobilní osu, abyste byli vždy připraveni na růst její obliby :).

Přehled architektury

Díky společnému jádru a běhovému systému aplikací UWP po ​​napsání aplikace poběží na všech zařízeních se systémem Windows 10. Tato řada zahrnuje:

  • stolní počítače;
  • serverové systémy - OS Windows Server 2016;
  • notebooky - MS Surface Book;
  • tablety - MS Surface Pro;
  • chytré telefony - Lumia;
  • herní konzole – Xbox One;
  • brýle pro rozšířenou realitu - MS HoloLens;
  • nástěnné tablety - MS Surface Hub;
  • chytré hodinky - MS Band 2.

Seznam je působivý. Kromě toho se UWP neomezuje na spouštění aplikačních programů, podporuje také provoz ovladačů na úrovni jádra. To vám umožňuje vytvářet ovladače, které fungují na různých zařízeních, pokud je konkrétní komponenta, pro kterou je ovladač určen, stejná.

UWP podporuje ovladače na úrovni jádra i na úrovni uživatele. Subsystém obsahuje rozhraní ovladačů zařízení (DDI), které může ovladač pro UWP používat.

To vše ale nezachrání vývojáře od přizpůsobení rozhraní určitým platformám a rozlišením obrazovky. V některých zvláštních případech to nemusí být nutné.

Vývojářské nástroje

K psaní, ladění, nasazení a testování aplikací pro Windows 10 Mobile budete potřebovat Visual Studio 2015 (kdo by o tom pochyboval). Letos v létě byla vydána třetí aktualizace. Vřele doporučuji! Jeho hlavní opravou je snížená spotřeba paměti ve srovnání s druhou aktualizací.

Budete také potřebovat Windows 10 Anniversary Update SDK: obsahuje všechny potřebné nástroje pro vývoj aplikací pro celou flotilu zařízení s Windows 10. Pokud používáte VS 2015 s třetí aktualizací, pak již obsahuje nejnovější SDK.

Jednou z hlavních novinek je Windows Ink. Pomocí tohoto rozhraní API můžete přidat podporu pera ve dvou řádcích kódu. K tomu slouží dva ovládací objekty: InkCanvas a InkToolbar.

Nové rozhraní Cortana API usnadňuje implementaci hlasového ovládání. Komponenta Cortana Actions v novém rozhraní API umožňuje vytvářet nové fráze/výrazy.

Biometrické ověřování Windows Hello je nyní dostupné pro vývojáře webu v prohlížeči Edge.

Blend for Visual Studio 2015, nástroj pro modelování uživatelského rozhraní, poskytuje vylepšené možnosti návrhu uživatelského rozhraní oproti VS. S jeho pomocí můžete v XAML vytvářet rozvržení pro všechny podporované aplikace: aplikační, webové, univerzální, mobilní a tak dále. Obsahuje také konstruktory pro další úkoly, včetně vytváření animací a ovládání chování prvků.

Způsoby vytváření aplikací pro Windows 10 Mobile

Hlavním způsobem vytváření aplikací pro chytré telefony s Windows 10 Mobile je vývoj univerzální (UWP) aplikace(zavedení Visual C# → Windows → Universal New Project Wizards).

Není však jediný. Jak víte, Xamarin je zabudován do Visual Studia 2015, s jeho pomocí můžete také vytvářet aplikace pro Windows 10 Mobile, současně pro Android a iOS, měnit rozhraní a ponechat logiku programu v C# (Visual C# → Cross-Platform).

Kromě jazyka Visual C# lze stejně tak zvolit Visual Basic nebo Visual C++. VS 2015 umožňuje vytvářet univerzální aplikace pomocí JavaScriptu (JavaScript → Windows → Universal Apps). Lze je také nasadit na zařízení s Windows 10 Mobile.

Nástroje pro práci se staršími projekty

Za dlouhou historii operačního systému Windows pro něj vzniklo obrovské množství různých aplikací. S vydáním Windows 8 a WinRT (a později Windows 10 a UWP) jsou staré klasické aplikace minulostí, protože pouze desktopové Win 8 a Win 10 podporují klasické Win32, COM, .NET aplikace. Z toho byl Microsoft smutný. Kluci si ale uvědomili, že by mohli vyvinout konvertor, který by převedl staré aplikace pro nový pokročilý subsystém UWP. Z toho se zrodilo Konvertor aplikací pro stolní počítače.

Převod projektu Xcode se provádí ve dvou krocích. Nejprve musíte přidat zvýraznění syntaxe pro jazyk Objective-C v sadě Visual Studio: nainstalujte rozšíření objc-syntax-highlighting.vsix ze složky winobjc\bin. Potom pomocí nástroje příkazového řádku vsimporter.exe musíte převést projekt Xcode na projekt VS. Poté lze výsledný soubor sln otevřít ve studiu, kde bude zvýrazněna syntaxe Objective-C. Aplikaci můžete sestavit a spustit, poběží stejně jako všechny ostatní programy Windows.

Sakra, jak úžasné je vidět správně zvýrazněný kód Objective-C ve Visual Studiu!

Ke kompilaci kódu Obj-C se používá bezplatný kompilátor Zvonit. Vzhledem k tomu, že výstupem je standardní UWP aplikace, lze ji spustit na mobilním zařízení ve Windows 10 Mobile. Jeden program může obsahovat kód v C++ a Obj-C.

Pokud máte projekt pro předchozí verzi Windows Phone, tedy 8.1 (nebo 8.0), pak když jej otevřete ve VS 2015, studio automaticky aktualizuje projekt tak, aby vyhovoval požadavkům Universal Windows App ( UWP). Převede se nejen označení uživatelského rozhraní v XAML, ale spolu s ním také programová logika v JS/C++/C#/VB. Pokud v kódu byla volání do subsystému WinRT, budou převedena na volání UWP.

Existuje další běžný typ aplikace - hry. iOS a Android se vykreslují pomocí nízkoúrovňového rozhraní OpenGL. Na druhou stranu ve Windows 10 Mobile se DirectX 11 používá k zobrazování obrázků ve hrách, což má za následek nekompatibilitu. Existuje ale řešení – open source projekt ANGLE. ANGLE (Almost Native Graphics Layer Engine) – téměř nativní engine grafické vrstvy – umožňuje uživatelům Windows bezproblémově spouštět aplikace OpenGL ES na hardwaru s rozhraním DirectX 11. Toho je dosaženo převodem volání z rozhraní OpenGL ES API na rozhraní DirectX 11 API. ANGLE plně podporuje následující tři typy aplikací:

  • univerzální aplikace pro Windows 10 (Universal Windows apps);
  • aplikace pro Windows 8.1 a Windows Phone 8.1;
  • klasické desktopové aplikace Windows.

Tato problematika je podrobněji rozebrána v mé knize „The Magic of Torque“ (opět propagujete svou knihu! No, dobře, zasloužíte si to. – pozn. red.).

Pokračování je dostupné pouze pro předplatitele

Možnost 1. Chcete-li si přečíst všechny materiály na webu, přihlaste se k odběru Hacker

Předplatné vám umožní číst VŠECHNY placené materiály na webu ve stanovené lhůtě.




Přejděte na začátek