Cum să creați prima aplicație pentru Windows Phone. Un exemplu de dezvoltare folosind designerul Microsoft App Studio. Cum se creează o aplicație pentru Windows Phone
Salutare tuturor! Probabil ai auzit deja vestea că în primele 4 săptămâni Peste 75 de milioane de oameni au instalat deja Windows 10. În acest context, suntem deosebit de încântați să vă împărtășim un articol introductiv de la Arseny Pechenkin de la DataArt despre cum să începeți dezvoltarea celor mai bune zece aplicații.
Pentru cei care nu sunt siguri dacă să instaleze sau nu Windows 10 pe mașina lor preferată, oferim o scurtă prezentare generală a materialelor despre platformă, instrumente de dezvoltare și funcții noi disponibile la dezvoltarea aplicațiilor.
Cred că toată lumea știe deja de unde și cum să-și obțină copia Windows 10 - nu ne vom opri asupra acestui punct. Instalarea este similară cu instalarea Windows 8. Dacă intenționați să actualizați sistemul, vă recomand insistent să faceți o copie de rezervă a fișierelor de pe unitatea de sistem.
Instrumente
Ce instrumente de dezvoltare pot folosi? Veți avea nevoie de un nou MS Visual Studio 2015. Visual Studio 2015 Community Edition și edițiile cu plată Professional și Enterprise sunt disponibile în prezent.
Cu ceva timp în urmă, aproape toate secțiunile despre dezvoltare pentru Windows 10 au condus la secțiuni despre dezvoltare pentru Windows 8.1, dar după lansare documentația este actualizată treptat (ținând cont de faptul că platforma UWP pentru Windows 10 este o dezvoltare a WinRT).
Curs online la Microsoft Virtual Academy
Pentru cei care preferă un format audio-vizual de cunoaștere a platformei, există un curs introductiv: A Developer's Guide to Windows 10.Cursul acoperă principalele caracteristici ale platformei, modelele și instrumentele disponibile pentru crearea aplicațiilor Windows. Sunt luate în considerare mai multe scenarii de bază care sunt implementate în aplicație: lucrul cu o cantitate mică de memorie, executarea sarcinilor în fundal, comunicarea între dispozitive, gestionarea fișierelor și a datelor și metode de interacțiune cu utilizatorul.
Deblocarea licenței și a dispozitivului
Ca și în cazul dezvoltării pentru Windows 8/8.1, va fi necesară o licență de dezvoltator. Aceasta este similară cu Licența de dezvoltator Windows 8/8.1 atunci când creați primul proiect direct în Visual Studio (acesta nu este același cu un cont de publicare în magazin). Pentru a instala aplicații pe dispozitivele dvs., nu uitați să le deblocați:
Aplicații universale
Ce este nou pentru dezvoltator? S-a anunțat că aplicația universală poate fi rulată pe orice platformă Windows 10. Aceasta este implementată printr-un sistem de diverse API-uri. Adică, există un strat API comun tuturor platformelor (Universal Windows Platform, UWP). Dacă aplicația își folosește numai capacitățile, va funcționa pe toate platformele cu UWP.
Dacă trebuie să utilizați capacități specifice platformei (de exemplu, lucrul cu butoanele hardware pe un smartphone), atunci puteți utiliza API-urile corespunzătoare prin extensii de platformă. Această funcționalitate va funcționa numai pe platformele care au aceste API-uri, așa că verificările pentru disponibilitatea metodelor și claselor corespunzătoare trebuie să fie integrate în cod.
Șabloane
Din cutie în Visual Studio, avem acces la un singur șablon de proiect, Blank App.
Acesta este un proiect de aplicație universală Windows cu o singură pagină care nu are controale sau structură predefinite.
Pe lângă șablonul standard, puteți găsi șabloane de la comunitatea de dezvoltatori.
Colecția include în prezent următoarele șabloane de proiect:
- Blank App, un proiect XAML de bază pe o singură pagină. Similar cu aplicația standard Blank inclusă în SDK-ul Windows 10, dar fără telemetrie Application Insights.
- SplitView App, un proiect de aplicație cu mai multe pagini cu control adaptiv SplitView.
- Composition App, un proiect care nu folosește biblioteca de componente standard, ci folosind API-ul Windows.UI.Composition,
- Aplicația Composition XAML, un proiect care utilizează XAML și API-ul Windows.UI.Composition.
Exemple
Pentru a vă facilita începerea cu platforma UWP, Microsoft a pregătit o colecție tot mai mare de mostre: Când instalați Windows Phone Developer Tools, primiți următoarele instrumente și componente gratuite.- Emulator Windows Phone
- Software-ul Zune
- XNA Game Studio 4.0
- Silverlight
- .NET Framework 4
Expression Blend pentru Windows Phone
Expression Blend pentru Windows Phone este un software de design care vă permite să creați și să adăugați caracteristici vizuale speciale, cum ar fi gradienți, animații și tranziții. Pentru unele sarcini, Expression Blend este mai ușor de utilizat decât Visual Studio. Următoarea listă conține câteva sarcini care sunt ușor de realizat folosind Expression Blend.- Creați vizual șabloane de date
- Utilizați datele de testare în timpul dezvoltării pentru a vizualiza modelele de date
- Comenzi vizuale pentru stil
- Crearea și vizualizarea animației
Notă:
Acest articol descrie lucrul în Visual Studio 2010 Express pentru Windows Phone și nu va folosi Expression Blend pentru Windows Phone.
Visual Studio 2010 Express pentru Windows Phone
Visual Studio 2010 Express pentru Windows Phone include un designer de tip drag-and-drop care simulează aspectul unui telefon, un editor de cod și un depanator. Dacă ați lucrat cu Visual Studio pentru a dezvolta alte tipuri de aplicații, veți găsi mediul de dezvoltare a aplicațiilor mobile foarte familiar. Următoarea imagine arată aspectul Visual Studio 2010 Express pentru Windows Phone.
Designerul Windows Phone include o casetă de instrumente, vizualizare Design, vizualizare XAML, Solution Explorer și fereastră Proprietăți similare cu designerul standard Visual Studio. Cele două diferențe cheie sunt că, în modul design, suprafața arată ca un dispozitiv Windows Phone și există un dispozitiv țintă care vă permite să alegeți dacă doriți să depanați aplicația pe dispozitiv sau un emulator. Următoarea imagine arată aspectul emulatorului în orientare portret și peisaj.
Ghid de proiectare
Este important să cunoașteți principiile stabilite de proiectare a interfeței dacă intenționați să publicați aplicația Windows Phone în App Hub. Ghidurile de proiectare descriu cum să proiectați interfața cu utilizatorul pentru aplicația dvs.Următorul tabel oferă un rezumat al principiilor de bază de proiectare a interfeței și al cerințelor aplicației pe care trebuie să le luați în considerare atunci când proiectați și dezvoltați aplicația. O listă completă și actualizată a ghidurilor de proiectare a interfeței poate fi găsită la următorul link.
Ghid de proiectare și interacțiune a interfeței de utilizator pentru Windows Phone 7
| Categorie | Ghid de proiectare |
|---|---|
| Navigare, cadre și pagini |
|
| Panoul de aplicații |
|
| Butonul Înapoi |
|
| Orientarea ecranului |
|
| Teme |
|
| Setările aplicației |
|
| Introducere prin atingere |
|
| Tastatură pe ecran |
|
| Controale Canvas și Grid |
|
| Controale Panorama și Pivot |
|
| Text |
|
Resurse aditionale
Mai jos sunt câteva link-uri către resurse suplimentare pentru a afla mai multe despre dezvoltarea Windows Phone.| Resursă | Descriere |
|---|---|
| Windows Phone App Hub | Documentație suplimentară, mostre de cod și comunitatea de dezvoltare Windows Phone. |
| Documentația de dezvoltare Windows Phone | Documentație oficială pentru dezvoltarea Windows Phone pe MSDN. |
| Documentația Silverlight | Documentație oficială pentru Silverlight și Silverlight pentru Windows Phone pe MSDN. |
| Exemple de cod pentru Windows Phone | Exemple de cod descărcabile care completează documentația Windows Phone. |
| Pornire rapidă Windows Phone | O colecție de articole scurte care demonstrează provocările și oportunitățile de dezvoltare pentru Windows Phone. |
| Ghidul pentru dezvoltatori Windows Phone | Un ghid pentru dezvoltatori care descrie povestea unei companii fictive care a decis să folosească Windows Phone 7 ca dispozitiv client pentru o aplicație cloud existentă. |
| Blogul pentru dezvoltatori Windows Phone | Un blog care conține informații și anunțuri actualizate direct de la echipa Windows Phone. |
| Dezvoltare Windows Phone 7 pentru începători absoluti | O serie de videoclipuri pentru începători absoluti care nu necesită abilități de programare. |
| Windows Phone 7 Jump Start | O serie de videoclipuri pentru dezvoltatorii nou în dezvoltarea Windows Phone folosind Silverlight sau XNA. |
| Curs de instruire Windows Phone 7 | Videoclipuri și tutoriale practice despre dezvoltarea pentru Windows Phone folosind Silverlight sau XNA. |
| .trusa de scule | Tutoriale și alte resurse pentru designeri pentru a învăța cum să proiecteze o aplicație Windows Phone. Include tutoriale despre Expression Blend. |
| Blogul Jeff Wilcox | Blog despre Silverlight, Silverlight Toolkit și Silverlight pentru Windows Phone. Jeff Wilcox este un dezvoltator de software principal la Microsoft în echipa Silverlight. |
| Blogul Jeff Prosise | Un blog despre diverse domenii ale programării .NET, inclusiv Silverlight și Windows Phone. Jeff Prosise este un programator experimentat și unul dintre fondatorii Wintellect. |
Înainte de a începe procesul de dezvoltare a aplicațiilor pentru telefoanele mobile care rulează pe , ar trebui să pregătiți instrumente speciale, fără de care va fi imposibil să finalizați etapele ulterioare.
Pregătirea pentru dezvoltare necesită următorul software:
- Visual Studio2010
Acest software oferă posibilitatea de a utiliza pe deplin depanarea. Este de remarcat faptul că amânări similare sunt utilizate pentru versiunile desktop de Windows.
- Amestecul de expresie
Software-ul este un designer vizual, datorită căruia puteți lucra cu ușurință cu straturi, tot felul de șabloane, stiluri de design și animații. Expression Blend4 pentru WindowsPhone este disponibil ca descărcare gratuită. Merită remarcat faptul că Expression Blend este o bază pentru XAML.
- WindowsPhone SDK
Cu acest pachet puteți începe procesul de dezvoltare.
- Emulator WindowsPhone
Vă permite să creați aplicații într-un emulator cu Internet Explorer9 încorporat, echipat cu HTML5. De asemenea, îl puteți folosi pentru a testa apeluri și trimiteri de SMS-uri, precum și pentru a accepta multe funcții utile, inclusiv multi-touch pe monitoare și simularea camerei. Serviciile de geolocalizare sunt disponibile pentru utilizare. Cu toate acestea, acest emulator nu acceptă conținutul media Zune.
- XNA Game Studio4.0
Datorită acestui software, puteți dezvolta jocuri atât pentru console, PC-uri, cât și pentru WindowsPhone. Bibliotecile XNA Framework sunt o piesă importantă de software care se caracterizează prin cod gestionat.
Software suplimentar
Instrumentele suplimentare pentru dezvoltatori includ următoarele:
- Instrument de înregistrare pentru dezvoltatori WindowsPhone.
- WindowsPhone Profiler. Ajută la detectarea problemelor de performanță.
- Setul de instrumente Silverlight pentru WindowsPhone.
Caracteristicile mediului de dezvoltare
Odată ce toate instrumentele necesare sunt instalate, dezvoltatorii vor avea acces la numeroase șabloane de aplicații Silverlight pentru WindowsPhone. Acest software include atât un set complet de componente tehnologice pentru dezvoltare, cât și interfața de utilizare în stil Windows 8, care este o interfață eficientă și un concept de proiectare a sistemului care vă permite să interacționați cu utilizatorul la un nivel înalt. Cu ajutorul lui, poți crea un stil memorabil și original, care va face cu adevărat aplicația să iasă în evidență printre multe altele din magazin.
Există trei șabloane care reprezintă trei stiluri diferite concepute pentru WindowsPhone:
- Primul șablon se numește Aplicație WindowsPhone, care este un exemplu comun de aplicație conversațională. Interacțiunea cu utilizatorii se realizează folosind un singur ecran.
- Aplicația WindowsPhone Pivot este creată ca o aplicație care conține marcaje. Fiecare dintre marcaje are propriul titlu, prin care puteți determina conținutul. Pivotul este folosit ca element de control.
- Aplicația WindowsPhone Panorama are un sistem unic de interacțiune cu utilizatorii, care se realizează prin zone împărțite în panouri cu defilare orizontală. Acest șablon se caracterizează prin plasarea unei imagini de fundal în întreaga panoramă. Conținutul plasat pe panoul adiacent din partea dreaptă poate fi văzut atunci când este afișat cel curent. Panorama este un element de management.
Este de remarcat faptul că șabloanele al căror nume se termină cu Agent sunt șabloane pentru biblioteci speciale al căror scop principal este acela de a efectua diverse sarcini de fundal. Există, de asemenea, un număr mare de diferite alte șabloane care joacă un rol important în procesul de dezvoltare a diferitelor aplicații mobile.
Puteți afla mai multe despre dezvoltarea aplicațiilor pentru Windows Phone .
Ultima actualizare: 31.10.2015
Să lansăm Visual Studio Express 2013 pentru Windows. Selectați Fișier->Proiect nou... din meniu. În fața noastră se va deschide fereastra de creare a proiectului:
În partea stângă a ferestrei, selectați Visual C#->Store Apps->Windows Phone Apps. Și printre șabloanele pentru noul proiect, selectați Blank App (Windows Phone), dați un nume proiectului, de exemplu, numiți-l HelloApp. Și faceți clic pe OK.
Și Visual Studio va crea un nou proiect:
Un proiect șablon de aplicație necompletat are următoarele noduri în mod implicit:
Directorul Assets care conține fișierele imagine care vor fi utilizate
App.xaml și App.xaml.cs - fișierul de resurse ale aplicației în xaml și, respectiv, fișierul de cod al aplicației în C#
MainPage.xaml și MainPage.xaml.cs - fișierul GUI al ferestrei aplicației și, respectiv, fișierul cod al ferestrei în C#
Package.appxmanifest - fișierul manifest al aplicației
În această etapă incipientă, fișierele sunt de valoare pentru noi. MainPage.xamlȘi MainPage.xaml.cs. Să deschidem fișierul MainPage.xaml, care reprezintă interfața grafică:
În stânga, sub formă de telefon, vom avea o fereastră de graphic designer. În dreapta este fereastra de aspect al interfeței grafice în xaml. Interfața grafică în acest caz este reprezentată de clasa MainPage, care este o pagină separată. Toate modificările pe care le facem interfeței vor fi afișate imediat în designerul grafic, ceea ce ne va oferi o înțelegere vizuală a modului în care va arăta totul în cele din urmă.
Să presupunem că aplicația noastră va calcula suma depozitului după ce a fost calculată dobânda. Pentru a face acest lucru, avem nevoie de un câmp pentru introducerea sumei depozitului, un câmp pentru afișarea rezultatului și un buton cu care vom iniția calculele sumei totale. Deci, să schimbăm codul fișierului MainPage.xaml in felul urmator:
Folosind atributele elementului, le setăm aspectul și poziționarea. De exemplu, folosind atributul Margin, puteți seta marginile de la marginea exterioară. Vom vorbi mai detaliat despre atribute și alte elemente ale limbajului xaml mai târziu.
După adăugarea elementelor și a atributelor acestora, fereastra designerului se va actualiza automat:
Acum să schimbăm codul butonului după cum urmează:
Folosind expresia Click="button1_Click" am adăugat un handler pentru evenimentul Click. Astfel, când se face clic pe butonul, metoda button1_Click se va declanșa. Acum să definim această metodă.
Să deschidem fișierul MainPage.xaml.cs, care conține logica paginii. Implicit are urmatorul cod:
Utilizarea sistemului; folosind System.Collections.Generic; folosind System.IO; folosind System.Linq; folosind System.Runtime.InteropServices.WindowsRuntime; folosind Windows.Foundation; folosind Windows.Foundation.Collections; folosind Windows.UI.Xaml; folosind Windows.UI.Xaml.Controls; folosind Windows.UI.Xaml.Controls.Primitives; folosind Windows.UI.Xaml.Data; folosind Windows.UI.Xaml.Input; folosind Windows.UI.Xaml.Media; folosind Windows.UI.Xaml.Navigation; namespace HelloApp (clasa parțială publică sigilată MainPage: Page ( public MainPage() ( this.InitializeComponent(); this.NavigationCacheMode = NavigationCacheMode.Required; ) protected override void OnNavigatedTo(NavigationEventArgs e) ( ) ) )
Să adăugăm o nouă metodă la clasa MainPage:
Private void button1_Click(sender object, RoutedEventArgs e) ( capital dublu; if(Double.TryParse(textBox1.Text,out capital)) ( capital+=capital * 0,12; textBlock1.Text = capital.ToString() + „dolari”; ) else ( textBlock1.Text="Valoare nevalidă"; ) )
În metodă, primim valoarea introdusă în câmpul text și încercăm să o convertim în tipul dublu. Dacă transformarea are succes, afișăm rezultatul unor calcule simple.
Hai să-l rulăm:
La lansare putem alege unde vom testa aplicația – pe un dispozitiv real sau pe un emulator. În cazul meu, rulez aplicația pe un smartphone real, așa că selectez Dispozitiv din lista derulantă. Cu toate acestea, puteți alege unul dintre emulatori dacă sunt deja instalați.
Când rulați o aplicație pe un smartphone, este important ca smartphone-ul să nu fie într-o stare blocată. Deci, hai să alergăm:
Introduceți un număr în câmpul de text și faceți clic pe butonul:
Când testați prin intermediul unui smartphone, este important să rețineți că, atunci când este lansată, aplicația este instalată automat pe telefon și o putem găsi în lista tuturor aplicațiilor:
Și dacă este necesar, mai târziu, după deconectarea de la computer, îl putem și porni sau șterge.
Aceasta finalizează crearea primei aplicații.
Salutare tuturor!
Ultima mea postare a fost scrisă cu mult timp în urmă și este timpul să corectez acest fapt trist. Astăzi am decis să despart seria de articole despre Windows Azure și să vorbesc despre o altă platformă, nu mai puțin atractivă, de la Microsoft - Windows Phone.
După cum probabil știți deja, sistemul de operare pentru dispozitive mobile de la Microsoft este pe piață de mult timp (din 2010) și astăzi ocupă una dintre pozițiile de frunte, în unele țări depășind chiar și popularul iOS ca număr de aparate vândute. Prin urmare, mulți dezvoltatori atât din Rusia, cât și din întreaga lume scriu deja aplicații pentru acest sistem de operare cu putere și principal, raportând vânzări și profituri excelente în Magazinul Windows.
Începeți să dezvoltați aplicații pentru Windows Phone este de fapt destul de ușor. Dacă știți deja C# și aveți experiență cu WPF sau Silverlight, atunci puteți spune că știți 80% din informațiile necesare. Cert este că platforma de dezvoltare pentru Windows Phone s-a bazat inițial pe Silverlight, iar în versiunea WP8 a fost înlocuită cu o platformă oarecum asemănătoare acesteia, deși mai apropiată de WinRT. Deci, dacă ați scris vreodată aplicații în WPF, știți ce este MVVM și pentru ce este necesar, apoi scrieți aplicații pentru Windows Phone.
Dar dacă nu ești un dezvoltator cu experiență, dar chiar vrei să ai propria ta aplicație unică aici și acum, pe care să o poți instala pe telefon și să o arăți prietenilor tăi? Acesta este ceea ce vom discuta în articolul de astăzi.
Windows Phone App Studio
Întotdeauna am iubit Microsoft, deoarece oferă utilizatorilor și dezvoltatorilor săi instrumente foarte convenabile pentru muncă. Și în august, Microsoft a prezentat noul său serviciu, care va permite oricui, chiar și celor care nu sunt deloc familiarizați cu programarea, să își creeze propria aplicație pentru Windows Phone. Se numește Windows Phone App Studio.
Cu acest serviciu, puteți crea o aplicație cu drepturi depline de la zero în doar patru pași. Puteți să vă setați propriile stiluri, imagini și date, să adăugați o descriere și să încărcați rezultatul în magazinul de aplicații. Cu toate acestea, nu trebuie să fiți un dezvoltator înregistrat (un abonament anual costă 99 USD). Acum toată lumea poate debloca un dispozitiv gratuit și poate descărca până la două dintre propriile aplicații pentru a le testa.
Eu însumi am devenit interesat de ce capabilități are acest serviciu și am decis să creez o aplicație însoțitoare pentru mini-proiectul meu Facts about Programming. Vă voi spune acum despre asta în detaliu.
Pasul 0.1. Înregistrare
Pentru a începe să utilizați serviciul, trebuie să vă înregistrați propriul cont LiveID. Cred că nu are rost să explic ce este dacă ați folosit vreodată vreun serviciu de la Microsoft. Accesați site-ul web App Studio și faceți clic pe butonul Start Building:
Introduceți numele și parola LiveID și veți fi dus la sistemul de management al aplicațiilor dvs. Dacă este prima dată când faci asta, vei avea o listă goală. Am deja aplicația prog_facts în colecția mea.
Pasul 0.2. Selectarea unui tip de aplicație
Pentru a crea prima aplicație, trebuie să selectați elementul de meniu Creare. Vi se vor oferi două opțiuni - creați o aplicație folosind unul dintre șabloanele disponibile sau configurați totul de la zero.
Există o mulțime de șabloane gata făcute. Printre acestea există șabloane pentru aplicații legate de sport (de exemplu, pentru a urmări rezultatele echipei preferate), familie, divertisment și multe altele. Când treceți cu mouse-ul peste un șablon, veți vedea o scurtă descriere a acestuia, iar când selectați fiecare dintre ele, se va deschide o fereastră suplimentară, care va demonstra cum poate arăta această aplicație.
În cazul meu, am decis să nu mă bazez pe un șablon, ci am creat aplicația de la zero selectând elementul de meniu corespunzător creați o aplicație goală.
Pasul 1: Informații despre aplicație
Primul și cel mai simplu pas dintre cei patru pentru care ni s-a promis să creăm o aplicație este responsabil pentru informațiile despre viitoarea aplicație. Va trebui să furnizați numele acestuia, o scurtă descriere și să selectați un logo. Sigla trebuie să fie în format PNG și să aibă o dimensiune de 160x160 pixeli.
Observați numărul de telefon afișat în dreapta. Îți arată întotdeauna aplicația cu modificările pe care le faci.
Pasul 2. Umplerea cu conținut
Fiecare aplicație creată prin Windows Phone App Studio constă din secțiuni. Fiecare secțiune este un set de pagini interconectate printr-un fel de logică. De exemplu, datele care pot fi afișate pe această pagină. Să creăm o nouă secțiune în care vom folosi un feed RSS ca sursă de date.
Aici trebuie să setați numele secțiunii viitoare, să selectați tipul sursei de date (colecția, RSS, videoclipuri YouTube, imagini Flickr, căutare Bing și conținut HTML5 sunt disponibile) și să îi dați un nume. După crearea unei secțiuni, vom fi direcționați către pagina de editare.
Pagina de editare este împărțită în mai multe părți. În secțiunea Sursă de date, puteți gestiona sursa de date care este asociată cu această secțiune. Secțiunea Pagini conține o listă cu toate paginile care aparțin secțiunii. Veți observa că am creat două pagini în mod implicit. Prima, numită Blog, este pagina principală a secțiunii, care conține intrări citite din fluxul RSS. A doua pagină Info a fost generată automat și este responsabilă pentru afișarea detaliilor fiecărei intrări RSS atunci când utilizatorul o selectează din listă. Vom părăsi paginile secțiunilor pentru moment și vom edita mai întâi sursa de date. (și nu uitați să faceți clic pe Salvare modificări, astfel încât secțiunea să fie salvată în proiect)
Pasul 2.1. Sursă de date
După ce am selectat o sursă de date pe ecranul anterior, vom fi duși la fereastra pentru editare. Deoarece am selectat tipul sursei RSS, ni se va cere să specificăm adresa URL de la care vor fi primite datele. Pentru acest exemplu, vom folosi fluxul RSS situat la
De îndată ce faceți clic pe Refresh și salvați rezultatele, pe pagina principală a aplicației din emulator veți vedea imediat că datele din fluxul RSS sunt deja afișate în aplicația dvs. Acest lucru este extrem de convenabil și util, deoarece puteți afla imediat cum va arăta programul. De exemplu, feedul meu RSS nu atașează imagini la postări, așa că generatorul App Studio înlocuiește imaginile implicite care par deplasate. Să reparăm asta.
Pasul 2.2. Editarea aspectului unei pagini
Selectând una dintre paginile din pagina „Configurați conținutul aplicației” din secțiunea Pagini de secțiune, veți fi dus la fereastra pentru editarea acesteia. Există mai multe șabloane posibile disponibile pentru fiecare tip de pagină. Pentru pagina Blog, pe care vreau să o repar inițial, este setată vizualizarea implicită pentru afișarea postărilor și a imaginilor. Să selectăm o vizualizare cu numai postări, ajustând în același timp titlul paginii:
Puteți vedea imediat cum s-a schimbat aplicația. Acum intrările merg una după alta secvenţial, ceea ce aduce aspectul aplicaţiei la un stil minimalist. Merită să acordați atenție câmpurilor Titlu articol și Subtitlu articol. În loc de text simplu, acolo sunt scrise acum expresii de neînțeles (Data.Title) și (Data.Summary). Pentru cei familiarizați cu WPF, acest lucru poate fi comparat cu Data Binding. Pentru alții, le voi explica.
Deoarece secțiunea noastră este construită în jurul Sursei de date, trebuie să putem obține cumva date din această sursă. Aceste expresii înseamnă doar că în câmpurile corespunzătoare dorim să vedem informațiile primite din fluxul RSS. Aici obiectul Date reprezintă o postare din RSS, iar câmpurile Titlu și Rezumat reprezintă o parte specifică a acestei postări. Dacă dați clic pe pictograma din dreapta câmpului, veți vedea întreaga listă de câmpuri disponibile ale obiectului Date, printre care se află informații despre autorul intrării, data acesteia, linkul și mai multe.
Să încercăm să edităm pagina de informații în același mod. Pentru acesta este disponibil un set ușor diferit de șabloane, dintre care vom alege pe cel mai simplu și mai potrivit:
Totul pe această pagină este aproximativ la fel. Singurul lucru este că în loc de un obiect de date, aici este folosit Context, care este în esență același.
Pasul 2.3. Adăugarea de meniuri și alte secțiuni
Pe lângă secțiunile simple, puteți adăuga un așa-numit meniu la Windows Phone App Studio. Aceasta este o secțiune care constă dintr-o listă de link-uri către alte secțiuni sau site-uri externe. Am decis să adaug un meniu la secțiunile video ale site-ului, astfel încât să aveți întotdeauna acces rapid la informații utile la îndemână. Adăugarea unui meniu este similară cu o secțiune simplă și configurarea acestuia nu este dificilă. Așa că vă sugerez să stăpâniți asta ca temă pentru acasă.
Pasul 3. Stiluri
După ce am completat aplicația cu secțiuni, pagini și meniuri, trecem la a vorbi despre frumusețe, și anume stil. În Secțiunea 3 „Configurați stilul aplicației” veți putea configura schema de culori de bază care va fi utilizată în aplicația dvs. Am ales culorile care sunt folosite in blog - albastru si alb. Astfel, aplicația s-a dovedit a fi ușoară și plăcută, deși nu există nicio ceartă în privința gusturilor.
Culoarea Pensiei de accent determină care va fi culoarea ta principală de accent. Este responsabil pentru antetul aplicației. Pensula de fundal, după cum ați putea ghici, este responsabilă pentru culoarea de fundal. De asemenea, puteți alege o imagine dacă credeți că este mai potrivită decât o umplere de culoare solidă. Foreground Brush este culoarea fonturilor care vor fi utilizate pentru afișarea datelor în aplicația dvs. Ei bine, Application Bar Brush este culoarea de fundal a barei de meniu afișată în partea de jos.
Pasul 3.1. Placi
Tiles-urile sunt parte integrantă a oricărei aplicații pentru Windows Phone. Acestea vă pot îmbunătăți aplicația, permițând utilizatorului să vadă informații suplimentare fără a deschide fereastra principală a programului. Desigur, în Windows Phone App Studio nu veți putea crea o placă inteligentă care să-și actualizeze în mod independent aspectul și să încarce date suplimentare de undeva. Cu toate acestea, puteți alege dintre mai multe comportamente standard folosind unele date statice. De exemplu, pentru aplicația glamcoder am selectat tipul de plăci Iconic Template și voi afișa pe ea o scurtă descriere a aplicației:
Pasul 3.2. Ecrane Splash și Lock
Acestea sunt decorațiuni suplimentare care vor face aplicația dvs. să arate mai elegantă și mai prezentabilă. O imagine Splash Screen este o imagine care este afișată utilizatorului în timp ce aplicația dvs. se încarcă. Acolo, de regulă, este obișnuit să plasați sigla programului sau companiei dvs. pentru a clarifica imediat utilizatorului ce aplicație va folosi în acest moment.
Imaginea Ecran de blocare este imaginea care va fi afișată pe ecranul de blocare. De fapt, nu există un sens practic special în ea, deoarece această imagine este statică în Windows Phone App Studio și este puțin probabil ca utilizatorul să dorească să înlocuiască imaginea de fundal colorată Bing cu imaginea dvs.
Pasul 4. Final
Ei bine, am ajuns la ultima etapă - crearea primei noastre aplicații pentru Windows Phone. Pe ultima pagină numită Generare, ne așteaptă opțiunea prețuită - pentru a genera un pachet pe care ulterior îl putem instala pe dispozitivul nostru. Faceți clic pe butonul mare Generare aplicație și așteptați ca magia să funcționeze.
După ce generarea este finalizată, veți vedea un mesaj corespunzător, precum și mai multe opțiuni din care să alegeți. În primul rând, veți primi un e-mail din care vă puteți descărca aplicația. În al doilea rând, puteți descărca fișierul pachetului finalizat pe computer și apoi îl puteți publica în magazinul de aplicații. Și a treia opțiune este că puteți descărca codurile sursă ale aplicației rezultate pentru a le edita. Vă sfătuiesc să utilizați a treia metodă. În primul rând, acest lucru vă va oferi mai multă flexibilitate și veți putea face modificări care nu pot fi făcute în Windows Phone App Studio. Și în al doilea rând, și acesta este cel mai important lucru, veți putea înțelege în mod independent codul aplicației, să studiați cum funcționează, astfel încât data viitoare să puteți scrie totul singur.
Concluzie
Popularitatea unui anumit sistem de operare mobil în zilele noastre este determinată nu de funcțiile pe care le oferă utilizatorilor în sine, ci de aplicațiile care sunt disponibile în magazin și care vă permit să extindeți funcționalitatea fiecărui dispozitiv pe termen nelimitat. Aud adesea oameni care sunt mai puțin familiarizați cu Windows Phone spunând că este un sistem înapoi, că nu există aplicații necesare pentru el și prostii asemănătoare. Nimic din toate acestea nu este adevărat. Sistemul se dezvoltă activ, în fiecare zi apar din ce în ce mai multe aplicații noi, utile și uneori chiar exclusive.
Sper cu adevărat că acest articol vă va inspira să vă scrieți prima aplicație Windows Phone. Și vreau să cred că cunoștințele pe care le dobândești te vor ajuta să creezi un nou Instagram sau un nou Angry Birds. Și pentru ca acest lucru să se întâmple cât mai devreme posibil, accesați portalul de dezvoltare pentru Windows Phone, studiați materiale, urmăriți tutoriale video și creați.
Succes și aplicații bune pentru tine!
