Începuturile programării Metro: cea mai simplă aplicație în stil Metro (Partea 1). Instalare și actualizare. Totuși, nu este totul rău

În Windows 8, am descoperit că cel mai bun lucru despre noua interfață revoluționară Metro este că nu trebuie să o folosești. :) Disponibil in Magazin Windows aplicațiile nu sunt cu adevărat concepute pentru Munca zilnicași sunt cu un ordin de mărime inferioare față de omologii lor desktop în funcție de funcționalitate și comoditate. Dar printre aplicațiile de divertisment există câteva exemple foarte interesante pe care am dori să vă prezentăm.

Principalul avantaj al aplicațiilor în stil Metro este designul lor corporativ, prezența modul ecran întreg, de mare vitezăşi scăzută Cerințe de sistem. Comutarea între aplicațiile obișnuite și cele de metrou are loc de obicei aproape instantaneu, cu un singur clic. Instrumentele prezentate sunt excelente pentru a crea diverse aplicații de informații, divertisment și jocuri. Astfel, atunci când lucrați în Windows 8, este destul de logic să folosiți Desktop-ul obișnuit pentru muncă și interfața Metro pentru relaxare, jocuri și lectură. Să ne uităm la cele mai bune programe disponibile în prezent pentru carcasa Metro.

Se afișează această aplicație meteorologică nativă Windows 8 Detalii despre vremea in locul tau, insotit de fotografii frumoase si diagrame. Pe lângă starea vremii actuale, vei afla prognoza pe 15 zile, poți să te uiți la imagini din satelit cu condițiile norilor, statistici meteo pentru anii trecuți și multe altele.

SketchBook Express

Această minunată aplicație de la Autodesk îi va interesa pe toți utilizatorii care iubesc și știu să deseneze. Cu ajutorul acestuia puteți crea atât schițe simple, cât și opere de artă finisate complexe. Pentru asta ni se asigură toate set necesar unelte, inclusiv o varietate de perii, creioane, radiere, umpluturi și multe altele.

Air Socer

Acesta este un joc simplu, dar incredibil de interesant, care este un tip de fotbal pe un teren aerian. Este posibil atât jocul individual, cât și în comun.

Big Picture este una dintre cele mai autorizate publicații, uimind în mod regulat întreaga lume cu reportaje foto spectaculoase despre cele mai subiecte diferite. O aplicație specială de metrou vă permite nu numai să vizualizați o serie de fotografii, ci și să citiți legendele acestora și chiar să le salvați pe hard disk.

O aplicație specială dintr-o publicație de știri celebră. Aspectul cu faianță este ideal pentru afișarea în cea mai mare parte a ziarelor, revistelor și a altor surse de știri în cel mai bun mod posibil. Poate așa vor arăta ziarele viitorului.

Grantophone este un instrument muzical foarte simplu, dar în același timp puternic. Vă permite să sintetizați cele mai capricioase sunete folosind mișcările mouse-ului și poate fi distractiv pentru muzicienii în devenire de orice vârstă.

În Windows Store nu există încă multe aplicații, dar numărul acestora crește zilnic. Totuși, pe baza programelor existente, se poate presupune că Metro ne va oferi în continuare multe surprize. Crezi că această platformă are viitor?

28671 0

Deci, primul test public Ediția Windows 8 - Windows 8 Customer Preview - a apărut acum câteva luni. Mulți pasionați de modern tehnologia Informatiei l-au descărcat deja și l-au instalat pe computerele lor: pe hardware real (cum ar fi autorul acestui articol) sau într-un mediu virtual. Și am încercat una dintre caracteristicile cheie ale noului versiuni Windows- Platformă de metrou și aplicații scrise pentru aceasta (aplicații Metro).

Aplicațiile Metro sunt o clasă complet nouă de aplicații; sunt diferite de toate celelalte aplicații cu care ne-am ocupat cu toții înainte. Aplicațiile de metrou sunt aplicații neobișnuite; ele funcționează diferit față de cele tradiționale aplicații desktop. Aplicațiile Metro sunt concepute pentru o nouă clasă de dispozitive care au ecrane tactile mari, în primul rând tablete. Aplicațiile de metrou sunt cel mai tare produs nou al anului curent, 2012. Aplicațiile Metro sunt „fața” noului Windows.

Cum sunt ele create? Care instrumente software sunt folosite pentru asta? Ce abilități speciale vor fi necesare de la dezvoltator? În sfârșit, ce tehnologii putem folosi, pe care le cunoaștem deja și pe care va trebui să le învățăm din nou?

