Hoe een aanvraag voor Windows-telefoon te maken. Ontwikkeling van de eerste aanvraag voor Windows-telefoon: het maken van de eerste aanvraag

Selecteer in het dialoogvenster Nieuw Project Visual Studio Visual C #, Silverlight voor Windows Phone en een SIMPLE Windows Phone Application Toepassingssjabloon en bel IT-exploringxamlveaturen.

Selecteer Windows Phone OS 7.1 in het dialoogvenster Target OS 7.1

Na het maken van een project neemt het Visual Studio-venster het volgende uiterlijk.

Overweeg de projectstructuur in het venster Oplossing Explorer:

Bestandsnaam Doel
Appmanifest.xmlHet manifest-bestand dat vereist is om een \u200b\u200bXAP-bestand te genereren waarin de app voor implementatie op de telefoon inpakken is.
Assemblyinfo.cs.Een ander configuratiebestand waarin sommige hoofdsamenstel metadata (montage) zijn gedefinieerd.
Wmappmanifest.xmlHet metagegevensband dat een verscheidenheid aan aanvraaginstellingen bevat: koptekst, taak van de eerste pagina, pad naar pictogrammen, bepaling van de nodige systemische mogelijkheden, enz.
App.xamlDit is een application Resource-bestand. Wereldwijde bronnen bevinden zich hier (dit wordt besproken bij het gebruik van stijlen) of wereldwijde evenementen (optreden aan het begin van de toepassing). Dit bestand is ook een aanvraaginvoerpunt.
App.xaml.cs.Codebestand (code achter) voor app.xaml. Hier kunt u omgaan met gebeurtenissen en fouten van het toepassingsniveau, inclusief de tombestoning. Dit concept zal later worden besproken wanneer multitasking wordt overwogen.
Applicatieicon.png.De foto die een applicatie-pictogram in de telefoon is. Dit is een echt belangrijk bestand, omdat het de eerste is om gebruikers te zien bij het werken met de toepassing.
Achtergrond.png.Deze foto wordt gebruikt wanneer de toepassing op het startscherm van de telefoon (startscherm) is bevestigd. In feite is het een groot applicatie-pictogram. Het is redelijk om het visueel vergelijkbaar te maken met applicationicon.png.
Mainpage.xaml.Dit maakt deel uit van de geselecteerde applicatiesjabloon. De naam Mainpae is niet erg succesvol, maar het wordt gebruikt door de standaard projectsjabloon. Deze pagina staat voor de interface die de gebruiker ziet wanneer de toepassing start.
Mainpage.xaml.cs.Paginabestand Hoofdpagina.xaml.
Splashscreenimage.jpg.Deze foto wordt weergegeven tijdens het opstarten + -toepassing. U kunt uw foto instellen met animatie om te informeren dat de aanvraag is geladen. Er is een techniek voor het maken van zeer dynamische opstartpagina's op XNA, maar het gaat veel verder dan deze artikelcyclus.

XAML-bestanden definiëren de applicatie-interface. In feite is het eenvoudigweg XML-bestanden met een XAML-markupaal.

Ondanks het eenvoudigste project bevat het alle belangrijke elementen die alle andere sjablonen en soorten projecten bevatten.

Houd er rekening mee dat deel van de instellingen die worden weergegeven in de vorm van configuratiebestanden kan worden bewerkt in de Visual-interface voor het bewerken van toepassinginstellingen.

Controles toevoegen aan de XAML-pagina

Houd er rekening mee dat Visual Studio zowel het ontwerp als de XAML-paginacode weergeeft.

Als u overgeschakeld bent om andere oplossingsbestanden te bekijken, dubbelklikt u op het bestand MAINPAGE.XAML.

In XAML-bestandscode MAINPAGE.XAML BINNEN IN HET RID-element In ContentPanel Plaats de knop Controle:

In het ontwerpvenster verschijnt de knop tegelijk in het midden van de interface. Vestigde de aandacht op het attribuut Naam.? Dit is een unieke identificator van een element dat helpt het in de code te verwijzen. Overweeg deze ID-attribuutbesturing. Laten we nu acties toevoegen wanneer u op deze knop klikt. Er zijn twee manieren om een \u200b\u200bgebeurtenis te binden aan de knopknop (of een andere besturing). In XAML, rechts in de definitie van de knop, kunt u het klikattribuut toevoegen en het Intelisse-systeem zal automatisch vragen of we een nieuwe gebeurtenishandler willen genereren:

U kunt een gebeurtenishandler rechtstreeks in de pagina Home.xaml.cs koppelen zonder deze in het XAML-bestand op te geven:

Openbare hoofdpagina () (initializecomponent (); mybutton.click + \u003d nieuwe routedeventhandler (mybutton_click);)

Beide manieren werken. Je kunt een van hen gebruiken. Om te vereenvoudigen, wordt de definitie van de methode in XAML hier gebruikt. Nu in de functie MyButton_Click, kunt u een beheerde code schrijven die de interface zal wijzigen of andere functies veroorzaken. Afgewerkt ons voorbeeld van de toepassing door een code toe te voegen die de tekst in Textblock Pagetitle zal wijzigen (Pagetitle is naam, zodat u er rechtstreeks in de Code kunt verwijzen) op "HI WP7". Om dit de volgende code toe te voegen aan de functie:

Private void mybutton_click (objectzender, routedeventargs e) (pagetitle.text \u003d "Hallo WP7";)

Kies in de Emulator-projectinstellingen van Windows Apparaat

En start de applicatie door op een groene driehoek of F5 COPP te klikken. Na het starten van de applicatie en klik op de knop "Klik", moet de schermweergave een vergelijkbare afbeelding hieronder zijn:

Nieuwe pagina's toevoegen aan het project

Alleen de eenvoudigste applicatie bestaat uit één pagina. We willen leren hoe u complexe meerpagina-toepassingen kunt schrijven. We kunnen PIVOT, Panorama-sjablonen gebruiken, we kunnen het MVVM-ontwerppatroon (modelviewmodel) gebruiken en eerst leren om nieuwe pagina's toe te voegen aan het project en ze tussen hen verplaatsen.

Klik in het venster Solutions Explorer met de rechtermuisknop op de projectnaam en selecteert u in het weergegeven menu, selecteer, volgend nieuw item, in het venster dat wordt geopend, selecteer Windows Phone Portrait Page en noem het secundalpage.xaml:

Nu hebben we een lege XAML-pagina, een nauwkeurige kopie van de hoofdpagina.xaml-pagina voordat we zijn bewerkt.

Om de pagina's beter te onderscheiden, gaan we naar de XAML-code van de tweedePAGE-pagina en het tekstblokelement met de naam Pagetitle bewerken de eigenschap Tekst, zoals hieronder wordt weergegeven:

Navigatie tussen toepassingspagina's

We hebben dus twee pagina's in het project, de hoofdpagina.xaml-pagina wordt weergegeven wanneer u de toepassing start. Hoe ga je van de hoofdpagina.xaml-pagina naar secondpage.xaml?

Laten we twee eenvoudige manieren proberen om het te doen.

Voeg in de XAML-bestandscode MAINPAGE.XAML nadat de knopcode is toegevoegd, de hyperlinkbutton-code toe, zoals hieronder wordt weergegeven: