Maak een applicatie voor Windows achtergrond 8. Ontwikkeling van de eerste applicatie voor Windows Phone: Voorbereiden van de werkomgeving

Tegenwoordig is de ontwikkeling van applicaties voor Windows 10 Mobile een van de meest veelbelovende gebieden.

Veel programmeurs trainen en beheersen dit deel van hun activiteit zelfstandig.

Anderen worden opgeleid door het bedrijf waarvoor ze werken. Dit is in ieder geval een uitstekende richting en zeker de moeite waard om na te streven.

Daarom analyseren we de stappen die genomen moeten worden.

Inhoud:

Inleidende informatie

Afhankelijk van of je al eerder een ontwikkeling hebt gedaan, zal het voor je gemakkelijker of moeilijker zijn om alles te begrijpen wat hieronder wordt besproken.

We zullen ons concentreren op mensen die net de basisbeginselen beginnen te begrijpen.

Misschien heb je gestudeerd of een aantal cursussen gevolgd.

Dan zijn deze instructies speciaal voor u.

Laten we direct naar het onderwerp ontwikkeling gaan.

Microsoft-ontwikkelaars deden een paar jaar geleden iets heel handigs. Ze creëerden zogenaamde universele applicaties, of beter gezegd, een ontwikkelomgeving voor hen.

Ze zijn geschikt voor absoluut alle apparaten die op .

In figuur 1 wordt wat hierboven is geschreven in het diagram weergegeven.

Het bestaan van universele toepassingen is gebaseerd op dit concept UWP (Universeel Windows-platform).

Dergelijke programma's (Universal Apps) zijn geschikt voor een grote verscheidenheid aan apparaten: pc's, mobiele apparaten, enzovoort.

Ze zijn verenigd door de volgende componenten:

Adaptieve gebruikersinterface– adaptieve interface, dat wil zeggen het uiterlijk van het programma dat onafhankelijk kan veranderen, afhankelijk van het apparaat waarop het draait;
Natuurlijke gebruikersinvoer– een set gegevensinvoerapparaten, zoals een microfoon, stylus, enz.;
Eén SDK + tooling– een universele ontwikkelomgeving voor verschillende apparaten en een bijbehorende set tools;
Eén winkel + één ontwikkelaarscentrum– één winkel waar u applicaties voor verschillende apparaten kunt verkrijgen, en één ontwikkelaarscentrum;
Clouddiensten– waardoor u een gezamenlijk ontwikkelingsproces kunt organiseren of programma's en bestanden eenvoudig op één plek kunt opslaan, toegankelijk via verschillende gadgets.

Dankzij deze aanpak kunt u uw werk serieus optimaliseren.

Het belangrijkste voordeel is dat u bijvoorbeeld niet 2 afzonderlijke en .

Je schrijft één programma en het past zich aan aan het apparaat waarop het draait.

Daarom bestaat er tegenwoordig in principe niet zoiets als een apart programma voor Windows 10 Mobile.

In plaats daarvan is er UWP.

Het is opmerkelijk dat toen Windows Phone OS (het besturingssysteem dat aan Win Mobile voorafging) in gebruik was, deze aanpak niet werd geboden. Ik moest een programma voor een computer maken en het vervolgens proberen te porten (met andere woorden, aanpassen) voor . Hoewel het in de overgrote meerderheid van de gevallen nodig was om helemaal opnieuw te ontwikkelen. Zoals je je kunt voorstellen, was dit buitengewoon lastig.

Gelukkig is nu alles veranderd en hebben we een universele manier van programmeren.

Laten we nu verder gaan met oefenen.

Ontwikkelmethoden voor Windows 10 M obile

Op basis van het bovenstaande kunnen we dit benadrukken drie manieren om een programma voor Windows 10 Mobile te schrijven:

Platformoverschrijdend. In een softwareomgeving Visuele Studio (dit is een van de ontwikkelaarstools waar we het in de volgende sectie over zullen hebben) er is zo'n component, zoals Xamarin . Dankzij dit is het dus mogelijk om programma's voor te ontwikkelen Windows 10 Mobiel, en tegelijkertijd. De ontwikkelaar krijgt drie schermen waarin hij de interface van zijn creatie kan wijzigen. Maar de programmalogica blijft ongewijzigd. Er wordt gebruik gemaakt van C#.

Ander. Hoewel dit in theorie behoorlijk problematisch zal zijn, kunnen we het voor ons doel gebruiken En . Deze programmeertalen worden tegenwoordig als verouderd beschouwd (alleen Basis ). Maar ze kunnen nog steeds worden gebruikt.

Zoals je kunt zien, is de eerste methode optimaal, vooral als we het hebben over een beginnende codemaster.

Daarom is het logisch om erachter te komen welke tools je nodig hebt om een programma met deze methode te maken.

Wat is nodig voor ontwikkeling - het bestuderen van de tools

Je moet dit allemaal nu downloaden om te beginnen met creëren! Laten we meteen zeggen dat het er allemaal is Microsoft.

Dus dit is wat je nodig hebt:

Visuele Studio. Dit is een ontwikkelomgeving. Daarin zul je code schrijven, het uiterlijk van de toekomstige applicatie bekijken, compileren (met andere woorden uitvoeren), enzovoort. Downloaden VS verkrijgbaar bij visualstudio.com. Er zijn 3 versies - Gemeenschap, professioneel en ondernemingsgericht . De eerste is gratis en heeft minimale functionaliteit. Maar dit is voldoende om deel te nemen aan de ontwikkeling Win 10 mobiel . De overige twee zijn betaald en hebben een aanzienlijk uitgebreide functionaliteit.

Windows 10 Jubileumupdate SDK. Dit is een bijgewerkt pakket met tools die nodig zijn voor de ontwikkeling van het hele scala aan gadgets die op Windows OS draaien 10. Je kunt het downloaden van developer.microsoft.com. Dit onderdeel hoeft alleen maar te worden geïnstalleerd na het downloaden. Het wordt automatisch “ingebouwd” VS.

Beginners zullen genoeg hebbenVisual Studio-gemeenschap in combinatie met Windows 10 Jubileumupdate SDK.

Belangrijk! Zorg ervoor dat u de systeemvereisten controleert Visuele Studio . Het is goed mogelijk dat uw computer versie 2017 niet ondersteunt. Eerdere versies vindt u op dezelfde site VS.

Als je in de toekomst de basisprincipes onder de knie hebt, je zou ook kunnen proberen te gebruiken Meng voor Visual Studio.

Maar dit is alleen relevant als u gebruikt Visuele Studio niet 2017, maar een oudere versie.

In VS Anno 2017 heeft zo'n tool simpelweg geen zin. Het beste werd hem daar al ontnomen.

Ontwikkelaarslicentie en ontsluiten

In ons geval is ook een ontwikkelaarslicentie vereist. Dit geldt als u voor werkt

Maar het wordt automatisch verkregen bij het samenstellen van de eerste aanvraag.

U hoeft dus niets extra te doen.

Er moet meer aandacht worden besteed aan het ontgrendelen van het toestel. Om in de toekomst applicaties te installeren zonder een licentie (die je zelf hebt geschreven, kunnen ze er nog geen hebben totdat ze zijn geverifieerd en staan niet in de winkel), dan zul je een aantal stappen moeten uitvoeren.

Specifiek je moet het volgende doen:

Gebruik zoeken om te vinden menukaart " Update en beveiliging» (“Updates en beveiliging” indien in het Russisch).
Het staat in het menu aan de linkerkant selecteer " Voor ontwikkelaars» (“Voor ontwikkelaars”)
Vinkje vlakbij de inscriptie « Ontwikkelaarsmodus» (“Ontwikkelaarsmodus”)

