Kada instalirate Windows Phone Developer Tools, dobijate sledeće besplatne alate i komponente.

• windows phone emulator
• Zune softver
• XNA Game Studio 4.0
• srebrno svjetlo
• .NET Framework 4

Ako već imate instaliran Visual Studio 2010 (Professional ili Ultimate), možete koristiti svoje izdanje Visual Studio 2010 za razvoj nakon što instalirate Windows Phone Developer Tools.

Expression Blend za Windows Phone

Expression Blend za Windows Phone je softver za dizajn koji vam omogućava da kreirate i dodate posebne vizuelne karakteristike kao što su gradijenti, animacije i prelazi. Za neke zadatke, Expression Blend je lakši za korištenje nego Visual Studio. Sljedeća lista sadrži neke od zadataka koji se lako mogu obaviti pomoću Expression Blenda.

• Izrada predloška vizualnih podataka
• Koristite tokom razvoja testnih podataka za vizualizaciju obrazaca podataka
• Vizuelni stil kontrola
• Kreirajte i pregledajte animaciju

Sljedeća slika prikazuje izgled Expression Blenda.

Bilješka:
Ovaj članak opisuje kako raditi u Visual Studio 2010 Express za Windows Phone i neće koristiti Expression Blend za Windows Phone.

Visual Studio 2010 Express za Windows Phone

Visual Studio 2010 Express za Windows Phone uključuje drag-and-drop dizajner koji oponaša izgled telefona, uređivač kodova i program za otklanjanje grešaka. Ako ste radili sa Visual Studio-om na razvoju drugih vrsta aplikacija, mobilno razvojno okruženje će vam biti veoma poznato. Sledeća slika prikazuje vizuelni izgled Visual Studio 2010 Express za Windows Phone.

Dizajner za Windows Phone sadrži Toolbox, Design View, XAML prikaz, Solution Explorer i Properties prozor sličan standardnom Visual Studio dizajneru. Dve ključne razlike su u tome što u modu dizajna površina izgleda kao Windows Phone uređaj, a uveden je i Target uređaj koji vam omogućava da odaberete da li želite da debugujete aplikaciju na uređaju ili emulatoru. Sljedeća slika prikazuje izgled emulatora u portretnoj i pejzažnoj orijentaciji.

Smjernice za dizajn interfejsa

Važno je da ste svjesni uspostavljenih principa dizajna interfejsa ako planirate da objavite svoju Windows Phone aplikaciju na App Hub-u. Smjernice za dizajn opisuju kako dizajnirati korisničko sučelje za vašu aplikaciju.

Sljedeća tabela daje sažetak osnovnih principa dizajna sučelja i zahtjeva aplikacija koje treba uzeti u obzir prilikom dizajniranja i razvoja vaše aplikacije. Potpunu i ažuriranu listu smjernica za dizajn interfejsa možete pronaći na sljedećem linku.
Vodič za dizajn i interakciju korisničkog sučelja za Windows Phone 7

Kategorija	Smjernice za dizajn
Navigacija, okviri i stranice	Obavezno uzmite u obzir radnju dugmeta za povratak i interakciju korisnika sa trakom aplikacije kada kreirate navigacionu mapu.
Traka aplikacija	Koristite traku aplikacija za obavljanje uobičajenih zadataka aplikacije. Ograničeni ste na četiri dugmeta na traci aplikacija. Stavite radnje koje se rjeđe izvode u meni na traci aplikacija. Ako je radnju teško jasno artikulisati pomoću ikone, stavite je u meni na traci aplikacije, a ne u dugme. Ograničeni ste na pet stavki u meniju trake aplikacija kako biste spriječili pomicanje.
Dugme za povratak	Trebali biste implementirati samo ponašanje dugmeta za povratak koje se kreće unazad ili skriva kontekstne menije i dijaloške okvire. Sve druge implementacije su zabranjene.
Orijentacija ekrana	Zadana orijentacija je uspravna. Da biste podržali pejzažnu orijentaciju, morate dodati kod. Ako aplikacija podržava pejzažnu orijentaciju, ne može definirati samo lijevu ili samo desnu vodoravnu orijentaciju. Lijeva i desna pejzažna orijentacija moraju biti podržane. Ako aplikacija podržava unos teksta, morate podržati pejzažnu orijentaciju zbog mogućnosti hardverske tastature.
Teme	Izbjegavajte korištenje previše bijele boje u aplikacijama, kao što je bijela pozadina, jer to može ozbiljno utjecati na vijek trajanja baterije OLED uređaja. Ako je boja prednjeg plana ili pozadine kontrole postavljena eksplicitno, uvjerite se da je njen sadržaj jednako vidljiv i na tamnoj i na svijetloj koži. Ako navedena boja nije vidljiva, također eksplicitno postavite boju pozadine ili prednjeg plana tako da ima dovoljan kontrast ili odaberite prikladniju boju.
Postavke aplikacije	Akcije aplikacije koje zamenjuju ili brišu podatke ili nisu reverzibilne treba da imaju dugme Otkaži. Kada koristite dodatne ekrane sa dugmadima za potvrdu ili odustajanje, pritiskom na ove tipke treba izvršiti odgovarajuću radnju i vratiti korisnika na glavni meni postavki.
Unos dodirom	Sve osnovne i opšte zadatke treba raditi jednim prstom. Kontrola dodirom treba odmah reagirati na dodir. Kontrole dodirom koje kasne ili se osjećaju spore na prijelazima će imati negativan utjecaj na korisničko iskustvo. Za dugotrajne operacije koje zahtijevaju velike resurse, programeri bi trebali dati povratne informacije kako bi naznačili da se nešto dešava sa sadržajem napretka ili razmotriti korištenje trake napretka ili, u ekstremnim slučajevima, sirovog obavještenja. Na primjer, možete prikazati sve više i više sadržaja kako se učitava. Dugi pritisak bi se općenito trebao koristiti za prikaz kontekstnog izbornika ili stranice sa opcijama za element.
Ekran tastatura	Morate postaviti svojstvo unosa na tekstualno polje ili druge elemente koji se mogu uređivati ​​da biste odredili tip tastature i omogućili odgovarajuće mogućnosti za štampanje.
Kontrole platna i mreže	Canvas kontrola koristi raspored zasnovan na pikselima i može pružiti bolje performanse od kontrole Grid za duboko ugrađene ili ugniježđene kontrole u aplikacijama s fiksnom orijentacijom. Mreža je najbolji izbor kada se okvir aplikacije treba proširiti, skupiti ili rotirati.
Panorama i Pivot kontrole	I Panorama i Pivot pružaju horizontalnu navigaciju kroz sadržaj uređaja, omogućavajući korisniku da se kreće i pomera po potrebi. Koristite kontrolu Panorama kao početnu tačku za detaljnije korisničko iskustvo. Koristite Pivot za filtriranje velikih količina podataka, pružanje pregleda više skupova podataka ili omogućavanje načina za prebacivanje između različitih prikaza istih podataka. Nemojte koristiti Pivot za zadatke navigacije kao što su aplikacije čarobnjaka. Vertikalno pomicanje liste ili mreže u Panorama sekcijama je prihvatljivo sve dok je unutar granica sekcije i nije paralelno s horizontalnim pomicanjem. Nikada nemojte stavljati Pivot u drugu Pivot kontrolu. Nikada nemojte stavljati Pivot u Panorama kontrolu. Aplikacija treba da minimizira broj Pivot stranica. Pivot treba koristiti samo za prikaz elemenata ili podataka sličnog tipa. Ne biste trebali koristiti dugmad na traci aplikacije za navigaciju unutar Pivot kontrole. Ako Pivot zahtijeva navigacijska pomagala, vjerovatno ga ne koristite ispravno.
Tekst	Prvo morate koristiti Segoe font. Pažljivo koristite alternativne fontove. Izbjegavajte korištenje fontova koji su manji od 15 tačaka. Držite se doslednog stila pisanja velikih slova. Naziv aplikacije u naslovnoj traci mora biti napisan velikim slovima. Koristite sva mala slova za većinu drugog teksta u aplikaciji, uključujući naslove stranica i naslove lista. Na traci aplikacije svaki tekst se automatski prikazuje malim slovima.

Dodatni resursi

Ispod su neke veze do dodatnih resursa u kojima možete saznati više o razvoju za Windows Phone.

Resurs	Opis
Windows Phone App Hub	Dodatna dokumentacija, uzorci koda i razvojna zajednica za Windows Phone.
Windows Phone razvojna dokumentacija	Zvanična razvojna dokumentacija za Windows Phone na MSDN-u.
Silverlight dokumentacija	Službena dokumentacija za Silverlight i Silverlight za Windows Phone na MSDN-u.
Uzorci kodova za Windows Phone	Uzorci koda za preuzimanje koji dopunjuju Windows Phone dokumentaciju.
Windows Phone QuickStarts	Zbirka kratkih članaka koji prikazuju izazove i mogućnosti u razvoju za Windows Phone.
Vodič za programere za Windows Phone	Vodič za programere koji opisuje priču o fiktivnoj kompaniji koja je odlučila da koristi Windows Phone 7 kao klijentski uređaj za postojeću aplikaciju u oblaku.
Blog programera za Windows Phone	Blog koji sadrži najnovije informacije i najave direktno od Windows Phone razvojnog tima.
Windows Phone 7 razvoj za apsolutne početnike	Serija videa za apsolutne početnike koji ne zahtijevaju nikakve vještine programiranja.
Windows Phone 7 Jump Start	Serija video zapisa za programere koji su novi u razvoju Windows Phone-a koristeći Silverlight ili XNA.
Windows Phone 7 kurs za obuku	Video snimci i praktični vodiči o razvoju Windows Phone telefona pomoću Silverlighta ili XNA.
.kutija za alate	Vodiči i drugi resursi za dizajnere da nauče kako dizajnirati Windows Phone aplikaciju. Uključuje uputstva za Expression Blend.
Jeff Wilcox Blog	Blog o Silverlight-u, Silverlight Toolkitu i Silverlight-u za Windows Phone. Jeff Wilcox je vodeći programer softvera u Microsoftu u Silverlight timu.
Jeff Prosise Blog	Blog o različitim oblastima .NET programiranja, uključujući Silverlight i Windows Phone. Jeff Prosiz je iskusan programer i jedan od osnivača Wintellecta.

Izlaskom Windows 8 programeri su se upoznali sa potpuno novom vrstom aplikacija - aplikacijama u stilu Modern UI. Pa, kako je nova? Slične aplikacije su već razvijene za Windows Phone. Ove aplikacije nisu imale nikakve veze sa uobičajenim Windows aplikacijama. Takve aplikacije nisu kompatibilne s prethodnim verzijama Windowsa, imaju potpuno novo sučelje (Moderno) i razvijene su korištenjem novog WinRT API(Windows Runtime API) i Windows XAML(jezik za označavanje interfejsa).

Nije bilo problema sa pisanjem samo Windows 8 verzije moje aplikacije, međutim, ako je bilo potrebno napisati aplikaciju ne samo za Windows, već i za Windows Phone, određene poteškoće su morale biti prevaziđene. Stvar je u tome što Windows Phone koristi za svoje aplikacije srebrno svjetlo i Windows Phone API, dok Windows 8 koristi Windows XAML i WinRT API. Imaju neke značajne razlike.

Neupućenoj osobi može se činiti da to ne bi trebalo stvarati probleme, iako u stvari svaka verzija aplikacije mora biti u potpunosti napisana od nule. Upravo je to glavni problem, budući da je obim posla koji je trebalo obaviti bio ogroman. Ne, naravno da su postojali načini da se objedine neki dijelovi aplikacije, ali oni su teški za početnike programera.

Microsoft je bio svjestan ovog problema i već duže vrijeme radi na rješenju. Rezultat ovog rada bio je tzv univerzalne Windows aplikacije(Univerzalne Windows aplikacije), koje su dostupne počevši od Windows 8.1 Update 1 i Windows Phone 8.1 (koji će biti dostupan za instalaciju na svim Windows Phone 8 uređajima do kraja ljeta). Može se pretpostaviti da će sada aplikacije raditi bez rekompilacije i na Windows-u i na Windows Phone-u, ali to nije sasvim tačno.

Svaka aplikacija će i dalje biti izgrađena i kompajlirana zasebno za svaku platformu, ali je količina potrebnog posla sada značajno smanjena. Stvar je u tome što je Microsoft konačno ujedinio većinu API-ja za Windows i Windows Phone. Većina promjena je napravljena na strani Windows Phone-a. Od sada, za pisanje aplikacija za ove dvije platforme (uskoro će ih biti tri, i Xbox One) koriste se WinRT API i Windows XAML. Naravno, Silverlight, koji je poznat Windows Phone-u, nije nestao, čak je dobio i neke dodatne mogućnosti, ali to nije ono o čemu sada govorimo.

Univerzalne aplikacije sada koriste Windows Runtime (isto Windows Runtime). Ove inovacije omogućavaju programeru da zadrži kod specifičan za platformu na minimumu, jer je većina poziva API-ju identična.

test aplikacija

Danas vam predlažem da pokušate napisati jednostavnu univerzalnu aplikaciju, čije ime je "Zdravo svijete!". Hajde da pišemo na jeziku C#(zahteva barem osnovno znanje jezika i XAML). Da bismo to uradili, potrebno nam je najmanje:

Windows 8.1 (x86)

Ovo je prilično minimalno. Pomoću ovog kompleta možete razviti univerzalnu aplikaciju i otkloniti greške u njenoj Windows verziji na vašem trenutnom računaru. Možete otkloniti greške samo u verziji aplikacije za Windows Phone na stvarnom uređaju (i potreban je račun programera).

Da biste mogli da otklonite greške u svojoj aplikaciji u Windows Phone emulatoru, trebat će vam:

Windows 8.1 Professional (x64)
Procesor s podrškom za hardversku virtuelizaciju za Hyper-V klijenta (čak je i proračunski Celeron G1610 prikladan, a čini se čak i Pentium 4 na LGA775)
Visual Studio Express 2013 za Windows Update 2

Pomoću ovog kompleta možete potpunije razviti svoju aplikaciju i testirati je u različitim načinima koristeći Windows tablet simulator i Windows Phone emulator.

Ja ću koristiti vizuelni studio Ultimate 2013 i pokazaću sve na njemu. Ne brinite, sučelje je praktično isto kao i besplatni Express. Počnimo!

Univerzalni "Hello, World!"

Pokrenimo Visual Studio i kreiramo novi projekat.

U poglavlju "Aplikacije za Windows Store" Postoje različiti predlošci aplikacija za Windows i Windows Phone. Zanimaju nas univerzalne aplikacije, čiji su predlošci dostupni u posebnom pododjeljku.

Postoje dvije opcije koje možete izabrati: prazna aplikacija i aplikacija sa Hub-om (to je tako kul kontrola). Zaustavimo se na praznoj aplikaciji, jer još samo učimo i ne treba se odmah penjati u džunglu. Idemo od jednostavnog.

Unesite naziv za aplikaciju koju kreirate. Zvao sam ga "Univerzalni HelloWorld", oštar i jasan. Kliknite OK i pričekajte dok Visual Studio kreira projekat. Pogledajmo strukturu kreiranog projekta.

Cijeli projekat je podijeljen na tri dijela:

Windows - sadrži kod i elemente dostupne samo za Windows verziju aplikacije
Windows Phone - sadrži kod i elemente dostupne samo za Windows Phone verziju aplikacije
Shared - sadrži kod i elemente koji su dostupni za dvije platforme odjednom

Imajte na umu da se trenutno dijeli samo jedan element: app.xaml(i App.xaml.cs). Ovaj element je odgovoran za pokretanje i zaustavljanje aplikacije.

Već možete pokušati pokrenuti aplikaciju. I za to pritisnite F5. Da zaustavite otklanjanje grešaka, vratite se u Visual Studio i kliknite Shift+F5. Trebali biste vidjeti prazan ekran. U početku će biti pokrenuta Windows verzija aplikacije. Da odaberete koju verziju aplikacije želite pokrenuti, pronađite dugme za otklanjanje grešaka (zeleni trokut) na traci s alatima.

Ovdje možete odabrati gdje ćete započeti otklanjanje grešaka u vašoj aplikaciji. Simulator simulira Windows tablet gdje možete promijeniti orijentaciju, rezoluciju ekrana i druge stvari. Dugme "Remote Computer" dizajnirano je za početak otklanjanja grešaka na vanjskom Windows 8 uređaju. U tu svrhu koristim Surface RT.

Vratimo se na promjenu verzije za pokretanje. U podmeniju "Pokretanje projekta" možeš izabrati Windows Phone 8.1. Nakon toga, sadržaj osnovnog menija će se promeniti i mnogi emulatori će biti dostupni po vašem izboru.

Odaberite željeni emulator i počnite otklanjati greške. Nakon što se emulator pokrene, vidjet ćete prazan ekran vaše aplikacije. Nakon što je otklanjanje grešaka završeno, emulator uopće ne treba zatvarati.

Za sada, svaka verzija aplikacije ima zasebnu stranicu MainPage.xaml. Budući da je naša aplikacija vrlo jednostavna, uopće nam nije potreban drugačiji dizajn stranice na svakoj platformi. Premjestite MainPage.xaml u odjeljak Shared, a zatim ga uklonite iz odjeljaka Windows i Windows Phone. Struktura projekta će izgledati ovako:

Otvaranjem ovog fajla videćete ovu zemlju u vizuelnom uređivaču, kao i njen markupni kod. Do sada imamo sljedeći kod:

On samo stvara korijensku mrežu stranice ispunjenu standardnom bojom stranice. Dodajmo na stranicu istoimeni natpis i dugme dobrodošlice. Postavite element TextBlock na mrežu. Šifra elementa će biti:

Da vidite kako stranica izgleda u načinu rada tableta/desktopa i telefona, koristite padajući meni iznad uređivača kodova.

Na stranicu ćemo također dodati dugme koje će nam pokazati malu poruku. Kod za ovo dugme je:

Dodajmo obrađivač događaja klika za ovo dugme. Da biste to uradili, dvaput kliknite na dugme i automatski ćete biti prebačeni na C# editor koda. Prazan rukovalac je automatski generisan.

Pozdrav svima!

Predstavljam vašoj pažnji novi Microsoftov alat Windows App Studio- konstruktor za kreiranje aplikacija. Danas ću govoriti o tome kako je kreiranje aplikacija za Windows i Windows Phone postalo dostupno prosječnom korisniku. I malo o tome kako ovaj alat može biti koristan programeru.

App Studio je alat za kreiranje sadržaja aplikacija. Ova vrsta aplikacije korisniku pruža tematske informacije, razne direktorije i čitav niz drugih standardnih funkcija.

App Studio komunicira s korisnikom putem web sučelja, radi na bilo kojem pretraživaču i dostupan je na sljedećem linku. Svi podaci App Studija pohranjeni su u oblaku.

Da biste pristupili App Studiju, morate imati Microsoft nalog (ranije Live ID) i biti u mogućnosti da budete na mreži.

Pregled

Interfejs je jednostavan i intuitivan:

Na glavnoj stranici nalazi se kontrolni panel za pristup glavnim stranicama resursa:


Glavna stranica također prikazuje aplikacije kreirane u App Studiju, koje funkcionišu i dostupne su u Windows Store-u:

Predlošci

Za kreiranje aplikacije, App studio nudi sljedeće scenarije:

• Koristite šablone;
• Kreirajte aplikaciju od nule.

App Studio predlošci su aplikacije zasnovane na temama sa spremnom strukturom, demo sadržajem i opcijama uređivanja:

Za razliku od drugih šablona, ​​Empty App ne nudi nikakvu skriptu za kreiranje aplikacija i potpuno je bez sadržaja.

Svi predlošci App Studio pružaju mogućnost kreiranja univerzalnih aplikacija koje su dostupne na Windows i Windows Phone 8.1 uređajima. Pored predloška Web aplikacije:

Svrha ovog predloška je pretvoriti mobilnu verziju web stranice u web aplikaciju koristeći URL stranice. Ova funkcija je dostupna samo za Windows Phone aplikacije.

Vrijedno je napomenuti raznolikost predložaka App Studio i prisutnost tematskih komponenti za svaki od njih:

Kreirajte aplikaciju

Ciklus kreiranja aplikacije u App Studiju sastoji se od 4 faze:

• Pretraživanje ideja;
• Sadržaj punjenja;
• Stilski dizajn;
• Korištenje gotove aplikacije;

Da bismo demonstrirali mogućnosti alata, napravimo katalog vina baziran na Empty App. Nazovimo ga Wine Expert, počnite kreirati strukturu i dodajte sadržaj.

Početna stranica nove Empty App izgleda ovako:

Radni prostor je podijeljen u četiri dijela:

• Rad na strukturi i sadržaju aplikacije: sadržaja;
• Zatim, dvije kartice su odgovorne za izgled i stil aplikacije: Teme i Pločice.
• Objavite informacije sadrži unapred postavljene postavke za objavljivanje aplikacije u Windows prodavnici.

Radite na sadržaju

U području Sadržaj definirajte od kojih stranica će se Wine Expert sastojati:

• O vinu;
• Katalog vina;
• Proizvodnja vina;
• O kreatorima.

Za kreiranje strukture koristimo skup blokova koje je predložio App Studio:

1. Stranica "O vinu", ako sadrži tekst kao u ovom primjeru, najprikladnije je formatirati pomoću bloka "HTML":

   

   Uređivanje teksta je dostupno iu tekstualnim iu HTML modu uređivača, samo kliknite na simbol .

2. Katalog vina je blok tipa "Kolekcija":

   

   Podaci u aplikaciji mogu biti dvije vrste:

   • statički;
   • Dynamic.
   Statički podaci- ovo su podaci koji se nalaze u aplikaciji. Aplikacija sa ovom vrstom podataka ne zahtijeva internetsku vezu. Međutim, da biste ažurirali statičke podatke, morat ćete ažurirati cijelu aplikaciju.

   Dynamic Data- Podaci pohranjeni u oblaku. Da biste im pristupili, potrebna vam je internetska veza, ali kada ažurirate ove podatke u oblaku, oni će se automatski ažurirati u aplikaciji.
   Proces popunjavanja bilo kojeg od ovih tipova podataka je isti u App Studiju, a dinamički resursi će učiniti trik. Tip resursa se može mijenjati dok se podaci ne popune.

   Hajde da izdamo struktura baze podataka našu aplikaciju. Kada kliknete na dugme "Dodaj zadane kolone", App Studio automatski dodaje standardna potrebna i korišćena polja za skladištenje podataka: Naslov, Podnaslov, ImageUrl, Opis.

   

   Uklanjam polje Podnaslov i dodajem svoje, koristeći dugme "Kreiraj novo":

   

   U "ColumnType" odaberite tip polja - tekst. Boolean Multiline, koji dozvoljava unose u više redova, ostaje u lažnom statusu.

   Ovo završava proces kreiranja strukture baze podataka aplikacije. I počnimo da ga popunjavamo.

   Dugme “Potvrdi” vraća nas u radni prostor “Sadržaj”, gdje možemo vidjeti sve stranice od kojih se aplikacija trenutno sastoji:

   

   U bloku "Katalog vina" pritisnite dugme "Uredi" i idite u režim za uređivanje ovog bloka:

   

   Ova poruka se pojavljuje u pretraživaču kada su na stranici ostale nesačuvane promjene. U tom slučaju kliknite na "Ostani na ovoj stranici", a zatim na dugme "Sačuvaj" u gornjem desnom uglu.

   Ponavljamo korake i ulazimo u mod za uređivanje kolekcije:

   

   Na kartici “Stranice” možete urediti prikaz podataka kako na stranici tako i prilikom odabira kataloške stavke, kao i postaviti izvore podataka koji odgovaraju poljima baze podataka aplikacije – “Vezi”. Broj redova u "Vezi" zavisi od odabranog načina prikaza:

   

   Postavite ove izvore:

   

   I prebacite se na mod za uređivanje prikaza odabranog elementa:

   

   Ovdje ćete opet morati konfigurirati izvore, ali obratimo pažnju na nove postavke - "Dodaci stranica":

   

   Ne zaboravite na dugme "Sačuvaj" i pogledajte karticu Podaci:

   

   Već poznata struktura baze podataka, spremna za uređivanje. Zainteresovani smo da unesemo podatke u aplikaciju, kliknemo "Uredi podatke" i dođemo na sledeću stranicu:

   

   Podaci se mogu dodati ručno popunjavanjem svakog reda nakon kreiranja pomoću "Kreiraj novi". Ali mi ćemo koristiti ugrađenu mogućnost App Studio za učitavanje podataka pomoću datoteke sa .csv ekstenzijom “Uvoz podataka”:

   

   Upozoravamo učitavača da je naš fajl kreiran bez zaglavlja i da možete učitati podatke iz prvog reda.

   Ostaje samo dodati slike:

   

   

   Način pregleda aplikacije na Windows platformi je dostupan klikom na " Windows pregled».

