Share
Mobiletuts + vil dekke alle store mobile plattformer - iPhone, Windows, Android og Blackberry. I dag tar vi en titt på Windows Phone 7-utviklingen. Windows Phone 7 er det nyeste mobiloperativsystemet fra Microsoft. Det er en ren pause fra tidligere Windows Mobile-operativsystemer, for eksempel WinMo 6.5, og tilbyr .NET-utviklere en sjanse til å komme inn på den mobile applikasjonseksplosjonen som har skjedd de siste årene. Denne opplæringen vil introdusere deg til Windows Phone 7-plattformen, gå gjennom installasjon av SDK, og demonstrere den grunnleggende koden som er nødvendig for å bygge en enkel applikasjon.
Windows Mobile 7-utvikling er gjort ved hjelp av .NET-rammen. . NET Framework er et programvare rammeverk laget av Microsoft for bruk i å lage Windows-programmer. Programmerer skriver programmer ved hjelp av et av de flere språkene som støttes av .NET-rammen, som C #, og programmene utføres deretter inne i et runtime-miljø som heter Common Language Runtime. For Windows Phone 7 er det to forskjellige utviklingsmetoder du kan ta når du oppretter søknaden.
Den første tilnærmingen er å bruke Silverlight for Windows Phone. Silverlight var opprinnelig tenkt som en måte for utviklere å skape riktige internettapplikasjoner. Den har sett en kraftig økning i markedsadoptjon de siste årene, drevet hovedsakelig av det faktum at Netflix bruker Silverlight til å streame videoer og NBC brukte Silverlight for sin online kringkasting av de olympiske spillene. En Silverlight-applikasjon kombinerer declarative markup (kalt XAML) for å konstruere brukergrensesnittet og koden som er skrevet i et .NET-rammespråk for å kontrollere et programs adferd. Hvis du utvikler et datastyrt program for Windows Phone 7, bør du sannsynligvis bruke Silverlight.
Alternativt kan du bruke XNA-rammen for å utvikle Windows Phone 7-appen din. XNA er Microsofts spillutviklingsramme og har blitt brukt de siste årene for å skape både Windows- og Xbox 360-applikasjoner. Hvis du lager et spill for Windows Phone 7, vil du sannsynligvis bruke XNA-rammen. XNA-rammen er ganske kraftig, men den kraften kommer med en betydelig læringskurve og lengre utviklingssykluser.
La oss starte med å sørge for at utviklingsmiljøet ditt er riktig konfigurert. Du må kjøre Windows Vista eller Windows 7, og du må ha et DirectX 10-grafikkort som er installert på datamaskinen. Etter å ha bekreftet at du oppfyller disse kravene, kan du besøke http://bit.ly/9FXxQC for å laste ned utviklingsverktøyene.
Bla til bunnen av siden og last ned filen VM_BOOT \ vm_web.exe. Når filen er lastet ned, dobbeltklikk på den for å installere den komplette Windows Phone Developer Tools-pakken. Pakken inneholder:
Datamaskinen vil trolig starte om igjen minst én gang mens verktøyene blir installert. Etter at du har installert utviklerverktøyene på systemet, er du klar til å komme i gang.
Søknaden du vil opprette i denne opplæringen er enkel. Den viser en enkel knapp som du kan trykke på. Når du trykker på den, roterer knappen rundt telefonens grensesnitt. Vi utvikler dette programmet ved hjelp av Silverlight for Windows Phone. Det bør ta mindre enn 10 minutter å lage.
For å starte, åpne Microsoft Visual Studio 2010 Express for Windows Phone. Den enkleste måten å finne den på er å åpne Start-menyen og begynne å skrive "Visual Studio." Søknaden skal vises i søkeresultatlisten, som ligner på følgende:
Klikk på Visual Studio 2010-elementet for å åpne utviklingsmiljøet. Hvis dette er første gang du åpner programmet, kan det ta noen minutter å starte som Visual Studio vil initialisere noen innstillinger for deg.
Når du åpner Visual Studio, blir du hilst på programmets startside. Det er mye innhold på denne siden, inkludert utviklingstips, nylige nyheter og prosjektrelaterte handlinger. Det er noen ganger nyttig å bla gjennom innholdet her for å lære mer om plattformen, men for øyeblikket klikker du bare på koblingen "Ny prosjekt ..." i venstre sidefelt.
En dialogboks vil dukke opp som veileder deg gjennom å skape ditt nye prosjekt. Pass på at "Windows Phone Application" -elementet er valgt som prosjektmal. Deretter gi prosjektet et navn. For denne opplæringen anbefaler jeg at du ringer prosjektet "Rotating_Button." Endelig, bekreft at avkrysningsruten "Opprett katalog for løsning" er valgt. Dette bidrar til å organisere utviklingsarbeidet. Dine innstillinger bør samsvare med min:
Klikk på "OK" for å opprette ditt nye prosjekt.
Malen du har valgt, gir deg et helt fungerende program. For å se det i aksjon, trykk bare CTRL + F5 for å kompilere programmet og starte det i Windows Phone Emulator. Emulatoren starter med en enkelt side som inneholder en søknadstittel og en sidetittel.
Det standardbrukergrensesnittet vil bare ikke gjøre for vår søknad, så la oss gjøre noen endringer. Visual Studio burde ha åpnet filen MainPage.xaml for redigering da du opprettet prosjektet. Hvis ikke, dobbeltklikk filnavnet i Solution Explorer for å åpne det.
Du bør se en delt skjermvisning. På den ene siden av utviklingsmiljøet kan du se hvordan den nåværende filen vil se når søknaden din kjøres. Dette er designmodus. På den andre siden har du XAML-markeringen som erklærer hvordan grensesnittet skal se ut. Eventuelle endringer du gjør på den ene siden vil bli representert på den andre. Dette ligner en WYSIWYG HTML editor som Dreamweaver.
Det første vi ønsker å gjøre er å slette alt inne i layoutruten slik at vi kan gi vår egen oppsummering. Du bør se en Grid-tag som heter LayoutRoot. Slett alt inne i denne taggen. Du vil ende opp med følgende kode:
Designmodusvisningen bør vise en tom skjerm på dette punktet.
Du må nå legge til brukergrensesnittet for søknaden din. Vår søknad består av en enkelt knapp som roterer rundt et rutenett. Gitteret er 2 × 2, så la oss gå videre og erklære at layoutruten skal ha to rader og to kolonner. Endre oppsettgjenoppretting til følgende:
Når du har definert oppsettgitteret ditt, er det på tide å opprette knappen som vil bli tappet av brukerne. Du vil at knappen skal starte i rutenes øvre venstre boks, så du vil erklære at den går i rad 0 og kolonne 0.
I XAML forteller du et element for å plassere seg innenfor et rutenett ved å erklære elementet og deretter tilordne det aktuelle rad- og kolonneindeksene. På innsiden av layoutruten legger du til en knapp ved hjelp av følgende oppslag:
Denne markeringen sier at knappen skal plassere seg selv i kolonne og rad 0, skal strekke seg både horisontalt og vertikalt innenfor gridcellen den opptar, og at den skal ha teksten "Tap meg!"
Programmets brukergrensesnittkode skal nå lignes på følgende:
På dette tidspunktet kan du skyte opp søknaden din og se at brukergrensesnittet ditt er på plass. Akkurat som tidligere, trykk CTRL + F5 for å kompilere og starte programmet i Windows Phone emulatoren. Hvis du har gjort alt riktig, vil du se en knapp i emulatoren nestet fast i øverste venstre hjørne.
Du kan trykke på knappen ved å klikke den med musen, men ingenting vil skje. Vi løser det neste ved å legge til noen hendelseshåndteringskode.
Gå tilbake til Visual Studio og sørg for at du har MainPage.xaml åpen i design / kodemodus. Du må legge til en hendelseshåndteringsattributt til knappen du har opprettet. Endre knappedeklarasjonen, legg til et ManipulationStarted-attributt. Pass på at du tillater Visual Studio å opprette en hendelseshåndteringsfunksjon for deg. Din knappoppføring bør nå se slik ut:
Nå åpner du koden bak filen for MainPage.xaml. Den heter MainPage.xaml.cs, og du kan finne den i Solution Explorer ved å klikke på pilen ved siden av MainPage.xaml.
På innsiden av MainPage.xaml.cs ser du hendelseshandleren som Visual Studio opprettet. Visual Studio har mest sannsynlig kalt det Button_ManipulationStarted, og i forbindelse med denne applikasjonen, det burde være bra. Endre funksjonsdeklarasjonen til følgende:
privat tomt Button_ManipulationStarted (objekt sender, ManipulationStartedEventArgs e) Button b = sender som Button; int col = Grid.GetColumn (b); int rad = Grid.GetRow (b); hvis (col == rad) Grid.SetColumn (b, ++ col% 2); ellers Grid.SetRow (b, ++ rad% 2);
Det første som denne metoden gjør er å opprette en ny variabel av typen Knapp og tilordne den en referanse til avsendervariabelen. Dette er viktig fordi Button kommer fra UIElement, og de neste få operasjonene krever et UIElement-objekt som parameter. Deretter får metoden nåværende kolonne- og radindeks ved å bruke en statisk metode i grid-klassen. Endelig bruker metoden en enkel algoritme for å bestemme hvor du skal flytte knappen og endre rad eller kolonneindeks etter behov. Du vet at hvis rad- og kolonneindeksene er de samme, må kolonnen endres. Hvis rad- og kolonneindeksene er forskjellige, må radene endres. I begge tilfeller bruker du en annen statisk metode i grid-klassen til å angi knappens rad eller kolonne. Den riktige indeksen bestemmes ved hjelp av enkel matematikk.
På dette tidspunktet er vi ferdige med prøveapplikasjonen. Trykk CTRL + F5 for å kompilere og starte programmet, og prøv deretter å klikke på knappen. Du ser det flytte rundt rutenettet hver gang du klikker. Prøv å bruke emulatorens kontroller for å endre telefonens orientering, og du vil se at programmet tilpasses uten problemer uten problemer.
Vi har bare bare rørt om temaet for Windows Phone 7-utvikling i denne opplæringen. Mens du nå er kjent med grunnleggende om å lage et program med Silverlight, vil du sannsynligvis ønske å lære mer om XAML, Silverlight, XNA og Windows Phone 7 utvikling generelt. Heldigvis finnes det allerede flere ressurser du kan vende deg til:
Accentsconagua