Soms, als u deze eenvoudige actie niet uitvoert, ontstaan er problemen met verder werk.

Voorbeeldtoepassing – “Hallo wereld”

Dus, om uw eerste aanvraag te schrijven, doe dit:

1 Start de geïnstalleerde Visual Studio. Kiezen "Bestand", Dan "Creëren" En "Project".

2 Opent Venster "Project aanmaken".. Klik op het paneel aan de linkerkant "Ugevestigd» en klik vervolgens "Visuele C++» (we zullen deze taal voorlopig gebruiken) en verder paragraaf"Universele Windows-apps» .

3 Laat alles zoals het zich in het centrale deel van het open venster bevindt. Er moet geselecteerd worden item “Lege aanvraag...”.

4 Voer onderaan in projectnaam, bronlocatie en naam van de snelkoppeling.

5 Klik "OK" in de linkerbovenhoek.

6 In het linkerpaneel vindt u een lijst met alle projectbestanden. Laten we, zonder in details te treden, zeggen dat de code is geschreven in een bestand met de extensie .xaml. In ons geval is dit “MainPage.xaml”. Open het en er verschijnt een codevak in het centrale gedeelte.

- “StackPanel”-element "is een soort container voor andere elementen; hier geven we de lengte en hoogte aan;
Hallo wereld" en 36 lettertype;
- tekstblok met de woorden “ Hoe heet je?";
- nog een StackPanel met zijn eigen parameters;
- tekstinvoerveld;
- de eerste sluiten Stapelpaneel;
- het sluiten van de tweede StapelPanel.

8 Druk op de "F5"-knop» op het toetsenbord om te zien hoe het programma werkt.

Zo heb je je eerste programma geschreven. Nu moet je enorm veel tijd besteden aan het leren van de basisprincipes van programmeren en de branche die je hebt gekozen. We moeten verder gaan. Als je studeert aan een onderwijsinstelling waar ze lesgeven Ramen of je hebt de mogelijkheid om aanvullende cursussen te volgen, gebruik het materiaal dat ze je zullen geven. En zo niet, dan hebben we voor u een lijst samengesteld met de beste boeken en artikelen die u op internet kunt vinden om uzelf te leren.

Artikelen en lifehacks

Gebruikers over de hele wereld kunnen games en andere interactieve programma's voor dit platform maken. Echter dan hoe u een applicatie voor Windows Phone maakt, evenals de mogelijkheid, weten maar weinig mensen. Het moet duidelijk zijn dat dit een zeer complex en tijdrovend proces is, en om de ontwikkeling onder de knie te krijgen, moet je je eerst voor een lange periode aanmelden voor een speciale training.

Wat moet iemand weten die op het punt staat het maken van games en applicaties op WP onder de knie te krijgen? Ons artikel is gewijd aan de reeks acties die het ontwikkelingsproces omvat, de kenmerken van het creëren van een gebruikersinterface en het direct gebruiken van de mogelijkheden van het platform zelf.

De volgorde van het ontwikkelen van applicaties voor Windows Phone en de kenmerken van het maken van de gebruikersinterface

De ontwikkeling van elke applicatie moet altijd beginnen met het maken van een goede indruk. Met andere woorden, u zult een goede gebruikersinterface (ook wel XAML genoemd) moeten creëren die er helder en aantrekkelijk uitziet, en vervolgens functies moeten toevoegen. In de derde fase wordt de applicatie getest.

Voordat u een gebruikersinterface ontwerpt, moet u leren kiezen tussen oppervlakken voor uw programma (u kunt deze vinden via de Windows Store), een lay-out maken en inhoud en de benodigde besturingselementen toevoegen. Zorg ervoor dat u ontwerpbronnen downloadt uit de Store.

Het proces van het maken van een interface begint dus met het maken van een lay-out. U kunt verschillende oppervlakken gebruiken, zoals dialoogvensters of verschillende pop-upelementen. Afhankelijk van welke elementen worden gebruikt, zal de applicatie eenvoudig en begrijpelijk zijn, of complex. Elke Windows-applicatie gebruikt ook een speciale reeks knoppen (zoals "Verzenden", "Zoeken", "Opties", enz.), die daarentegen waarschijnlijk bij iedereen bekend is.

Als er fouten in de toepassing voorkomen, kunt u hierover op een van de drie hoofdoppervlakken te weten komen. Er wordt een foutmelding weergegeven.

Elke toepassing heeft ook besturingselementen nodig, zoals vervolgkeuzelijsten of knoppen. Ze kunnen allemaal worden gebruikt dankzij speciale programma's uit de Windows Store (bijvoorbeeld in Visual Basic of C++), en ze worden ook gebruikt bij het maken van de interface.
Als een ontwikkelaar zijn applicatie op een echt mobiel apparaat wil testen, heeft hij een ontgrendeling nodig.

Het Windows Phone-platform gebruiken om applicaties te maken

Bij de allereerste kennismaking met het WP-platform moet de gebruiker er zeker voor zorgen dat hij niet alleen over de nodige kennis beschikt, maar ook over speciaal gereedschap. Dit omvat bijvoorbeeld het Windows Phone SDK-pakket (dit kan eenvoudig worden gedownload via de App Hub-website), Visual Studio 2010 (in de Professional-editie of hoger), de XNA Game Studio 4.0-softwareomgeving, de visueel interactieve ontwerper Expression Blend (voor WP), Windows Phone Emulator en andere aanvullende tools.

Voordat u begint te begrijpen hoe u een applicatie voor Windows Phone kunt maken, moet u alle hoofdfuncties van dit platform zorgvuldig bestuderen - in het bijzonder de bedieningselementen (WebBrowser en Map), selectie- en starttaken (respectievelijk Choosers en Launchers), en werk met een versnellingsmeter en geolocatiesysteem. Er zijn bepaalde geolocatiediensten beschikbaar op uw mobiele apparaat, die gebruik maken van informatie die wordt ontvangen via Wi-Fi, GPS en mobiele communicatie.

Naast de softwaremogelijkheden heeft de ontwikkelaar ook toegang tot de hardwaremogelijkheden van het platform. Nadat de gebruiker de ExploreMapControl-geolocatietoepassing heeft gemaakt, kan de gebruiker er versnellingsmeterfuncties aan toevoegen door de juiste richtlijn op te geven.

Applicaties ontwikkelen voor Windows Phone is niet zo moeilijk, vooral als je een applicatie probeert te maken die informatie geeft over diensten en producten of gegevens verzamelt uit RSS-feeds.

Dit is een type applicatie dat kan worden geïmplementeerd met behulp van javascript-code in de browser of met behulp van de Access-ontwerper. Daarom hoeft u voor het ontwikkelen van dergelijke mobiele of desktopapplicaties niet noodzakelijkerwijs een volledige set tools aan te schaffen. Er is een nieuwe generatie applicatiebouwers gearriveerd, webservices waarmee u uw eigen applicaties kunt maken en uitvoeren.

Microsoft heeft onlangs zijn eigen studio gelanceerd voor het maken van applicaties - Windows Phone App Studio. Dit is een eenvoudige tool waarmee u vanaf het begin werkende applicaties kunt maken. Als u bijvoorbeeld een eenvoudige applicatie wilt ontwikkelen die in het artikel wordt besproken, heeft u minder dan 15 minuten nodig, aangezien deze ontwerper standaardsjablonen biedt. Natuurlijk hebben we het nu niet over het ontwikkelen van complexe programma's of games, maar dit artikel is voldoende om u op weg te helpen.