3. Stranica "Proizvodnja vina" će sadržavati video ovog procesa, u ovom slučaju odaberite blok kao što je YouTube:

   

   • Pretraga/Korisnik/Lista za reprodukciju- vrstu zahtjeva po kojem će aplikacija tražiti video;
   • « proizvodnja vina» - sadržaj zahtjeva.
   Rezultat je stranica koja prikazuje YouTube video za dati pojam za pretraživanje:

   

4. "O kreatorima" - kreirat ćemo ovu stranicu koristeći blok tipa "Meni":

   

   Za ovaj blok su dostupna dva načina uređivanja:

   • Standardno uređivanje prikaza podataka na stranici: dugme “Uredi”;
   • Uređivanje stavki menija.
   Uređivanje stavki menija je područje u koje trebate dodati potrebne elemente:

   

   Blok tipa "Menu" može sadržati sve osnovne blokove, kolekcije, kao i element novog tipa "MenuAction":

   

   Radnja za koju je odgovorna ova stavka nakon uređivanja je pisanje pisma kroz aplikacije dostupne na uređaju:

   

   Postavka „MenuAction“ uključuje i druge radnje: telefonski poziv, prelazak na određenu stranicu itd.

   

   Dodajmo telefon na stranicu "O kreatorima" i popunjavanje aplikacije sadržajem je završeno:

   

Dizajn i stil aplikacije

App studio na kartici Teme nudi prilagođavanje teme aplikacije:

• Standardno: tamna, svijetla pozadina;
• Pozadina koju korisnik preferira, uključujući mogućnost postavljanja slike kao "pozadinske slike".

Koristeći prilagođeni stil, također možete prilagoditi boju teksta i standardnu ​​traku aplikacije aplikacije:

Kartica pločice stilizira izgled aplikacije na početnom ekranu, pozadinskoj slici i uvodnom ekranu u pozadini:

Postavite pločicu aplikacije na početnom ekranu:

• flip template– živa pločica;
• Predložak ciklusa– listanje kroz navedenu kolekciju iz aplikacije;
• Šablon ikone- jedna slika sve tri veličine pločica.

Za katalog vina odaberite Flip predložak i prenesite potrebne slike koje odgovaraju navedenim veličinama:

U gornjem levom uglu nalazi se i oblast za postavljanje slike, koja će biti prikazana pored naziva aplikacije, popunite je:

Na kartici Splash & Lock izvršit ćemo iste radnje sa slikama:

Sačuvajte promene i pređite na sledeći korak.

Postavite aplikaciju za objavljivanje u Windows prodavnici

Hajde da analiziramo koje podatke "Objavljivanje informacija" zahteva od nas da pripremimo objavljivanje aplikacije u Windows Store-u, pored razumljivog naslova aplikacije, opisa aplikacije i jezika:

Jedan od uslova za objavljivanje aplikacije u Windows prodavnici je da naziv aplikacije (App Name) bude rezervisan u prodavnici pre nego što se objavi. Naziv aplikacije zadržavamo u Razvojnom centru. Za svako rezervisano (registrovano) ime, prodavnica će dodijeliti vlastiti "Identitet paketa". Korisnik App Studio-a treba da zna ove informacije, ime i ID.

Da bi App Studio generirao poseban paket aplikacije za objavljivanje, potrebno je da popunite "Manifest aplikacije" - manifest aplikacije. Da biste to učinili, "Objavi informacije" pruža sljedeću postavku "Poveži aplikaciju s prodavnicom":

Završna faza rada sa aplikacijom

Aplikacija je spremna - kliknite na "Završi":

Dobijamo mogućnost pregleda aplikacije za bilo koji uređaj.

Funkcija "Generiraj" nudi izbor za koju platformu želite da generišete aplikaciju, mi ćemo izabrati Windows Phone 8.1 i Windows 8.1, što će vam omogućiti da kreirate novi tip aplikacije - univerzalni:

U polju "Tip generiranja" imajte na umu da nam je potreban paket aplikacije za instalaciju na uređaj i paket za objavljivanje. Izvorni kod aplikacije se generira po defaultu.

Dakle, sada možemo preuzeti sve materijale koje pruža App Studio za rad sa kreiranom aplikacijom.

Instaliranje aplikacije na uređaj

Aplikacija kreirana pomoću App Studio-a može se instalirati na uređaj direktno, izvan Windows Store-a, zahvaljujući generisanim "instaliranim paketima".

Šta je potrebno za ovo:

1. Instalirajte certifikat na uređaj:
   • Preuzmite instalacioni paket za sertifikat koji ste dobili u App Studiju, u zavisnosti od uređaja (računar, tablet, telefon);
   • Pokrenite .cer datoteku (tokom instalacije odaberite Lokalni stroj, Postavite sve certifikate u sljedeće spremište: Pouzdani Root certifikacijski autoriteti).
2. Instalirajte aplikaciju na uređaj:
   • Preuzmite pakete koji se mogu instalirati;
   • Pronađite datoteku Add-AppDevPackage1.ps1, kliknite desnim tasterom miša na "Run with PowerShell".

