Jak vytvořit aplikaci pro Windows Phone během několika minut. Vývoj vaší první aplikace pro Windows Phone: Vytvoření vaší první aplikace

Poslední aktualizace: 31.10.2015

Windows telefon je dnes jedním ze tří nejoblíbenějších operačních systémů pro chytré telefony, a proto jsou k tomu potřeba aplikace různého druhu operační systém. A i když Windows Phone je v popularitě mnohem nižší Systémy Android nebo iOS zároveň absolutně roste počet zařízení s tímto OS, což tak či onak vytváří potřebu aplikací. Kromě toho existují oblasti, kde může Windows Phone konkurovat jiným systémům, například podnikovým aplikacím.

Zvažte, co potřebujeme k vytvoření aplikací pro Windows Phone 8.1. A potřebujeme vývojové prostředí Visual Studio Express 2013 pro Windows s aktualizací Service Pack alespoň SP2 (protože aktualizace Service Pack od SP2 a vyšší obsahují ve výchozím nastavení Windows Phone SDK 8.1). Také místo expresní verze můžeme použít jinou funkčnější verzi vizuální studio, jako je Visual Studio Community , Professional nebo Ultimate .

Z hlediska funkčnosti pro vývoj pro WP8.1 se tyto edice příliš neliší a v budoucnu budu pro všechny příklady používat Visual Studio Express 2013 pro Windows.

Kromě samotného vývoje potřebujeme také testovací nástroje. Visual Studio ve výchozím nastavení poskytuje emulátory smartphonu, které můžete použít k testování. Abychom však mohli připojit emulátory, musíme zahrnout Režim BIOS virtualizaci, pak ve Windows je potřeba povolit Hyper-V, což má řadu omezení. Zejména režim Hyper-V je k dispozici pouze pro 64bitové verze Verze Windows 8 Pro a Windows 8 Enterprise. A pokud máte operační systém Windows 8 Basic nebo Windows RT, nebudete moci používat Hyper-V.

Kromě toho můžeme přirozeně používat smartphone s OS Windows Phone 8.1. Přestože jsou emulátory velmi pohodlné: poskytují různý rozsah zařízení s různým nastavením, testování na skutečných zařízení. Proto budu v budoucnu jako zařízení používat smartphone.

Než budeme moci smartphone používat, musíme projít malým procesem registrace smartphonu pro vývoj.

Telefonická registrace

Chcete-li svůj telefon zaregistrovat, musíte použít nástroj, který je součástí sady Windows Phone SDK 8.1.

Chcete-li svůj telefon zaregistrovat, postupujte takto:

Po úspěšné instalaci potřebných nástrojů vytvoříme první aplikaci.

Ode dneška mohou všichni vývojáři doplňovat obchod Windows 10. Pokud používáte tento operační systém, můžete si pro něj vytvořit vlastní aplikaci. Nemusíte se registrovat jako vývojář, nemusíte jej ani zveřejňovat na obchodě, ale můžete jej použít sami nebo poslat svým přátelům.

Jak vytvořit aplikaci pro Windows 10?

Přejděte na web, přihlaste se ke svému účtu Microsoft a odsouhlaste navrhované podmínky.

Otevře domovská stránka servis. Klikněte na „Windows 10“ a pod šablonami vyberte „Vyprázdnit aplikaci W10“.

Vymyslete název pro svou aplikaci, zadejte jej do příslušného pole a klikněte na "Začít s tímto!"

Půjdete do pracovní panel studio aplikací. Na záložce „Obsah“ můžete aplikaci naplnit obsahem z RSS kanálu libovolného webu a různé služby(Facebook, Twitter, YouTube, Instagram, Flickr a tak dále). Můžete také použít HTML kód.

Umístění obsahu na stránce aplikace lze upravit kliknutím na ikonu úprav na dlaždici libovolného z bloků. Změny se neukládají automaticky, takže někdy klikněte na tlačítko Uložit.

V záložce "Témata" si můžete vybrat libovolné z přednastavených témat nebo upravit stávající tak, aby co nejlépe vyhovovalo vaší aplikaci.

Na záložce "Dlaždice" se konfiguruje živá dlaždice aplikace. Můžete nahrát ikony v různých velikostech.

Záložka "Nastavení" je poslední. V něm si můžete vybrat jazyk aplikace, přidat popis, propojit projekt s vaším vývojářským účtem a aktivovat reklamy.