În acest articol, autorul va încerca să răspundă la toate aceste întrebări. Mai mult, autorul vă va ghida, dragi cititori, prin toate etapele creării celei mai simple aplicații Metro - un calculator aritmetic. În același timp, vor fi luate în considerare unele tehnologii utilizate în programarea Metro, în special, crearea de markup, lucrul cu gestionatorii de evenimente etc.

1. Introducere
Partea teoretică va fi foarte mică. Ne vom uita doar la setul de software necesar și ne vom familiariza cu tehnologii software, folosit pentru a dezvolta aplicații Metro.

1.1. Software-ul necesar
Setul de programe pe care le folosim în programarea Metro este destul de mic:

• Microsoft Windows 8 Customer Preview, adică ediția de test propriu-zisă a Windows 8. În precedent versiuni Windows Este imposibil să dezvoltați aplicații Metro.
• Studio vizual 11 Express beta pentru Windows 8 (mai departe in articol - Studio vizual). Ediție de testare versiune noua mediu liber Dezvoltare Microsoft. Versiunile mai vechi ale acestui pachet, din păcate, nu vor funcționa...

Amandoua produse software poate fi descărcat de aici.

Atenţie!
Pentru a instala Visual Studio, utilizați un program de instalare web care va descărca pachetul de distribuție real de pe site-ul Microsoft. Prin urmare, ar trebui să vă conectați la Internet înainte de instalare.

1.2. Tehnologii folosite pentru a crea aplicații Metro
Pentru dezvoltarea aplicațiilor Metro, Microsoft oferă trei tehnologii din care să alegeți:

• „Bundle” din limbajul hipertext Marcaj HTML, Mese Stiluri CSSși limbajul de scripting web JavaScript. Interfața aplicației este descrisă în HTML, designul său este format folosind foi de stil și JavaScript logica programului este scrisă.

  Avantajele acestei tehnologii: ușurință de învățare, larg răspândită (mulți oameni cunosc HTML, CSS și JavaScript), multi-platformă (aplicațiile scrise în HTML, CSS și JavaScript vor funcționa pe toate arhitecturile procesoarelor - x86, x86-64 și ARM) . Dezavantaje: performanță scăzută în comparație cu alte tehnologii aplicații gata făcute; posibilități ceva mai puține pentru crearea și proiectarea unei interfețe.

  Folosind HTML, CSS și JavaScript, se recomandă să creați doar cele mai simple aplicații Metro care nu necesită o interfață dezvoltată, iar performanța nu este critică. Mai mult, această tehnologie este alegerea perfecta pentru dezvoltatorii Metro începători.

• Un „pachet” de limbaj de marcare a interfeței XAML și orice limbaj de programare folosit în mod obișnuit pentru a crea aplicații .NET: C#, C++ sau Visual Basic.NET. (Dezvoltatori .NET, sunteți deja familiarizați cu asta!) Interfața și designul aplicației sunt descrise în XAML, iar logica sa este scrisă în C#, C++ sau Visual Basic .NET.

  Avantaje: performante mai mari, b O Posibilități mai mari în ceea ce privește crearea și proiectarea unei interfețe, multi-platformă. Dezavantaje: performanța nu este încă suficient de mare (prin urmare, folosirea acestei tehnologii pentru a crea, de exemplu, Jocuri 3D nu merita); mai greu de stăpânit, mai ales pentru dezvoltatorii începători.

  Această tehnologie poate fi folosită pentru a crea aplicații cu o interfață mai dezvoltată și destul de critică din punct de vedere al performanței. Ea este de asemenea cea mai buna alegere pentru a migra aplicațiile .NET existente pe platforma Metro.

• DirectX. În acest caz, limbajul C++ este folosit pentru a forma interfața și a descrie logica.

  Avantaje: cea mai mare performanță a aplicațiilor, posibilități bogate de creare și proiectare a unei interfețe. Dezavantaje: interfața aplicației este formată în codul logicii sale, exclusiv programatic; lipsa elementelor de interfață gata făcute pe care un dezvoltator le poate folosi în oricare dintre aplicațiile sale; complexitate foarte mare; Pentru fiecare aplicație, va trebui să creați trei ediții - pentru trei arhitecturi diferite de procesoare acceptate: X86, X86-64 și ARM.

  DirectX este alegerea celor mai calificați programatori. Folosind această tehnologie, puteți crea jocuri tridimensionale și grafice complexe și aplicatii multimedia profitand din plin de posibilitati hardware calculator.

Din moment ce facem primii pași în programarea Metro, vom alege cea mai ușor tehnologie de învățat - un „pachet” de HTML, CSS și JavaScript.

2. Introducere în Visual Studio
Dezvoltarea aplicațiilor Metro se realizează în mediul Visual Studio - știm deja acest lucru. Deci, să trecem puțin peste interfața și instrumentele principale ale acestui pachet, pentru a nu fi nevoit să facem asta mai târziu, în procesul de scriere a codului aplicației.

Să mergem la meniu start, hai să găsim țigla Microsoft Visual Studio 11 Express pentru Windows 8și apăsați-l. Windows va trece imediat la desktopul tradițional, unde după un timp va apărea fereastra principală Visual Studio (Figura 1).

Orez. 1. Fereastra principală Visual Studio imediat după rularea acestui pachet

Atenţie!
Imediat după prima lansare, Visual Studio va afișa o fereastră de avertizare care vă va cere să instalați o licență de dezvoltator de aplicații Metro. Trebuie să răspundeți pozitiv apăsând butonul Sunt de acord, deoarece fără această licență nu vom putea dezvolta aplicații de acest tip. În continuare, va trebui să răspundem pozitiv la avertismentul UAC care apare pe ecran și să ne conectăm la serverul de licențe folosind numele contului nostru înregistrat în Serviciul Microsoft Trăi.

Licența de dezvoltator de aplicații Metro este eliberată pentru o perioadă limitată. După această perioadă, va trebui să-l primim din nou.

2.1. Fereastra principală și elementele sale
De-a lungul Marginea superioară fereastra principală se întinde Meniu principal, din care sunt disponibile toate comenzile suportate de pachet. Chiar mai jos este bara de instrumente- banda lunga si ingusta cu nasturi; Aceste bare de instrumente vă permit să accesați comenzile cele mai frecvent utilizate. Nu vom lua în considerare toate acestea în detaliu - am întâlnit atât meniul principal, cât și barele de instrumente de multe ori în alte programe.

Este mai bine să acordați atenție partea dreapta fereastra principala. Acolo vedem un fel de „fereastră” situată chiar în fereastra principală. Asemănarea cu o fereastră cu drepturi depline este sporită de prezența unui antet cu un titlu și butoane de închidere și minimizare și chiar de o bară de instrumente mică. Ce este?

Acesta este unul dintre panouri Studio vizual. Astfel de panouri conțin de obicei tot felul de liste, de exemplu, o listă de fișiere care alcătuiesc aplicația în curs de dezvoltare. Aceste liste sunt, desigur, importante să le ții în fața ochilor tăi în orice moment, dar nu sunt atât de vitale încât să le dedice zona de clienți a ferestrei principale (mai multe despre asta puțin mai târziu).

Panourile pot fi mutate dintr-un loc în altul trăgându-le cu mouse-ul folosind antetul. Mai mult, dacă mutați panoul la marginea stângă sau dreaptă a ferestrei principale, acesta se va andoca automat la el. Deci, în fig. Figura 1 prezintă un panou andocat la marginea dreaptă a ferestrei principale.

Panourile andocate se pot suprapune unele pe altele. În acest caz, în partea de jos a acestora va apărea o bară de file, care listează panourile suprapuse; pentru a trece la panoul dorit, trebuie doar să faceți clic pe fila în care este scris numele acestui panou.

Dacă mutați panoul într-un loc de pe ecran care este suficient de îndepărtat de marginile ferestrei principale, panoul va deveni plutind. Panoul plutitor este afișat în propria fereastră, independent de fereastra principală a pachetului.

In cele din urma, panou inutilÎl puteți închide complet și, prin urmare, îl puteți elimina de pe ecran. Pentru a face acest lucru, faceți clic pe butonul de închidere, situat în partea dreaptă a titlului său și în formă de cruce.

Și pentru a afișa din nou panoul închis, va trebui să utilizați meniul principal. Mai târziu în acest articol ne vom uita la elementele principale din meniul concepute pentru a afișa toate panourile de care avem nevoie.

În partea de jos a ferestrei principale se află linia de stare- o bară gri îngustă pe care sunt afișate diverse informații de service. Ne este familiară și din alte programe.

Restul ferestrei principale, care nu este ocupată de meniul principal, barele de instrumente, panourile obișnuite și bara de stare, se numește zona clientului. Această zonă va afișa ferestre de documente destinate afișării conținutului. deschide fișiere; Ne vom uita la aceste ferestre mai târziu.

Și acum așa-numitul Pagină de start Studio vizual. Conține în principal scurte informații de bază despre acest pachet. De îndată ce deschidem cel puțin un fișier, pagina de pornire va dispărea.

2.2. Crearea unei noi aplicații
Bine, haideți să admirăm fereastra principală a Visual Studio - și va fi! Totuși, nu există încă nimic deosebit de interesant acolo. Să creăm mai bine o nouă aplicație Metro, încă „goală”, care nu conține nicio interfață, nici design, nici logică. Aici, de fapt, ar trebui să scrieți „hai să creăm proiect nou aplicație”, dar pentru că nu știm încă ce este un proiect, să-l lăsăm așa cum este.

Cel mai simplu mod de a crea o nouă aplicație este să dai clic pe un hyperlink Proiect nou situat în colțul din dreapta sus pagina principala. De asemenea, puteți selecta Proiect nou meniul Fişier sau apăsați combinația de taste ++.

După efectuarea oricăreia dintre aceste acțiuni, va apărea o casetă de dialog pe ecran Proiect nou(Fig. 2), unde sunt indicați principalii parametri aplicația care se creează.

Orez. 2. Fereastra de dialog Proiect nou

Primul lucru pe care ar trebui să-l precizăm aici este tehnologia cu care vom crea aplicația. După cum am decis mai devreme, vom folosi un „pachet” de HTML, CSS și JavaScript.

Să ne uităm la partea stângă a ferestrei Proiect nou. Există o listă mare ierarhică cu trei categorii. Să trecem la categorie Instalat, care conține o listă a celor deja instalate ca parte a Visual Studio șabloane(un fel de gol) aplicații. Să extindem „ramurile” secvenţial Șabloane(şabloane) şi JavaScript(numele prescurtat al tehnologiei de care avem nevoie) și selectați singurul articol situat în ultima „ramură” Windows Metro stil(Aplicație Windows pentru platforma Metro).

În continuare, indicăm tipul de aplicație care urmează să fie creată. Vrem să creăm o aplicație „goală” care să nu conțină nicio interfață, nici un design, nicio logică. Prin urmare, selectăm elementul din lista din mijloc Aplicație goală aplicație („vide”).

Ultima noastră acțiune este să specificăm numele aplicației care este creată. Este setat în câmpul de introducere Nume situat în partea de jos a ferestrei. Să dăm aplicației noastre un nume simplu: Calc.

Practic asta este. Hai să apăsăm butonul Bine pentru a începe procesul de creare a unei noi aplicații. Buton Anulare, după cum ați putea ghici, va finaliza procesul.

Crearea noii aplicații va dura destul de mult, așa că va trebui să așteptați. Și de îndată ce apare o fereastră de document în zona client a ferestrei principale, în care va fi prezentat codul aplicației și panoul Explorator de soluții va enumera toate conținuturile proiectului pe care l-am creat, ne putem pune la treabă.

Stop! Ce este un proiect și o fereastră de document? Să aflăm.

2.3. Proiect și soluție
Oricare, chiar și cea mai simplă aplicație Metro constă din mai multe fișiere tipuri diferite. Acesta include un fișier care descrie interfața aplicației, fișiere care conțin o descriere a designului acesteia, fișiere cu logica programului, fișiere cu imagini grafice care sunt utilizate în aplicație și diverse fișiere de serviciu care stochează Informații suplimentare despre aplicație, în special, parametrii acesteia (nume, etichetă de plăci etc.).

Prin urmare, este nevoie de a reduce toate fișierele care compun aplicația într-un fel de entitate, un fel de listă. Acest lucru este necesar, în primul rând, pentru ca Visual Studio să „știe” din ce fișiere să formeze aplicația - atât ediția sa de depanare, cât și pachetul de distribuție cu ediția finală a aplicației ( eliberare).

Această entitate - o listă de fișiere care formează aplicația și aceste fișiere în sine - este numită proiect aplicatii.

Folderele sunt adesea folosite pentru a organiza fișierele incluse într-un proiect. Deci, fișiere cu imagini grafice sunt plasate într-un folder, fișierele cu design - în altul, fișierele cu logică - într-un al treilea etc. Mai mult, această metodă de organizare a fișierelor este suportată de Visual Studio însuși; după cum vom afla puțin mai târziu, la crearea unui nou proiect, acesta va distribui deja fișierele incluse în el în foldere.

Tot conținutul proiectului - fișiere și foldere - este plasat în folder separat (dosarul proiectului). Acest folder este creat la crearea proiectului în sine și are același nume pe care l-am specificat pentru aplicație în câmpul de introducere Nume fereastră Proiect nou(vezi fig. 2). De exemplu, folderul care conține conținutul proiectului pe care tocmai l-am creat se va numi Calc.

În același folder există și un fișier care stochează conținutul proiectului în sine - o listă de fișiere incluse în acesta ( alcătuirea proiectului); acest fisier este numit dosar proiect. Are același nume pe care l-am specificat pentru aplicația creată și extensia jsproj. Deci, fișierul proiect pe care l-am creat se va numi Calc.jsproj.

Deci, totul este clar cu proiectul. Acum să vorbim despre soluție.

De multe ori trebuie să dezvoltați aplicații care funcționează împreună. În cazul platformei Metro, aceasta ar putea fi, de exemplu, aplicații care transferă orice date între ele folosind mecanisme standard ale acestei platforme. Deci, o aplicație poate trimite date, în timp ce altele le pot primi.

Dar aici sunt două probleme. În primul rând, este mai convenabil să mențineți deschise în mod constant proiectele ambelor aplicații, astfel încât, dacă apar erori, acestea să poată fi corectate rapid. În al doilea rând, în orice caz, în timpul procesului de depanare va trebui să rulăm ambele aplicații simultan și va fi mai bine dacă Visual Studio însuși face acest lucru.

Cu toate acestea, toate instrumentele de dezvoltare vă permit să deschideți un singur proiect la un moment dat; Dacă deschideți un alt proiect, cel deschis anterior se va închide automat. Puteți, desigur, să lansați două copii ale mediului de dezvoltare simultan, dar va fi totuși incomod să lucrați cu ele.

Următoarea soluție sugerează de la sine - este rezonabil să combinați mai mult ambele proiecte într-o entitate ordin înalt. Sau, pentru a folosi terminologia Visual Studio, - soluţie(soluţie).

Soluția poate include orice număr de proiecte. Odată ce îi spunem lui Visual Studio să ruleze, aplicațiile bazate pe toate aceste proiecte vor fi construite și gata de rulare. Dar doar unul dintre ele va fi lansat – cel al cărui proiect l-am marcat lansabil.

Pentru fiecare proiect nou creat în Visual Studio, este generată automat o nouă soluție care include proiectul nou creat. Numele acestei soluții este specificat în câmpul de introducere Numele soluției căsuță de dialog Proiect nou(vezi Fig. 2) și implicit coincide cu numele proiectului creat. De exemplu, pentru proiectul nostru Calc, va fi creată o soluție Calc. Deci nu trebuie să creăm o soluție specială.

Ca și în cazul unui proiect, pentru fiecare soluție a folderul soluții, care conține toate proiectele incluse în el ( alcătuirea deciziei). Numele acestui folder este același cu numele soluției pe care l-am specificat. Deci, în cazul nostru, acest folder va fi numit Calc.

În plus, compoziția soluției este depozitată într-un loc special fișier soluție, care are același nume cu soluția și extensia sln și este stocat în folderul soluție. De exemplu, compoziția soluției noastre va fi stocată în fișierul Calc.sln.

2.4. Panoul Solution Explorer
Dar de unde știm ce este inclus într-un proiect sau soluție? Mai trebuie să lucrăm și să lucrăm cu ei...

Panoul este folosit pentru aceasta Explorator de soluții(Fig. 3). În mod implicit, este andocat la marginea dreaptă a ferestrei principale Visual Studio. Dacă din anumite motive acest panou nu este acolo, îl puteți afișa selectând elementul Explorator de soluții meniul Vedere.

Orez. 3. Panou Explorator de soluții

Apropo, acesta este un element de meniu neobișnuit. De îndată ce îl selectăm, în stânga numelui său va apărea o bifă. Înseamnă că funcția pentru care articolul este „responsabil” este activată - panoul Explorator de soluții afișate pe ecran. Dacă selectați din nou acest element, bifa va dispărea; aceasta înseamnă că funcția a devenit inactivă - panoul menționat anterior este închis. Aceste elemente de meniu sunt numite puncte de comutare; le vom întâlni destul de des în viitor.