Net als Access-toepassingen maken programma's die met Windows Phone App Studio zijn gemaakt, gebruik van gegevensverbindingen, dat wil zeggen dat ze zijn gebouwd op een hoofd-/detailweergavemodel. U kunt een inhoudsfeed aansluiten (of het nu RSS, YouTube, enz. is) of deze gebruiken om uw eigen inhoud te publiceren. Uiteraard is de applicatie tot beide tegelijk in staat. Naast feeds heeft u ook de mogelijkheid om uw eigen inhoud te hosten, of het nu gaat om gecodeerde HTML-pagina's of pagina's die zijn georganiseerd met behulp van eenvoudige databases die Microsoft 'collecties' noemt.

1. Bij de eerste stap, moet u beslissen over de inhoud van uw aanvraag. U kunt de pagina's en elementen die standaard zijn, bewerken of verwijderen.

Wij hebben onze testapplicatie gekoppeld aan de RSS-feed van de grote wereld. Het enige dat we nodig hebben is de feed-URL, en de bouwer zal automatisch een viewport maken die een lijst met recente artikelen weergeeft, evenals een tweede viewport met gedetailleerde informatie over de artikelen.

Het is echter vermeldenswaard dat het proces van het maken van uw eigen applicatie niet zo eenvoudig is, omdat de RSS-parser die in App Studio wordt gebruikt soms niet overweg kan met de opmaak van de RSS-feeds die door de site worden gegenereerd. Dat wil zeggen dat dit soms een echt probleem kan worden, omdat de tekst van het artikel simpelweg niet wordt weergegeven en de mogelijkheid om fouten op te sporen ernstig beperkt zal zijn, zoals het geval is bij alle cloudontwikkelingstools.

3. Nu moet je instellen titel, beschrijving, en stel deze ook in op 160x160 pixels.

4. Nou ja, de laatste fase - genereren en publiceren toepassingen. Dit is wat we hebben:

Aan het einde is een preview van de gemaakte applicatie beschikbaar, u kunt controleren hoe deze werkt op een smartphone of tablet. Als alles in orde is, klikt u op de knop "Genereren", er verschijnt een pop-upvenster:

Er zijn twee opties waaruit u kunt kiezen: de eerste is het genereren van een applicatie voor mobiele apparaten, de tweede is voor tablets en gewone pc's. Het genereren van de dienst duurt minder dan 10 minuten, zodat u voor elk platform een product kunt maken. Het installatieproces is zeer eenvoudig dankzij de ingebouwde ondersteuning voor QR-codes in Windows Phone. Eerst moet u een certificaat op uw telefoon installeren. Dit gebeurt met behulp van een QR-code waarmee u het certificaat rechtstreeks naar uw telefoon kunt downloaden.

Om het resulterende wonder in de Windows Phone Store te plaatsen, d.w.z. naar de applicatiewinkel, zodat iedereen, en niet alleen jij, het kan downloaden, heb je een ontwikkelaarscertificaat nodig. Het kost ongeveer 600 roebel.

Het is meteen duidelijk dat deze tool gericht is op BYODev-scenario's - wanneer u snel een applicatie nodig heeft zonder betrokken te raken bij een volwaardig ontwikkelingsproces. Hoewel het de moeite waard is om op te merken dat je nog steeds de mogelijkheid hebt om kant-en-klare broncodes te downloaden en deze tool te gebruiken voor het maken van prototypen voordat je ze ter revisie aan het ontwikkelteam geeft. Waarschijnlijk kun je zelfstandig databronnen koppelen in de vorm van collecties die in de cloud worden gehost.

Dit is een van de goede redenen waarom Microsoft u toestaat broncode te downloaden die gereed is voor gebruik in Visual Studio. Het wordt verpakt in een Visual Studio-project en kan rechtstreeks in de desktop-IDE worden geïmporteerd en vervolgens worden opgespoord. Door fouten in de applicatie op te sporen met behulp van uw favoriete apparaatsimulator, kunt u het probleem snel identificeren: de afbeelding die aan het begin van het artikel is ingevoegd, is op de server verwijderd. U kunt de code snel wijzigen en de applicatie werkt weer.