Pristup podacima aplikacija u oblaku

Da biste dodali, uklonili ili uredili podatke uživo za objavljenu aplikaciju, pristupite odgovarajućoj aplikaciji na listi Dashboard u Centru za programere. Otvorite kolekciju i izvršite sve potrebne izmjene. Aplikacija će se automatski ažurirati.

Mogućnosti za razvojne programere

App Studio može biti koristan za profesionalne programere jer pruža izvorni kod za aplikaciju.

Takođe može biti zgodno za programera da kreira strukturu svoje aplikacije koristeći ovaj alat, a zatim koristi Visual Studio 2013 (Ažuriranje 2) da je precizira bez gubljenja vremena na propisivanje osnovnih elemenata.

Zaključak

Ne trebate nikakvo znanje programiranja da biste kreirali aplikaciju u App Studiju, a potpuno je besplatno kreirati aplikaciju i dobiti njen izvorni kod.

Programeri će također biti zainteresirani za korištenje novog alata, na primjer, za smanjenje vremena za razvoj osnovne strukture aplikacije.

Tagovi:

• windows phone
• prozori
• vizuelni studio 2013
• windows store

Dodaj oznake

Zdravo!

Moj zadnji post je davno napisan i vrijeme je da ispravim ovu nesrećnu činjenicu. Danas sam odlučio da razrijedim seriju članaka o Windows Azureu i pričam o još jednoj, ništa manje atraktivnoj platformi Microsofta - Windows Phone.

Kao što verovatno već znate, Microsoftov operativni sistem za mobilne uređaje je na tržištu već duže vreme (od 2010. godine) i danas zauzima jednu od vodećih pozicija, u nekim zemljama zaobilazeći čak i popularni iOS po broju uređaja. prodato. Stoga, mnogi programeri u Rusiji i širom svijeta već uveliko pišu aplikacije za ovaj OS, izvještavajući o odličnoj prodaji i profitu u Windows Store-u.

Početak razvoja aplikacija za Windows Phone je zapravo prilično jednostavan. Ako već znate C# i imate iskustva sa WPF-om ili Silverlight-om, onda možete reći da znate 80% informacija koje su vam potrebne. Činjenica je da je razvojna platforma za Windows Phone prvobitno bila bazirana na Silverlight-u, au verziji WP8 zamijenjena je platformom nešto sličnom njoj, doduše bližom WinRT-u. Dakle, ako ste ikada pisali aplikacije u WPF-u, znate šta je MVVM i čemu služi, onda samo naprijed, pišite aplikacije za Windows Phone.

Ali šta ako niste iskusni programer, ali zaista želite da imate svoju jedinstvenu aplikaciju ovdje i sada koju možete instalirati na svoj telefon i hvaliti se prijateljima? O tome će biti riječi u današnjem članku.

Windows Phone App Studio

Oduvijek sam volio Microsoft jer je svojim programerima pružio vrlo zgodne alate za rad. A u avgustu je Microsoft predstavio svoju novu uslugu, koja će omogućiti svima, čak i onima koji nisu upoznati sa programiranjem uopšte, da kreiraju sopstvenu aplikaciju za Windows Phone. Zove se Windows Phone App Studio.

Koristeći ovu uslugu, možete kreirati punopravnu aplikaciju od nule u samo četiri koraka. Možete postaviti vlastite stilove, slike i podatke, dodati opis i staviti rezultat u trgovinu aplikacija. Međutim, ne morate biti registrirani programer (godišnja pretplata za koju košta 99 USD). Sada svako može besplatno otključati jedan uređaj i preuzeti do dvije vlastite aplikacije kako bi ih testirao.

I sam sam se zainteresovao koje mogućnosti ima ovaj servis i odlučio sam da napravim satelitsku aplikaciju za svoj mini projekat Programming Facts. O tome ću sada detaljno govoriti.

Korak 0.1. Registracija

Da biste počeli da koristite uslugu, potrebno je da registrujete svoj LiveID nalog. Mislim da nema smisla objašnjavati šta je to ako ste ikada koristili bilo koju uslugu od Microsofta. Idemo na web stranicu App Studio i kliknemo dugme Započni izgradnju:

Unesite svoj LiveID login i lozinku i bit ćete prebačeni u sistem za upravljanje vašim aplikacijama. Ako ovo radite prvi put, tada ćete imati praznu listu. Već imam aplikaciju prog_facts u svojoj kolekciji.

Korak 0.2. Izbor vrste aplikacije

Da kreirate svoju prvu aplikaciju, izaberite stavku menija Kreiraj. Biće vam ponuđene dvije opcije - kreirajte aplikaciju koristeći jedan od dostupnih predložaka ili postavite sve od nule.

Postoji mnogo gotovih šablona. Među njima su predlošci za sportske aplikacije (na primjer, za praćenje rezultata vašeg omiljenog tima), porodicu, zabavu i mnoge druge. Kada zadržite pokazivač miša iznad predloška, ​​vidjet ćete njegov kratak opis, a kada odaberete svaki od njih, otvorit će se dodatni prozor koji će vam pokazati kako bi ova aplikacija mogla izgledati.

U mom slučaju, odlučio sam da se ne oslanjam na šablon, već sam kreirao aplikaciju od nule odabirom odgovarajuće stavke menija kreirajte praznu aplikaciju.

Korak 1 Informacije o aplikaciji

Prvi i najlakši korak od četiri koraka za koje nam je obećano kreiranje aplikacije je odgovoran za informacije o budućoj aplikaciji. Morate navesti njegov naziv, kratak opis i odabrati logo. Logo mora biti u PNG formatu i veličine 160×160 piksela.

Obratite pažnju na telefon koji je prikazan na desnoj strani. Uvijek prikazuje vašu aplikaciju sa promjenama koje unesete u nju.

Korak 2. Ispunjavanje sadržajem

Svaka aplikacija kreirana kroz Windows Phone App Studio sastoji se od sekcija. Svaki odjeljak je skup stranica povezanih nekom vrstom logike. Na primjer, podaci koji se mogu prikazati na ovoj stranici. Kreirajmo novu sekciju u kojoj ćemo koristiti RSS feed kao izvor podataka.

Ovdje morate odrediti naziv buduće sekcije, odabrati tip izvora podataka (dostupni su kolekcija, RSS, YouTube video, Flickr slike, Bing pretraga i HTML5 sadržaj) i dati mu ime. Nakon kreiranja odjeljka, doći ćemo do stranice za uređivanje.

Stranica za uređivanje je podijeljena na nekoliko dijelova. U odjeljku Izvor podataka možete upravljati izvorom podataka koji je povezan s ovim odjeljkom. Odjeljak Stranice sadrži listu svih stranica koje pripadaju ovoj sekciji. Možda ćete primijetiti da imamo dvije stranice kreirane po defaultu. Prvi, pod nazivom Blog, je glavna stranica sekcije, koja sadrži unose pročitane sa RSS feed-a. Druga Info stranica je generisana automatski i odgovorna je za prikaz detalja svakog RSS unosa kada ga korisnik odabere sa liste. Za sada ćemo ostaviti stranice odjeljka i prvo urediti izvor podataka. (i ne zaboravite kliknuti na Sačuvaj promjene kako bi odjeljak bio sačuvan u projektu)

Korak 2.1. Izvor podataka

Nakon odabira izvora podataka na prethodnom ekranu, ući ćemo u njegov prozor za uređivanje. Pošto smo odabrali RSS izvorni tip, od nas će biti zatraženo da navedemo URL sa kojeg će se podaci primati. Za ovaj primjer ćemo koristiti RSS feed koji se nalazi na

Čim kliknete na Osvježi i sačuvate rezultate, na glavnoj stranici aplikacije u emulatoru odmah ćete vidjeti da su podaci iz RSS feeda već prikazani u vašoj aplikaciji. Ovo je izuzetno zgodno i korisno, jer odmah možete saznati kako će program izgledati. Na primjer, moj RSS feed ne prilaže slike objavama, tako da App Studio builder umjesto njih zamjenjuje zadane slike, koje izgledaju neprikladno. Hajde da popravimo ovo.

Korak 2.2. Uređivanje izgleda stranice

Odabirom jedne od stranica na stranici „Konfiguriraj sadržaj aplikacije“ u odjeljku Stranice odjeljaka odvest ćete se do njenog prozora za uređivanje. Postoji nekoliko mogućih šablona dostupnih za svaku vrstu stranice. Stranica bloga koju u početku želim popraviti ima prikaz objave i slike postavljene na zadanu vrijednost. Odaberimo prikaz samo za objavljivanje, prilagođavajući naslov stranice usput:

Odmah možete vidjeti kako se aplikacija promijenila. Sada unosi idu jedan za drugim redom, što izgled aplikacije dovodi do minimalističkog stila. Obratite pažnju na polja Naslov stavke i Podnaslov stavke. Umjesto običnog teksta, tu su sada ispisani nejasni izrazi (Podaci.Naslov) i (Podaci.Sažetak). Za one koji su upoznati sa WPF-om, ovo se može uporediti sa povezivanjem podataka. Za ostalo ću objasniti.

Pošto je naš odeljak izgrađen oko izvora podataka, moramo biti u mogućnosti da nekako dobijemo podatke iz ovog izvora. Ovi izrazi samo znače da u odgovarajućim poljima želimo vidjeti informacije primljene iz RSS feeda. Ovdje objekt podataka predstavlja jedan RSS unos, a polja Naslov i Rezime predstavljaju neki specifični dio tog unosa. Ako kliknete na ikonu desno od polja, tada ćete vidjeti cijelu listu dostupnih polja objekta podataka, uključujući informacije o autoru unosa, njegovom datumu, linku i još nekoliko.

Pokušajmo na isti način urediti stranicu sa informacijama. Za njega je dostupan malo drugačiji skup predložaka, među kojima ćemo odabrati najjednostavniji i najprikladniji:

Ova stranica je otprilike ista. Jedina stvar je da se umjesto Data objekta ovdje koristi Context, što je u suštini isto.

Korak 2.3. Dodavanje menija i drugih sekcija

Pored jednostavnih sekcija, možete dodati i takozvani meni u Windows Phone App Studio. Ovo je odeljak koji se sastoji od liste veza ka drugim sekcijama ili eksternim sajtovima. Odlučio sam dodati meni u odjeljke stranice sa video zapisima kako biste uvijek imali brz pristup korisnim informacijama na dohvat ruke. Meni je dodat slično jednostavnom dijelu i njegova konfiguracija nije teška. Zato predlažem da ovo savladate kao domaći zadatak.

Korak 3 Stilovi

Nakon što smo ispunili aplikaciju odjeljcima, stranicama i menijima, prelazimo na razgovor o ljepoti, odnosno stilu. U odeljku 3 „Konfigurisanje stila aplikacije“ moći ćete da konfigurišete osnovnu šemu boja koja će se koristiti u vašoj aplikaciji. Odabrala sam boje koje se koriste na blogu - to je plava i bijela. Tako se aplikacija pokazala svijetlom i ugodnom, iako nema spora oko ukusa.

Boja Accent Brush je odgovorna za to kakva će biti vaša glavna akcentna boja. Odgovoran je za naslov aplikacije. Pozadinski kist, kao što možete pretpostaviti, odgovoran je za boju pozadine. Možete odabrati i sliku ako mislite da je prikladnija od pune boje. Četkica za prednji plan je boja fontova koji će se koristiti za prikaz podataka u vašoj aplikaciji. Pa, četkica trake aplikacije je boja pozadine trake menija prikazane ispod.

Korak 3.1. Pločice

Pločice su suštinski dio svake Windows Phone aplikacije. Oni mogu proširiti vašu aplikaciju omogućavajući korisniku da vidi dodatne informacije bez otvaranja glavnog prozora programa. Naravno, u Windows Phone App Studiju nećete moći da kreirate pametnu pločicu koja može samostalno ažurirati svoj prikaz i odnekud učitavati dodatne podatke. Međutim, možete birati između nekoliko standardnih ponašanja koristeći neke statičke podatke. Na primjer, za aplikaciju glamcoder odabrao sam tip pločice Iconic Template i prikazao kratak opis aplikacije na njoj:

Korak 3.2. Splash and Lock Screens

Ovo su dodatni ukrasi koji će učiniti da vaša aplikacija izgleda elegantnije i prezentabilnije. Slika početnog ekrana je slika koja se prikazuje korisniku dok se vaša aplikacija učitava. Tu je u pravilu uobičajeno postaviti logo vašeg programa ili kompanije kako bi korisniku odmah bilo jasno koju će aplikaciju u ovom trenutku koristiti.

Slika za zaključani ekran - ovo je slika koja će biti prikazana na zaključanom ekranu. Zapravo, nema mnogo praktičnog smisla, jer je ova slika statična u Windows Phone App Studiju i malo je vjerovatno da će korisnik htjeti zamijeniti šarenu Bing pozadinu vašom slikom.

Korak 4. Završno

Pa, stigli smo do poslednje faze - kreiranja naše prve aplikacije za Windows Phone. Na posljednjoj stranici pod nazivom Generiraj čekamo dragocjenu opciju - generiranje paketa koji možemo kasnije instalirati na naš uređaj. Pritisnite veliko dugme Generiraj aplikaciju i pričekajte da magija proradi.

Nakon što je generiranje završeno, vidjet ćete odgovarajuću poruku, kao i nekoliko opcija koje možete izabrati. Prvo ćete dobiti e-mail sa kojeg možete preuzeti svoju aplikaciju. Drugi je da gotovu datoteku paketa možete preuzeti na svoj računar kako biste je kasnije objavili u prodavnici aplikacija. I treća opcija - možete preuzeti izvorne kodove primljene aplikacije kako biste ih uredili. Savjetujem vam da koristite treću metodu. Prvo, daje vam veću fleksibilnost i omogućava vam da pravite promene koje ne možete da uradite u Windows Phone App Studiju. I drugo, i što je najvažnije, moći ćete samostalno razumjeti kod aplikacije, naučiti kako funkcionira, tako da sljedeći put možete sve napisati vlastitim rukama.

Zaključak

Popularnost određenog mobilnog operativnog sistema danas nije određena funkcijama koje on korisnicima pruža iz kutije, već aplikacijama koje su dostupne u trgovini i koje vam omogućavaju da proširite funkcionalnost svakog uređaja do beskonačnosti. Često čujem da ljudi koji nisu baš upoznati sa Windows Phone-om govore da je to zaostao sistem, da za njega ne postoje potrebne aplikacije i slične gluposti. Sve ovo nije istina. Sistem se aktivno razvija, svakim danom sve je više novih, korisnih, a ponekad i ekskluzivnih aplikacija.

Zaista se nadam da će vas ovaj članak inspirisati da napišete svoju prvu Windows Phone aplikaciju. I želim vjerovati da će vam znanje koje steknete pomoći da kreirate novi Instagram ili nove Angry Birds. A da bi se to dogodilo što je prije moguće, idite na razvojni portal za Windows Phone, proučavajte materijale, gledajte video tutorijale, stvarajte.

Sretno i dobre aplikacije!

Počevši od danas, svi programeri mogu doprinijeti prodavnici Windows 10. Ako koristite ovaj operativni sistem, možete kreirati vlastitu aplikaciju za njega. Ne morate se registrovati kao programer, ne morate ga ni objavljivati ​​u trgovini, ali ga možete koristiti sami ili poslati prijateljima.

Kako napraviti aplikaciju za Windows 10?

Idite na lokaciju, prijavite se na svoj Microsoft nalog i prihvatite predložene uslove.

Otvara se početna stranica usluge. Kliknite na "Windows 10" i odaberite "Empty App W10" ispod predložaka.

Osmislite naziv za svoju aplikaciju, unesite ga u odgovarajuće polje i kliknite "Počni s ovom!"

Bićete prebačeni na kontrolnu tablu App Studio. U kartici "Sadržaj" možete popuniti aplikaciju sadržajem sa RSS feeda bilo koje stranice i raznih servisa (Facebook, Twitter, YouTube, Instagram, Flickr itd.). Možete koristiti i HTML kod.

Lokacija sadržaja na stranici aplikacije može se prilagoditi klikom na ikonu za uređivanje na pločici bilo kojeg od blokova. Promjene se ne pohranjuju automatski, pa ponekad kliknite na dugme Sačuvaj.

Na kartici "Teme" možete odabrati bilo koju od unaprijed postavljenih tema ili modificirati postojeću tako da najbolje odgovara vašoj aplikaciji.

Na kartici "Pločice" konfiguriše se živa pločica aplikacije. Možete uploadati ikone u različitim veličinama.

Kartica "Postavke" je konačna. U njemu možete odabrati jezik aplikacije, dodati opis, povezati projekat sa svojim računom programera i aktivirati oglase.

U svakom trenutku možete vidjeti kako će vaša aplikacija izgledati i raditi na pametnom telefonu, tabletu i računaru. Ako trebate napraviti promjene, vratite se na bilo koju karticu i uredite sadržaj.

Kada je aplikacija spremna, kliknite na "Generiraj". App Studio će kreirati instalacioni fajl i obezbediti izvorni kod koji se može otvoriti u ozbiljnijem alatu - Visual Studio.

Preuzmite arhivu sa aplikacijom na svoj računar, raspakujte je u neki folder, ali nemojte žuriti da je pokrenete.

Preuzmite root certifikat sa Microsoft web stranice i instalirajte ga. Zatim idite na meni "Ažuriranje i sigurnost" postavki uređaja i u odjeljku "Za programere" omogućite "Režim za programere".

Otvorite fasciklu aplikacije u File Exploreru, kliknite desnim tasterom miša na datoteku Add-AppDevPackage, a zatim na "Pokreni sa PowerShell-om". Ako se aplikacija ne instalira prvi put, pokušajte drugi put, trebalo bi da radi. Nakon uspješne instalacije, pojavit će se na listi svih instaliranih aplikacija u start meniju. Možete pokrenuti i koristiti.