Dar să revenim la panou. Explorator de soluții. Afișează o listă ierarhică care listează tot conținutul soluției deschise. Această listă este similară cu cea afișată în panoul din stânga al Explorer și funcționează exact la fel.

În primul rând, să acordăm atenție articolului cu nume "Soluţie" <название решения> " (<количество проектов в решении> proiecte); în cazul nostru va avea numele Soluție „Calc” (1 proiect). Acest articol reprezintă o soluție deschisă în Visual Studio și este situat la nivelul de imbricare zero (adică în partea de sus a ierarhiei elementelor din listă).

Acest articol conține articole ale căror nume coincid cu numele proiectelor incluse în soluție. În cazul nostru, va exista doar un astfel de articol - Calc.

Și din punctele care reprezintă proiecte individuale, „crește” întregi „ramuri”. Acestea reprezintă folderele și fișierele care compun proiectul. Deci, în cazul nostru „ramură” Calc va conţine încă patru „ramuri” din mai mult de nivel scăzut cuibărit și trei puncte. Ceea ce înseamnă că proiectul nostru include trei fișiere și trei foldere, care la rândul lor conțin și alte fișiere. (Al patrulea dosar nu este cu adevărat un folder; totuși, mai multe despre asta mai târziu.)

Să lăsăm așa deocamdată. Până la urmă, încă nu ne-am uitat la zona de clienți, în care acum se afișează ceva foarte interesant...

2.5. Ferestrele documentelor
Acest ferestrele documentelor(Fig. 4). Acestea sunt folosite pentru a afișa conținutul fișierelor deschise în Visual Studio.

Orez. 4. Două ferestre de documente se deschid în zona client (reprezentate prin două file)

Ferestrele documentelor sunt întotdeauna afișate în zona client a ferestrei principale. Este imposibil să-i scoți în afara ei.

Fiecare fereastră de document afișează conținutul unui singur fișier. Acest lucru permite, pe de o parte, să vă concentrați pe lucrul cu fișierul necesar, iar pe de altă parte, dacă este necesar, este ușor să comutați la alt fișier.

Ferestrele documentelor sunt afișate maximizat; cu toate acestea, acestea ocupă întreaga zonă client. Dacă deschideți mai multe ferestre de documente simultan, acestea se vor suprapune una pe cealaltă (la fel ca panourile andocate la o margine a ferestrei principale). În acest caz ne va ajuta bara de file, situat în partea de sus a zonei client, sub bara de instrumente. Folosind bara de file, puteți comuta la fereastra documentului în care este deschis fișierul de care avem nevoie (faceți această fereastră activă).

3. Conținutul unui proiect tipic de aplicație Metro
Să revenim la panou Explorator de soluții, care, după cum am aflat recent, afișează conținutul unei soluții deschise. Și să vedem ce este inclus în proiectul pe care l-am creat, care poate fi considerat un proiect tipic de aplicație Metro.

Vom enumera fișierele și folderele incluse în proiect în ordinea importanței lor pentru noi. Adică vom lua în considerare mai întâi fișierele și folderele de care ne vom ocupa cel mai des și vom amâna conversația despre cele care, cel mai probabil, nu vor fi deschise niciodată până mai târziu.

• default.html - un fișier care descrie interfața aplicației Metro. Acesta este fișierul care este încărcat, procesat și afișat pe ecran atunci când pornește aplicația.

  Pe o notă
  Cunoscătorii de design web ar putea argumenta că fișierul default.html nu stochează o descriere a interfeței aplicației Metro, ci o pagină web. Da, este. Aplicația de metrou scrisă în Limbi HTML, CSS și JavaScript, este de fapt o pagină web.

• js - un folder care stochează toate fișierele cu logica programului aplicației Metro ( fișiere logice). Inițial, există un singur fișier default.js creat chiar de Visual Studio.

  Logica aplicațiilor Metro simple poate fi conținută cu ușurință în fișierul default.js. Dar dacă dezvoltați o aplicație Metro destul de complexă, pentru comoditate, logica acesteia poate fi împărțită în părți și fiecare dintre ele poate fi salvată într-un fișier separat.

• css - un folder care stochează toate fișierele care descriu designul aplicației Metro. Inițial, există un singur fișier default.css creat de Visual Studio.

  Din nou, stilul unei aplicații Metro simple poate fi plasat în fișierul default.css. În cazul unui design complex, este mai bine să-l împărțiți în părți, fiecare dintre acestea fiind salvată într-un fișier separat.

• imagini - un folder care stochează fișiere cu imagini grafice care sunt utilizate în aplicație. Inițial stochează mai multe fișiere cu imagini afișate, în special, pe ecranul de pornire al aplicației și din meniul acesteia start; toate aceste fișiere sunt plasate acolo de Visual Studio însuși.

  Pe viitor totul fisiere grafice, folosit in aplicatie, se recomanda plasarea lor in folderul de imagini. Puteți folosi subdosare pentru a le organiza.

• package.appxmanifest - un fișier care stochează parametrii aplicației.
• <имя проекта> _TemporaryKey.pfx - fișier de semnătură digitală.
• Referințe. Acest folder nu este prezent pe disc, dar este generat de Visual Studio pe baza conținutului fișierului package.appxmanifest. Stochează link-uri către componente suplimentare, esential pentru munca de succes aplicații de metrou; una dintre aceste componente este logica de baza Platformă de metrou (vom vorbi mai târziu).

Desigur, dezvoltatorul poate adăuga alte fișiere la proiect. Acestea pot fi fișiere fragmente, fișiere text, fișiere date XMLși JSON, fișiere de sunet și video, în sfârșit, fișiere cu designul și logica programului aplicației și fișierele grafice. De asemenea, dezvoltatorul poate crea câte foldere dorește în proiect.

Ei bine, în următoarea parte a articolului vom începe să scriem prima noastră aplicație Metro. Mai întâi îi vom crea interfața, apoi vom crea logica, iar în final vom seta designul.

Una dintre cele mai interesante caracteristici noi din Windows 10 este noile aplicații Metro. Noile aplicații Windows 10 Metro sunt acum îmbunătățite în ceea ce privește designul și gradul de utilizare, iar acum funcționează la fel ca alte aplicații Windows cu ferestre. Mai mult, principalul avantaj al aplicațiilor Metro este că se adaptează automat la orice dispozitiv Windows 10. Iată câteva Metro aplicații Windows 10 pe care cu siguranță ar trebui să le încerci.

Groove, care a fost cunoscut anterior drept Xbox Music, serviciul muzical de la Microsoft, care speră să concureze cu alte servicii muzicale precum Google Reda muzică, Apple Music, Spotify etc. În timp ce Groove este un serviciu de muzică, Groove Music este oficial player muzical. Folosind această mică aplicație, puteți reda toată muzica, cu Sistemul de fișiere sau Nori OneDrive. Aplicația Groove Music are interfață ușor de utilizat, și puteți reda muzică din cloud-ul dvs. OneDrive, datorită căruia puteți transfera muzica preferată pe orice dispozitiv doriți.

2. Fotografii

Aplicația de metrou Fotografii pentru Windows 10 este foarte convenabil pentru vizualizarea fotografiilor. De fiecare dată când deschideți o imagine pe computer, aceasta o deschide folosind aplicația Fotografii. Care se integrează bine cu cloud-ul Stocare OneDriveși poate afișa toate fotografiile din contul dvs. împreună cu fotografiile de pe disc.

3.Poștă

Aplicația Mail este una dintre aplicațiile mele preferate pentru Windows 10, este ușor minimalist design și caracteristici îmbunătățite de la Windows 8. Puteți adăuga aproape orice cont E-mail la aplicație. Spre deosebire de Windows 8, Mail nou Aplicația acceptă chiar și conturi POP. Unele dintre cele mai bune Funcții de e-mail Aplicația include suport pentru glisare, atingere prietenoasă interfața cu utilizatorul, răspunsuri automate și integrare în calendar.

4. Adobe Photoshop Express

Adobe Photoshop este unul din cele mai bune programe pentru editare foto. Pentru a combate acest lucru, Adobe a lansat un program gratuit și aplicare ușoară numit Adobe Photoshop Express și poate fi descărcat din Windows Store. Deși aplicația nu are toate caracteristicile avansate care sunt disponibile în versiunea completa, are toate funcțiile de bază, cum ar fi decuparea, îndreptarea, corectarea culorilor, filtre cu o singură atingere, corecții automate etc. Dacă sunteți în căutarea unei aplicații pentru unii fotografii simple remedieri, atunci ar trebui să încercați această aplicație.

5. Vopsea proaspătă

Fresh Paint este una dintre cele mai bune aplicații de desen de la Microsoft. Deși aceasta cerere oficială de la Microsoft, nu este instalat implicit și trebuie descărcat de pe Magazin Windows. Folosind această aplicație puteți desena cu tabula rasa sau importați o imagine și apoi lucrați cu ea, puteți, de asemenea, să faceți o fotografie de pe cameră și să o editați. Aplicația acceptă introducerea mouse-ului, atingerii și creionului. În plus, unul dintre Cele mai bune caracteristici Fresh Paint este în care vă puteți imprima lucrarea înaltă definiție. Dacă sunteți artist sau designer, ar trebui să încercați această aplicație.

Interfața Metro a Windows 8 este de departe cea mai importantă inovație în sistemul de operare. Mai mult, interfața Metro nu este doar un add-on pentru ecrane tactile, este un element cu drepturi depline al întregii interfețe sistem de operare. În acest articol ne vom uita la interfața Metro și vom încerca să-i evidențiem punctele forte și punctele slabe.

Sistemul de operare Windows 8 nu mai are meniul familiar Start, care a servit invariabil ca meniu principal în toate versiunile sistemului de operare. sisteme Windows. Acum este înlocuit de ecranul de pornire al interfeței Metro. Este acest ecran de pornire pe care îl vede utilizatorul atunci când încarcă sistemul de operare și apasă tasta Windows.

Ecranul de pornire este o bandă orizontală cu pictograme de aplicație sub formă de plăci multicolore. Plăcile pot fi pătrate sau dreptunghiulare, caz în care o placă ocupă suprafața a două plăci pătrate. Pe lângă lansarea aplicațiilor, plăcile pot funcționa ca un fel de widget. Ele afișează informații din aplicația pe care o rulează. De exemplu, țiglă de lansare vreme poate afișa un scurt rezumat al informațiilor despre vreme.

Piesele pot fi mutate în jurul ecranului de pornire după cum doriți. De asemenea, utilizatorul poate șterge plăci, poate modifica dimensiunea plăcilor, poate activa/dezactiva plăci dinamice. Pentru a accesa aceste funcții trebuie să faceți clic Click dreapta pe gresie.

Ecranul de pornire poate fi derulat pe orizontală, pentru aceasta puteți utiliza touch screen, rotița mouse-ului sau tastele Page Up / Page Down. De asemenea, vă puteți deplasa între plăci folosind tastele săgeți.

Pe lângă aplicațiile Metro, puteți crea plăci de lansare pe ecranul de pornire Windows obișnuit programe. Acest lucru se poate face folosind meniul contextualîn interfața normală sau folosind Căutare în interfața Metro. Găsirea aplicațiilor în interfața Metro va fi discutată mai jos.

Meniurile laterale ale interfeței Windows 8 Metro

Interfața Metro are propriul manager pentru management rulează programe. Pentru a-l apela, mutați cursorul mouse-ului în colțul din stânga sus al ecranului și trageți mouse-ul în jos. După care va apărea un meniu lateral cu programe care rulează.

Puteți închide programele din acest meniu lateral făcând simplu clic pe butonul din mijloc al mouse-ului.

Există, de asemenea, un meniu lateral în partea dreaptă a ecranului. Pentru a-l apela, trebuie doar să mutați mouse-ul în colțul de sus sau de jos al marginii din dreapta a ecranului.

În meniul din dreapta, utilizatorul are acces la mai multe instrumente: Căutare, Trimitere (Setări acces public), Start (întoarceți la ultimul rulează aplicația), Dispozitive (gestionarea dispozitivului) și Setări (Configurare sistem). Cele mai utile butoane din acest meniu sunt butoanele Căutare și Opțiuni.

Butonul Căutare lansează interfața de căutare a aplicației. Folosind această căutare, puteți rula orice program instalat pe computer. În esență, această căutare repetă căutarea din vechiul meniu Start.

Pentru a merge la căutarea aplicațiilor, nu este necesar să folosiți meniul din dreapta. Este suficient să începeți să tastați numele programului dorit pe ecranul de pornire al interfeței Metro.

Meniul Opțiuni, care poate fi accesat din dreapta meniul lateral vă permite să modificați setările ecranului de pornire al interfeței Metro, să schimbați aspectul tastaturii, să schimbați volumul și să opriți computerul.

În partea de jos a meniului Setări, puteți găsi un link care spune „Schimbați setările PC-ului”. Acest link lansează o aplicație Metro separată, care vă permite să configurați aproape toți parametrii sistemului de operare.