Kdykoli se můžete podívat, jak bude vaše aplikace vypadat a fungovat na chytrém telefonu, tabletu a počítači. Pokud potřebujete provést změny, vraťte se na libovolnou kartu a upravte obsah.

Stáhněte si archiv s aplikací do počítače, rozbalte jej do nějaké složky, ale nespěchejte se spouštěním.

Stáhněte si kořenový certifikát z webu společnosti Microsoft a nainstalujte jej. Poté přejděte do nabídky „Aktualizace a zabezpečení“ v nastavení zařízení a v části „Pro vývojáře“ povolte „Režim vývojáře“.

• emulátor Windows Phone
• software Zune
• XNA Game Studio 4.0
• stříbrné světlo
• .NET Framework 4

Expression Blend pro Windows Phone

• Vytvoření šablony vizuálních dat
• Použijte při vývoji testovacích dat k vizualizaci datových vzorů
• Vizuální styl ovládacích prvků
• Vytvořte a prohlédněte si animaci

Poznámka:
Tento článek popisuje, jak pracovat 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

Návrhář Windows Phone obsahuje panel nástrojů, zobrazení návrhu, zobrazení XAML, Průzkumníka ř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 vypadá povrch jako zařízení s Windows Phone a je zde Cílové zařízení, které vám umožňuje 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 návrh rozhraní

Následující tabulka poskytuje souhrn základních principů návrhu rozhraní a požadavků na aplikace, které je třeba vzít v úvahu při navrhování a vývoji vaší aplikace. Kompletní 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

Dodatečné zdroje

Ahoj všichni!

Můj poslední příspěvek byl napsán už dávno a je na čase tuto nešťastnou skutečnost napravit. Dnes jsem se rozhodl rozmělnit sérii článků o Windows Azure a pohovořit o další, neméně atraktivní platformě od Microsoftu – Windows Phone.

Jak už asi víte, operační systém pro mobilní zařízení Microsoft je na trhu již delší dobu (od roku 2010) a dnes zaujímá jednu z předních příček, v některých zemích obchází v počtu prodaných zařízení i populární iOS. Proto mnoho vývojářů jak v Rusku, tak po celém světě již píše aplikace pro tento operační systém s velkým potenciálem a podává zprávy o vynikajících prodejích a ziscích ve Windows Store.

Začít s vývojem aplikací pro Windows Phone je vlastně docela snadné. Pokud již C# umíte a máte zkušenosti s WPF nebo Silverlight, pak můžete říci, že umíte 80% nezbytné informace. Faktem je, že vývojová platforma pro Windows Phone byla původně založena na Silverlightu a ve verzi WP8 byla nahrazena platformou jemu trochu podobnou, i když bližší WinRT. Pokud jste tedy někdy psali aplikace ve WPF, víte, co je MVVM a k čemu slouží, pak hurá do psaní aplikací pro Windows Phone.

Co když ale nejste zkušený vývojář, ale opravdu chcete mít tady a teď vlastní unikátní aplikaci, kterou si můžete nainstalovat do telefonu a pochlubit se svým přátelům? O tom bude řeč v dnešním článku.

Windows Phone App Studio

Vždy jsem měl rád Microsoft za to, že svým vývojářům poskytoval velmi šikovné nástroje pro práci. A v srpnu Microsoft představil svůj nová služba, která umožní každému, i neznalému programování obecně, vytvořit si vlastní aplikaci pro Windows Phone. Jmenuje se Windows Phone App Studio.

Používáním tuto službu můžete vytvořit kompletní aplikaci od začátku v pouhých čtyřech krocích. Můžete si nastavit vlastní styly, obrázky a data, přidat popis a výsledek vložit do obchodu s aplikacemi. Nemusíte však být registrovaným vývojářem (roční předplatné stojí 99 USD). Nyní má každý možnost odemknout jedno zařízení zdarma a stáhnout až dvě vlastní aplikace abych je otestoval.

Sám jsem se začal zajímat o to, jaké možnosti tato služba má, a rozhodl jsem se vytvořit satelitní aplikaci pro svůj miniprojekt Programming Facts. O tom teď budu mluvit podrobně.

Krok 0.1. Registrace

Abyste mohli službu začít používat, musíte si zaregistrovat svůj vlastní LiveID účet. Myslím, že nemá smysl vysvětlovat, co to je, pokud jste někdy používali nějakou službu od společnosti Microsoft. Přejdeme na web App Studio a klikneme na tlačítko Začít budovat:

Zadejte své přihlašovací jméno a heslo LiveID a budete přesměrováni do systému pro správu aplikací. Pokud to děláte poprvé, pak budete mít prázdný seznam. Aplikaci prog_facts již ve sbírce mám.

Krok 0.2. Výběr typu aplikace

Chcete-li vytvořit svou první aplikaci, vyberte položku nabídky Vytvořit. Nabídnou se vám dvě možnosti – vytvořit aplikaci pomocí jedné z dostupných šablon, nebo vše nastavit od začátku.

Existuje spousta hotových šablon. Jsou mezi nimi šablony pro sportovní aplikace (například pro sledování výsledků vašeho oblíbeného týmu), rodinu, zábavu a mnoho dalších. Když najedete na šablonu, uvidíte ji Stručný popis, a když vyberete každou z nich, uvidíte dodatečné okno, která ukáže, jak by tato aplikace mohla vypadat.

V mém případě jsem se rozhodl nespoléhat na šablonu, ale vytvořil jsem aplikaci od začátku výběrem příslušné položky nabídky vytvořit prázdnou aplikaci.

Krok 1 Informace o aplikaci

Úplně první a nejsnazší krok ze čtyř kroků, pro které máme slíbenou aplikaci vytvořit, je zodpovědný za informace o budoucí aplikaci. Budete muset zadat její název, krátký popis a vybrat logo. Logo musí být in formát PNG a velikosti 160×160 pixelů.

Věnujte pozornost telefonu, který je zobrazen vpravo. Vždy zobrazuje vaši aplikaci se změnami, které v ní provedete.

Krok 2. Naplnění obsahem

Každá aplikace vytvořená prostřednictvím Windows Phone App Studio se skládá ze sekcí. Každá sekce je sada stránek propojených nějakou logikou. Například údaje, které lze zobrazit na této stránce. Vytvořme novou sekci, ve které budeme jako zdroj dat používat RSS feed.

Zde je třeba zadat název budoucí sekce, vybrat typ zdroje dat (dostupná kolekce, RSS, videa YouTube, obrázky Flickr, vyhledávání Bing a obsah HTML5) a pojmenovat jej. Po vytvoření sekce se dostaneme na editační stránku.

Editační stránka je rozdělena do několika částí. V kapitole zdroj dat můžete ovládat zdroj dat přidružený k této sekci. Sekce Stránky obsahuje seznam všech stránek, které do sekce patří. Můžete si všimnout, že ve výchozím nastavení máme vytvořeny dvě stránky. První z nich s názvem Blog je hlavní stránkou sekce, která obsahuje záznamy načtené z RSS kanálu. Druhá informační stránka byla vygenerována automaticky a je zodpovědná za zobrazení podrobností o každém RSS záznamu, když jej uživatel vybere ze seznamu. Stránky sekcí zatím opustíme a nejprve upravíme zdroj dat. (a nezapomeňte kliknout na Uložit změny, aby se sekce uložila do projektu)

Krok 2.1. Zdroj dat

Po výběru zdroje dat na předchozí obrazovce se dostaneme do jeho editačního okna. Protože jsme zvolili typ zdroje RSS, budeme vyzváni k zadání adresy URL, ze které budou data přijímána. Pro tento příklad použijeme RSS kanál umístěný na

Jakmile kliknete na Obnovit a uložíte výsledky, domovská stránka aplikace v emulátoru, okamžitě uvidíte, že data z RSS zdroje již zobrazeny ve vaší aplikaci. To je mimořádně pohodlné a užitečné, protože okamžitě zjistíte, jak bude program vypadat. Můj kanál RSS například nepřipojuje obrázky k příspěvkům, takže tvůrce App Studio místo toho nahrazuje výchozí obrázky, které vypadají nepatřičně. Pojďme to napravit.

Krok 2.2. Úprava vzhledu stránky

Výběrem jedné ze stránek na stránce „Konfigurovat obsah aplikace“ v části Stránky oddílu se dostanete do okna pro úpravy. Pro každý typ stránky je k dispozici několik možných šablon. Stránka Blog, kterou chci původně opravit, má výchozí zobrazení příspěvků a obrázků. Zvolme zobrazení pouze pro příspěvky a upravíme přitom název stránky:

Okamžitě vidíte, jak se aplikace změnila. Nyní jdou položky za sebou v pořadí, což přináší vzhled aplikace do minimalistického stylu. Věnujte pozornost polím Název položky a Titulek položky. Namísto prostý text jsou tam nově napsány nesrozumitelné výrazy (Data.Title) a (Data.Summary). Pro ty, kteří znají WPF, to lze přirovnat k Data Binding. Zbytek vysvětlím.

Protože je naše sekce postavena na datovém zdroji, musíme být schopni nějak získat data z tohoto zdroje. Tyto výrazy pouze znamenají, že v odpovídajících polích chceme vidět informace přijaté z RSS kanálu. Zde objekt Data představuje jednu položku RSS a pole Název a Souhrn představují určitou část této položky. Pokud kliknete na ikonu napravo od pole, zobrazí se celý seznam dostupných polí datového objektu, včetně informací o autorovi záznamu, jeho datu, odkazu a několika dalších.

Zkusme stejným způsobem upravit stránku Info. K dispozici je pro něj trochu jiná sada šablon, mezi nimiž vybereme tu nejjednodušší a nejvhodnější:

Tato stránka je o tom samém. Jediná věc, která místo objektu Data používá Kontext, který je v podstatě stejný.

Krok 2.3. Přidávání menu a dalších sekcí

Kromě jednoduchých sekcí můžete do Windows Phone App Studio přidat tzv. menu. Jedná se o sekci, která se skládá ze seznamu odkazů na jiné sekce nebo externí stránky. Rozhodl jsem se přidat menu do video sekcí webu, abyste ho měli vždy po ruce rychlý přístup Na užitečné informace. Menu je přidáno podobně jako jednoduchá sekce a jeho konfigurace není náročná. Navrhuji tedy zvládnout to jako domácí úkol.

Krok 3 Styly

Po vyplnění aplikace sekcemi, stránkami a menu přejdeme k povídání o kráse, konkrétně stylu. V části 3 „Konfigurace stylu aplikace“ budete moci nakonfigurovat základní barevné schéma, který bude použit ve vaší aplikaci. Vybrala jsem barvy, které jsou v blogu použité - je to modrá a bílá. Aplikace se tedy ukázala jako jasná a příjemná, i když o chuti není sporu.

Barva Accent Brush je zodpovědná za to, jaká bude vaše hlavní barva akcentu. Je odpovědný za název aplikace. Štětec na pozadí, jak asi tušíte, je zodpovědný za barvu pozadí. Můžete si také vybrat obrázek, pokud si myslíte, že je vhodnější než jednobarevná výplň. Štětec popředí je barva písem, která se použije k zobrazení dat ve vaší aplikaci. Štětec aplikační lišty je barva pozadí níže zobrazené lišty nabídek.

Krok 3.1. Dlaždice

Dlaždice jsou nezbytnou součástí každé aplikace pro Windows Phone. Mohou rozšířit vaši aplikaci tím, že umožní uživateli vidět Dodatečné informace bez otevření hlavního okna programu. Ve Windows Phone App Studio samozřejmě nebudete moci vytvořit chytrou dlaždici, která by mohla samostatně aktualizovat svůj pohled a odněkud načítat další data. Můžete si však vybrat z několika standardních chování pomocí některých statických dat. Například pro aplikaci glamcoder jsem zvolil typ dlaždice Iconic Template a zobrazil jsem na ní stručný popis aplikace:

Krok 3.2. Úvodní a zamykací obrazovky

Jedná se o další dekorace, díky nimž bude vaše aplikace vypadat elegantněji a reprezentativně. Obrázek úvodní obrazovky je obrázek, který se uživateli zobrazí při načítání aplikace. Tam je zpravidla zvykem umístit logo vašeho programu nebo firmy, aby bylo uživateli hned jasné, jakou aplikaci bude v danou chvíli používat.

Obrázek pro zamykací obrazovku – toto je obrázek, který se zobrazí na zamykací obrazovce. Ve skutečnosti to nedává moc praktický smysl, protože tento obrázek je ve Windows Phone App Studio statický a je nepravděpodobné, že by uživatel chtěl nahradit barevnou tapetu Bing vaším obrázkem.

Krok 4. Konečná

No a dostali jsme se do úplně poslední fáze – vytvoření naší první aplikace pro Windows Phone. Na poslední strana s názvem Generate nás čeká drahocenná možnost – vygenerovat balíček, který si později můžeme nainstalovat do svého zařízení. Klikněte velké tlačítko Vygenerujte aplikaci a počkejte, až bude kouzlo fungovat.

Po dokončení generování se zobrazí odpovídající zpráva a několik možností, ze kterých si můžete vybrat. Nejprve obdržíte e-mail, ze kterého si můžete stáhnout aplikaci. Druhým je, že si můžete stáhnout hotový soubor balíčku do svého počítače, abyste jej mohli později publikovat v obchodě s aplikacemi. A třetí možnost – můžete si stáhnout zdrojové kódy přijatou aplikaci k jejich úpravě. Doporučuji vám použít třetí metodu. Zaprvé vám poskytuje větší flexibilitu a umožňuje provádět změny, které nelze provést ve Windows Phone App Studio. A za druhé, a co je nejdůležitější, budete schopni samostatně porozumět kódu aplikace, naučit se, jak to funguje, abyste si příště mohli vše napsat vlastníma rukama.

Závěr

Popularitu konkrétního mobilního operačního systému v dnešní době neurčují funkce, které uživatelům po vybalení poskytuje, ale ty aplikace, které jsou dostupné v obchodě a které umožňují rozšířit funkčnost každého zařízení do nekonečna. Často slýchávám slova lidí, kteří se ve Windows Phone nevyznají, že je to zaostalý systém, že ne potřebné aplikace a podobné nesmysly. To vše není pravda. Systém se aktivně vyvíjí, každým dnem přibývá nových, užitečných a někdy i exkluzivních aplikací.

Opravdu doufám, že vás tento článek inspiruje k napsání vaší úplně první aplikace pro Windows Phone. A chci věřit, že znalosti, které získáte, vám pomohou tvořit nový Instagram nebo nové Angry Birds. A aby to bylo co nejdříve, jděte na vývojářský portál pro Windows Phone, studujte materiály, sledujte videonávody, tvořte.

Hodně štěstí a dobré aplikace!

je online služba pro tvorbu mobilních aplikací pro různé platformy, včetně Windows Phone. Zvláštností služby je, že pro vytvoření aplikace nemusíte nic programovat – je přizpůsobena speciálním scénářům spotřeby dat, které umožňují generovat aplikace na základě vámi zadaných parametrů (například zdroj zpráv v podobě RSS feedu).

Jak to funguje?

Chcete-li vytvořit aplikaci pro Windows Phone, vyberte příslušnou možnost:

Na další obrazovce zadejte zdroj vašich dat (web, který má RSS / Atom nebo rovnou odkaz na odpovídající zdroj) - vytvořím aplikaci pro naše
studentský blog:

Vpravo hned vidíte, jak bude vaše aplikace vypadat v emulátoru telefonu:

Dalším krokem je přizpůsobení aplikace. Zde můžete změnit záhlaví aplikace a také změnit barvy:

Poté se aplikace zařadí do fronty na generování – stačí chvíli počkat, než se aplikace sestaví a umístit ji na Marketplace pro všechny!

Hotový soubor vygenerovaný aplikací appmakr je běžný archiv zip, který je třeba přejmenovat na soubor xap.

V případě potřeby lze aplikaci dále konfigurovat pomocí CSS a JavaScript.

Publikování na Marketplace

Plný set grafické objekty(ne všechny jsou povinné) vypadá takto: 99px, 173px a 200px široké čtvercové ikony, obrázek na pozadí 1000x800px a sada snímků obrazovky aplikace. Snímky obrazovky se pohodlně pořizují pomocí vestavěného nástroje pro snímání obrazovky v emulátoru.

Nyní zbývá vyplnit všechna potřebná popisná pole, nastavit cenu (například učinit aplikaci zdarma), vybrat trhy (všimněte si, že pokud aplikace obsahuje pouze data v ruštině, měla by být zveřejněna v ruský trh, jinak může být obtížné získat certifikaci) a odeslat žádost ke kontrole.

Za několik dní bude vaše aplikace dostupná v obchodě s aplikacemi.

Výsledek

Appmakr samozřejmě neřeší všechny problémy a není schopen pokrýt velký počet scénáře. Ale minimálně, abyste pro sebe nebo přátele rychle vytvořili aplikaci, která agreguje několik zdrojů dat, nebo si sami ověřili, jak celý proces stahování aplikace a další certifikace funguje, je appmakr tím nejlepším řešením!

Bonus

Účast je zdarma. Je nutná registrace.