Naast dat het debuggen eenvoudiger wordt, maakt de toegang tot de broncode het ook eenvoudiger om de gegenereerde code op te maken, hetzij door sjablonen te wijzigen, hetzij door de gegevensbronverbindingen met persoonlijke bronnen te wijzigen. De gegenereerde code is voorzien van commentaar en aangezien deze wordt gebruikt als het belangrijkste ontwikkelingsontwerppatroon bij het maken van applicaties, zal het voor u veel gemakkelijker zijn om precies te begrijpen hoe elk afzonderlijk stuk code werkt en hoe u het aan uw vereisten kunt aanpassen.

Eén ding is duidelijk bij het maken van dergelijke applicaties: ze zijn niet ontworpen om complexe applicaties te creëren. Ze zijn als plastic speelgoed voor kinderen: alles ligt voor ons, en we hoeven alleen maar iets met betekenis in elkaar te zetten. Naarmate je meer ervaring opdoet met dit soort speeltuinen, kun je geleidelijk doorgaan met het opmaken van de code en deze gebruiken om complexere dingen te maken. Met toolkits zoals Windows Phone App Studio kunt u specifieke ervaring opdoen met inhoudgestuurde apps, RSS-feeds, webinhoud en lokale inhoud.

Natuurlijk vertegenwoordigt deze kit waarschijnlijk niet alles wat u nodig heeft om een commerciële toepassing te maken, hoe eenvoudig deze ook is. Maar daar gaat het niet om, want de gegenereerde code geeft je een raamwerk om mee te werken, en ook de mogelijkheid om te begrijpen hoe het proces voor het maken van applicaties werkt. Eén ding is zeker: als u van plan bent uw eigen applicaties te gaan ontwikkelen, dan is dit een geweldige plek om te beginnen. Lees verder: en?

Laatst bijgewerkt: 31-10-2015

Laten we Visual Studio Express 2013 voor Windows lanceren. Selecteer Bestand->Nieuw project... in het menu. Het venster voor het maken van projecten wordt voor ons geopend:

Selecteer in het linkergedeelte van het venster Visual C#->Store-apps->Windows Phone-apps. En selecteer tussen de sjablonen voor het nieuwe project Blank App (Windows Phone), geef een naam aan het project, noem het bijvoorbeeld HelloApp. En klik op OK.

En Visual Studio zal een nieuw project maken:

Een Blank App-sjabloonproject heeft standaard de volgende knooppunten:

De map Assets met de afbeeldingsbestanden die moeten worden gebruikt

App.xaml en App.xaml.cs - respectievelijk applicatiebronbestand in xaml en applicatiecodebestand in C#

MainPage.xaml en MainPage.xaml.cs - respectievelijk GUI-bestand van toepassingsvenster en venstercodebestand in C#

Package.appxmanifest - manifestbestand van de toepassing

In dit vroege stadium zijn de dossiers voor ons van waarde. Hoofdpagina.xaml En Hoofdpagina.xaml.cs. Laten we het bestand MainPage.xaml openen, dat de grafische interface vertegenwoordigt:

Aan de linkerkant, in de vorm van een telefoon, hebben we een grafisch ontwerpervenster. Aan de rechterkant ziet u het grafische interface-indelingsvenster in xaml. De grafische interface wordt in dit geval weergegeven door de MainPage-klasse, een afzonderlijke pagina. Alle wijzigingen die we in de interface aanbrengen, worden onmiddellijk weergegeven in de grafisch ontwerper, waardoor we visueel inzicht krijgen in hoe alles er uiteindelijk uit zal zien.

Stel dat onze applicatie het aanbetalingsbedrag berekent nadat de rente is berekend. Hiervoor hebben we een veld nodig voor het invoeren van het stortingsbedrag, een veld voor het weergeven van het resultaat en een knop waarmee we berekeningen van het totale bedrag kunnen starten. Laten we dus de bestandscode wijzigen Hoofdpagina.xaml als volgt: