Utvikling av den første applikasjonen for Windows Phone: Forberede arbeidsmiljøet. Utvikle din første Windows Phone-app: Lag din første app

Hei alle sammen!

Mitt siste innlegg ble skrevet for ganske lenge siden, og det ville være på tide å rette opp dette beklagelige faktum. I dag bestemte jeg meg for å fortynne serien med artikler om Windows Azure og snakke om en annen, ikke mindre attraktiv plattform fra Microsoft - Windows Phone.

Som du sikkert allerede vet, har operativsystemet for mobile enheter fra Microsoft vært på markedet i lang tid (allerede siden 2010), og i dag inntar det en av de ledende posisjonene, i noen land overgår det til og med den populære iOS med antall enheter som selges. Derfor skriver mange utviklere både i Russland og rundt om i verden allerede applikasjoner for dette operativsystemet med makt og hoved, og rapporterer utmerket salg og fortjeneste i Windows Store.

Det er faktisk ganske enkelt å komme i gang med å utvikle apper for Windows Phone. Hvis du allerede kan C # og har erfaring med WPF eller Silverlight, så kan du si at du vet 80 % av informasjonen du trenger. Faktum er at utviklingsplattformen for Windows Phone opprinnelig var basert på Silverlight, og i WP8 ble den erstattet av en plattform som ligner litt på den, om enn nærmere WinRT. Så hvis du noen gang har skrevet applikasjoner i WPF, vet du hva MVVM er og hva det er for, så fortsett og skriv applikasjoner for Windows Phone.

Men hva om du ikke er en erfaren utvikler, men du virkelig vil ha her og nå din unike applikasjon som du kan installere på telefonen og vise frem til vennene dine? Dette er hva som vil bli diskutert i dagens artikkel.

Windows Phone App Studio

Jeg har alltid elsket Microsoft for å gi utviklerne svært praktiske verktøy å jobbe med. Og i august introduserte Microsoft sin nye tjeneste, som lar alle, selv ikke kjent med programmering i det hele tatt, lage sin egen applikasjon for Windows Phone. Det heter Windows Phone App Studio.

Med denne tjenesten kan du lage en fullverdig applikasjon fra bunnen av i bare fire trinn. Du kan angi dine egne stiler, bilder og data, legge til en beskrivelse og laste opp resultatet til appbutikken. Du trenger imidlertid ikke å være en registrert utvikler (årlig abonnement koster $ 99). Alle har nå muligheten til å låse opp én enhet gratis og laste ned opptil to av sine egne apper for å teste dem.

Jeg ble selv interessert i hvilke muligheter denne tjenesten har, og jeg bestemte meg for å lage en støtteapplikasjon for mitt miniprosjekt Programmeringsfakta. Jeg vil nå snakke om dette i detalj.

Trinn 0.1. registrering

For å begynne å bruke tjenesten må du registrere din egen LiveID-konto. Jeg tror det er ingen vits i å forklare hva det er hvis du har brukt en tjeneste fra Microsoft minst én gang. Gå til App Studio-nettstedet og klikk på Start Building-knappen:

Skriv inn ditt LiveID-brukernavn og passord, og du vil bli ført til administrasjonssystemet for applikasjonene dine. Hvis dette er første gang du gjør dette, vil du ha en tom liste. Jeg har allerede prog_facts-applikasjonen i samlingen min.

Trinn 0.2. Velge type applikasjon

For å lage din første applikasjon, må du velge menyelementet Opprett. Du vil bli tilbudt to alternativer - lag en applikasjon ved hjelp av en av de tilgjengelige malene, eller tilpass alt fra bunnen av.

Det finnes mange ferdige maler. Blant dem er det maler for sportsorienterte applikasjoner (for eksempel for å spore resultatene til favorittlaget ditt), familie, underholdning og mange andre. Når du holder musepekeren over en mal, vil du se dens korte beskrivelse, og når du velger hver av dem, åpnes et ekstra vindu som viser hvordan denne applikasjonen kan se ut.

I mitt tilfelle bestemte jeg meg for ikke å stole på malen, men opprettet applikasjonen fra bunnen av ved å velge riktig menyelement opprette en tom app.

Trinn 1. Søknadsinformasjon

Det aller første og enkleste trinnet av disse fire, som vi er lovet å opprette en søknad for, er ansvarlig for informasjon om den fremtidige søknaden. Du må skrive inn navnet, en kort beskrivelse og velge en logo. Logoen må være i PNG-format og 160 × 160 piksler i størrelse.

Vær oppmerksom på telefonen som vises til høyre. Den viser alltid applikasjonen din med endringene du gjør i den.

Trinn 2. Innholdsutfylling

Hver applikasjon opprettet gjennom Windows Phone App Studio er delt inn i seksjoner. Hver seksjon er et sett med sider koblet sammen med en slags logikk. For eksempel dataene som kan vises på denne siden. La oss lage en ny seksjon der vi vil bruke en RSS-feed som datakilde.

Her må du spesifisere navnet på den fremtidige delen, velge type datakilde (Samling, RSS, YouTube-videoer, bilder fra Flickr, Bing-søk og HTML5-innhold er tilgjengelig) og gi den et navn. Etter å ha opprettet seksjonen, blir vi ført til redigeringssiden.

Redigeringssiden er delt inn i flere deler. I Datakilde-delen kan du administrere datakilden knyttet til denne delen. Sider-delen inneholder en liste over alle sider som hører til delen. Du kan se at vi har to sider opprettet som standard. Den første, kalt blogg, er hovedsiden til delen, som inneholder oppføringer som er lest fra RSS-feeden. Den andre infosiden ble generert automatisk og er ansvarlig for å vise detaljene for hvert innlegg fra RSS når brukeren velger det fra listen. Vi forlater seksjonssidene for nå og redigerer datakilden først. (og ikke glem å klikke Lagre endringer slik at delen lagres i prosjektet)

Trinn 2.1. Datakilde

Etter å ha valgt datakilden på forrige skjermbilde, kommer vi til vinduet for å redigere den. Siden vi har valgt RSS-kildetypen, vil vi bli bedt om å spesifisere URL-en som dataene skal mottas på. For dette eksempelet vil vi bruke RSS-feeden som ligger på

Så snart du klikker på Oppdater og lagrer resultatene, på hovedsiden til applikasjonen i emulatoren, vil du umiddelbart se at dataene fra RSS-feeden allerede vises i applikasjonen din. Dette er ekstremt praktisk og nyttig, fordi du umiddelbart kan finne ut hvordan programmet vil se ut. RSS-feeden min legger for eksempel ikke ved bilder til innlegg, så i stedet erstatter App Studio-konstruktøren standardbilder som ser malplasserte ut. La oss fikse dette.

Trinn 2.2. Redigering av sideutseendet

Hvis du velger en av sidene på "Konfigurer appinnhold"-siden i delen Seksjonssider, blir du tatt til redigeringsvinduet. Det er flere mulige maler tilgjengelig for hver sidetype. For bloggsiden, som jeg i utgangspunktet ønsker å korrigere, er standard visningstype for innlegg og bilder satt. La oss gå til post-only view, justere tittelen på siden underveis:

Du kan umiddelbart se hvordan applikasjonen har endret seg. Nå går oppføringene etter hverandre sekvensielt, noe som bringer appens utseende til en minimalistisk stil. Vær oppmerksom på feltene Varetittel og Vareundertittel. I stedet for enkel tekst er det nå uforståelige uttrykk (Data.Title) og (Data.Summary). For de som er kjent med WPF kan dette sammenlignes med Data Binding. For resten skal jeg forklare.

Siden vår seksjon er bygget rundt datakilden, må vi på en eller annen måte kunne motta data fra denne kilden. Disse uttrykkene betyr bare at vi i de tilsvarende feltene ønsker å se informasjon mottatt fra RSS-feeden. Her representerer Data-objektet en enkelt oppføring fra RSS-en, og Tittel- og Sammendrag-feltene representerer en spesifikk del av den oppføringen. Hvis du klikker på ikonet til høyre for feltet, vil du se hele listen over tilgjengelige felt for dataobjektet, blant annet er det informasjon om forfatteren av oppføringen, datoen, lenken og noen flere.

La oss prøve å redigere informasjonssiden på samme måte. Et litt annet sett med maler er tilgjengelig for det, blant dem vil vi velge den enkleste og mest passende:

På denne siden er alt omtrent likt. Det eneste er at i stedet for et dataobjekt, brukes en kontekst her, som i hovedsak er det samme.

Trinn 2.3. Legge til menyer og andre seksjoner

I tillegg til enkle seksjoner kan en såkalt meny legges til Windows Phone App Studio. Dette er en seksjon som består av en liste med lenker til andre seksjoner eller til eksterne nettsteder. Jeg bestemte meg for å legge til en meny til videodelene på nettstedet slik at du alltid har rask tilgang til nyttig informasjon ved fingertuppene. En meny legges til på samme måte som en enkel seksjon, og tilpasningen er ikke vanskelig. Så jeg foreslår at du mestrer dette som lekser.

Trinn 3. Stiler

Etter å ha fullført søknaden med seksjoner, sider og menyer, går vi over til å snakke om det vakre, nemlig stilen. I seksjon 3 "Konfigurer appstil" kan du tilpasse grunnfargeskjemaet som skal brukes i applikasjonen din. Jeg valgte fargene som ble brukt i bloggen – blått og hvitt. Dermed viste applikasjonen seg å være lett og behagelig, selv om det ikke er noen tvist om smak.

Accent Brush-fargen er ansvarlig for hva hovedaksentfargen din vil være. Han er ansvarlig for tittelen på søknaden. Bakgrunnsbørsten, som du kanskje gjetter, er ansvarlig for bakgrunnsfargen. Du kan også velge et bilde hvis du finner det mer passende enn en ensfarget fyll. Forgrunnsbørsten er fargen på skriftene som skal brukes til å vise data i applikasjonen din. Vel, Application Bar Brush er bakgrunnsfargen på menylinjen som vises nederst.

Trinn 3.1. Fliser

Fliser er en integrert del av alle Windows Phone-applikasjoner. De kan utvide applikasjonen din ved å la brukeren se tilleggsinformasjon uten å åpne hovedprogramvinduet. Selvfølgelig, i Windows Phone App Studio vil du ikke kunne lage en smart flis som uavhengig kan oppdatere visningen og laste inn tilleggsdata fra et sted. Du kan imidlertid velge mellom flere standard oppførsel ved å bruke noen statiske data. For eksempel, for glamcoder-applikasjonen, valgte jeg flistypen Iconic Template og viser en kort beskrivelse av applikasjonen på den:

Trinn 3.2. Splash- og låseskjermer

Dette er ekstra dekorasjoner som vil gjøre søknaden din mer elegant og presentabel. Splash Screen er et bilde som vises for brukeren mens applikasjonen din lastes inn. Der er det som regel vanlig å plassere logoen til ditt program eller firma for umiddelbart å gjøre det klart for brukeren nøyaktig hvilken applikasjon han skal bruke for øyeblikket.

Bilde for låseskjerm er et bilde som vises på låseskjermen. Faktisk gir det ikke mye praktisk mening, fordi dette bildet er statisk i Windows Phone App Studio, og det er usannsynlig at brukeren vil endre det fargerike Bing-bakgrunnen med bildet ditt.

Trinn 4. Endelig

Vel, her kommer vi til det aller siste stadiet - å lage vår første applikasjon for Windows Phone. På den siste siden med navnet Generer, vil vi ha et kjært alternativ - å generere en pakke, som vi senere kan installere på enheten vår. Trykk på den store Generer app-knappen og vent på at magien skal virke.

Etter at genereringen er fullført, vil du se en tilsvarende melding, samt flere alternativer å velge mellom. Først vil du motta et brev i posten, hvor du kan laste ned søknaden din. For det andre kan du laste ned den ferdige pakkefilen til datamaskinen din for å publisere den senere i applikasjonsbutikken. Og det tredje alternativet - du kan laste ned kildekodene til den resulterende applikasjonen for å redigere dem. Jeg anbefaler deg å bruke den tredje metoden. For det første gir det deg mer fleksibilitet til å gjøre endringer som ikke kan gjøres i Windows Phone App Studio. Og for det andre, og dette er det viktigste, kan du uavhengig finne ut applikasjonskoden, lære hvordan den fungerer, slik at neste gang kan du skrive alt med egne hender.

Konklusjon

Populariteten til et bestemt mobiloperativsystem i disse dager bestemmes ikke av funksjonene som det gir brukere ut av esken selv, men av applikasjonene som er tilgjengelige i butikken og som lar deg utvide funksjonaliteten til hver enhet på ubestemt tid. Jeg hører ofte ordene fra folk som ikke er kjent med Windows Phone om at det er et bakvendt system, at det ikke har de nødvendige applikasjonene og lignende tull. Alt dette er ikke sant. Systemet utvikler seg aktivt, hver dag dukker det opp flere og flere nye, nyttige og noen ganger til og med eksklusive applikasjoner.

Jeg håper virkelig denne artikkelen inspirerer deg til å skrive din egen første Windows Phone-app. Og jeg vil tro at kunnskapen du tilegner deg vil hjelpe deg med å lage en ny Instagram eller nye Angry Birds. Og slik at dette skjer så tidlig som mulig, gå til utviklingsportalen for Windows Phone, studer materialene, se videoopplæringer, lag.

Lykke til og gode søknader til deg!

Før du begynner å utforske plattformens muligheter og applikasjonsutvikling, må du sørge for at vi har alle nødvendige verktøy og forstår noe av det grunnleggende innen utvikling.

Verktøy

Visual Studio 2010

For å utvikle for Windows Phone trenger du Visual Studio 2010 med Service Pack 1 Professional edition eller høyere. Hvis du ikke har Visual Studio 2010, når du installerer Windows Phone Development Toolkit, vil gratisversjonen av Visual Studio 2010 Express for Windows Phone bli installert automatisk, hvor du også kan utvikle applikasjoner for Windows Phone.

Begge versjonene av Visual Studio IDE-ene gir utvikleren fulle enhets- og emulatorfeilsøkingsfunksjoner som ligner på de som finnes i stasjonære Windows-applikasjonsutviklere.

Vær oppmerksom på at for å feilsøke på en enhet, i tillegg til selve enheten og en kabel for tilkobling til en datamaskin, må du ha Zune-programvare installert på datamaskinen (http://zune.net). Før du distribuerer applikasjonen og feilsøker, må du også registrere enheten ("låse opp" den) ved å bruke Windows Phone Developer Registration Tool, som er installert sammen med Windows Phone SDK.

Windows Phone SDK

Denne pakken, tilgjengelig for nedlasting fra App Hub-siden http://create.msdn.com, inneholder alt du trenger for å komme i gang med utviklingen. Når dette skrives, er den nyeste versjonen av verktøysettet tilgjengelig i Windows Phone SDK 7.1 Release Candidate under en "Go Live"-lisens med muligheten til å utvikle tilpassede applikasjoner og publisere dem til Windows Phone Marketplace. Windows Phone SDK 7.1 Release Candidate inneholder følgende komponenter:

  • Windows Phone SDK 7.1
  • Windows Phone-emulator
  • Windows Phone SDK 7.1-sammenstillinger
  • Silverlight 4 SDK og DRT
  • Windows Phone SDK 7.1-utvidelser for XNA Game Studio 4.0
  • Expression Blend SDK for Windows Phone 7
  • Expression Blend SDK for Windows Phone OS 7.1
  • WCF Data Services Client for Windows Phone
  • Microsoft Advertising SDK for Windows Phone

Hvis du ikke har Visual Studio 2010 Professional Edition, Expression Bland 4 eller XNA Game Studio 4.0 installert, vil installasjonsprosessen også laste ned og installere:

  • Visual Studio 2010 Express for Windows Phone
  • Expression Blend 4 for Windows Phone
  • XNA Game Studio 4.0

Expression Blend og Expression Blend for Windows Phone

Expression Blend er en interaktiv visuell designer for XAML, en for Silverlight-applikasjoner og Windows Presentation Foundation (WPF). Det er et flott forfatterverktøy som lar deg enkelt manipulere lag, animasjoner, stiler og maler. Det er et grunnleggende XAML-utviklingsverktøy. Expression Blend i seg selv er ikke gratis, men en spesiell versjon for å lage applikasjoner for Windows Phone kalt Expression Blend 4 for Windows Phone er tilgjengelig for utviklere gratis. Den vil bli lastet ned og installert under installasjonen av Windows Phone SDK hvis du ikke har fullversjonen av Expression Blend på datamaskinen. Les mer om Expression Blend 4 på MSDN:

XNA Game Studio 4.0

Windows Phone-emulator

Selv om Windows Phone Emulator ikke inneholder det komplette settet med applikasjoner som er tilgjengelig på en ekte enhet, gir den et kraftig rammeverk som lar deg nesten fullstendig utvikle en applikasjon i en emulator.

Windows Phone Emulator støtter ikke avspilling av Zune-medier. Emulatoren kommer bare med én innebygd Internet Explorer-app, men det er Internet Explorer 9 med HTML5-støtte.

Samtidig lar emulatoren deg teste samtaler og sende SMS-meldinger, støtter multitouch på skjermer med støtte, støtter simulering av et kamera, geolokaliseringstjenester og et akselerometer, og lar deg også ta skjermbilder.

Ytterligere utviklerverktøy

Windows Phone Developer Registration Tool

Windows Phone Profiler

Windows Phone Profiler er tilgjengelig fra feilsøkingsmenyen i Visual Studio med Windows Phone SDK installert.

Silverlight Toolkit for Windows Phone- En samling nyttige Silverlight-kontroller for Windows Phone med støtte for designmodus, fra Silverlight-utviklingsteamet. All kildekode, eksempler og dokumentasjon er tilgjengelig. Oppdateres omtrent hver tredje måned, tilgjengelig på http://silverlight.codeplex.com eller via NuGet.

Den nåværende utgivelsen inkluderer kontroller som ContextMenu, DatePicker og TimePicker, ToggleSwitch, WrapPanel og GestureHelper.

Utviklingsmiljø

Etter installasjon av Windows Phone SDK Development Kit, vil prosjektgruppene for Silverlight for Windows Phone vises i dialogboksen Nytt prosjekt i Visual Studio:

og prosjekter for Windows Phone vil bli lagt til i XNA Game Studio 4.0-gruppen:

Denne artikkelserien fokuserer på Windows Phone-utvikling med Silverlight, så la oss se nærmere på malene som er tilgjengelige for en applikasjonsutvikler.

Etter installasjonen har utvikleren følgende Silverlight for Windows Phone-applikasjonsmaler til disposisjon:

  • Windows Phone-applikasjon
  • Windows Phone Databound-applikasjon
  • Windows Phone klassebibliotek
  • Windows Phone Silverlight og XNA-applikasjon

Før jeg går videre til applikasjonsmaler, må jeg si noen ord om Windows Phone og Windows 8-stil UI.

Windows Phone og Windows 8-stil UI

Windows Phone er ikke bare en annen mobilplattform. Den inneholder ikke bare en teknologisk komponent, men også et fullt utviklet konsept for grensesnittdesign og brukerinteraksjon kalt Windows 8-stil UI eller Windows 8-stil UI.

Hvis du er designer eller har en dedikert designer i teamet ditt, kan du dra full nytte av verktøyene Expression Blend 4 eller Expression Blend for Windows Phone som følger med Windows Phone SDK.

Hva om du er en utvikler og ikke ønsker å gjøre den visuelle utformingen av en applikasjon, for eksempel utvikler du en forretningsapplikasjon og alt som kreves av det er å matche den generelle designen og stilen til Windows Phone?

Alt er veldig enkelt. For det første er Silverlight for telefon designet med Windows 8-stil UI i tankene, så alle innebygde kontroller er designet i Windows 8-stil UI. For det andre, som standard, fungerer, ser og bruker applikasjoner bygget fra maler som følger med Windows Phone SDK, stiler og fonter i samsvar med Windows 8-stil UI.

På den annen side er stylingmulighetene til XAML-baserte kontroller og applikasjoner som Silverlight tilbyr nok til å gjøre applikasjonen din unik og gjenkjennelig mens den forblir innenfor Windows 8-stil UI.

Retningslinjer for grensesnittdesign og brukeropplevelse for Windows Phone finner du på følgende lenke

Alt som er sagt ovenfor gjelder selvfølgelig utformingen av vanlige applikasjoner, siden kravene til design av spillapplikasjoner og deres grensesnitt kan variere betydelig. Samtidig bør vi ikke glemme de generelle prinsippene for brukerinteraksjon, innebygd i konseptet med Windows Phone.

Søknadsmaler

La oss først se på tre maler som representerer de tre hovedstilene til en Windows Phone-applikasjon:

  • Windows Phone-applikasjon
  • Windows Phone Pivot-applikasjon
  • Windows Phone Panorama-applikasjon

Windows Phone Application er en analog av en enkel dialogapplikasjon som har én hovedskjerm som hovedbrukerinteraksjonen foregår gjennom.

Windows Phone Pivot-applikasjon er beslektet med et bokmerket program, der tittelen på hvert bokmerke definerer innholdet. Et typisk brukstilfelle er at hvert bokmerke representerer de samme dataene generelt, men i forskjellige visninger og/eller med forskjellig filtrering. For eksempel kalender, e-postklient og telefoninnstillinger. Malen bruker en pivotkontroll.

Windows Phone Panorama Application - en panoramaapplikasjon der brukerinteraksjonssonene også er delt inn i paneler, men de er tilgjengelige gjennom horisontal rulling; bakgrunnsbildet er satt til hele panoramaet på en gang, det har en felles tittel som ruller saktere enn panelene; innholdet i det tilstøtende panelet til høyre er synlig når det gjeldende vises. For eksempel er huber i Windows Phone implementert på denne måten: People, Marketplace, Pictures, Music + Videos, etc. Malen bruker Panorama-kontrollen.

Malene som slutter på Agent er bibliotekmaler for å utføre de tilsvarende bakgrunnsoppgavene:

  • Windows Phone Audio Playback Agent
  • Windows Phone Audio Streaming Agent
  • Windows Phone Planlagt oppgaveagent

Windows Phone Databound Application Template - En enkel kombinasjonsboks-applikasjonsmal - en detaljert visning som implementerer navigering mellom sider, overføring av parametere og lagring av data i den globale ViewModel.

Windows Phone Class Library Mal - En klassebibliotekmal for Windows Phone.

En Windows Phone Silverlight og XNA-applikasjonsmal for en Silverlight-applikasjon som kan bruke XNA til å gjengi grafisk innhold.

Før du starter prosessen med å utvikle applikasjoner for mobiltelefoner som kjører på, bør du utarbeide et spesielt verktøysett, uten hvilket det vil være umulig å fullføre ytterligere stadier.

Forberedelse til utvikling krever følgende programvare:

  • Visual Studio2010

Denne programvaren gir deg muligheten til å bruke feilsøkingene fullt ut. Det er verdt å merke seg at lignende oppsett brukes for skrivebordsversjoner av Windows.

  • Uttrykksblanding

Programvaren er en visuell designer, takket være den kan du enkelt jobbe med lag, alle slags maler, stil og animasjon. Expression Blend4 for WindowsPhone er tilgjengelig som gratis nedlasting. Det er verdt å merke seg at Expression Blend er basen for XAML.

  • WindowsPhone SDK

Med denne pakken kan du starte utviklingsprosessen.

  • WindowsPhone Emulator

Lar deg lage i en emulator med innebygd Internet Explorer9, utstyrt med HTML5, applikasjoner. Den kan også brukes til å teste samtaler og SMS-meldinger, samt støtte mange nyttige funksjoner, inkludert multitouch på skjermer, kamerasimulering. Geolokaliseringstjenester er tilgjengelige for bruk. Imidlertid mangler denne emulatoren støtte for Zune-medier.

  • XNA Game Studio 4.0

Takket være denne programvaren kan du utvikle spill, både for konsollen, PC-en og for WindowsPhone. XNA Framework-biblioteker er et viktig stykke programvare som er preget av tilstedeværelsen av administrert kode.

Ekstra programvare

Ytterligere verktøy for utviklere inkluderer følgende:

  • WindowsPhone Developer Registration Tool.
  • WindowsPhone Profiler. Den oppdager ytelsesproblemer.
  • Silverlight Toolkit for WindowsPhone.

Utviklingsmiljøfunksjoner

Når alt nødvendig verktøy er installert, har utviklere tilgang til en rekke Silverlight for WindowsPhone-applikasjonsmaler. Denne programvaren inkluderer både et komplett sett med teknologiske komponenter for utvikling og Windows 8-stil UI, som er et effektivt konsept for utformingen av grensesnittet og systemet som lar deg samhandle med brukeren på et høyt nivå. Med dens hjelp kan du lage en minneverdig og original stil som virkelig vil få applikasjonen til å skille seg ut fra mange andre i butikken.

Det er tre maler som representerer tre forskjellige stiler for WindowsPhone:

  • Den første malen kalles WindowsPhone Application, som er et vanlig eksempel på en dialogapplikasjon. Interaksjon med brukere utføres ved hjelp av en enkelt skjerm.
  • WindowsPhone Pivot Application er opprettet som et program med bokmerker. Hvert av bokmerkene har sin egen tittel, som du kan identifisere innholdet med. Pivot brukes som et kontrollelement.
  • WindowsPhone Panorama Application har et særegent system for interaksjon med brukere, som utføres gjennom sonene med horisontal rulling delt på panelene. Denne malen er preget av plasseringen av bakgrunnsbildet gjennom hele panoramaet. Innhold plassert på det tilstøtende panelet på høyre side kan sees når du viser det gjeldende. Panorama er et styringselement.

Det er verdt å merke seg at maler som slutter på Agent er maler for spesielle biblioteker, hvis hovedformål er å utføre ulike bakgrunnsoppgaver. Det er også et stort antall forskjellige andre maler som spiller en viktig rolle i utviklingsprosessen av ulike mobilapplikasjoner.

Du kan lære mer om utvikling av applikasjoner for Windows Phone .

Hei alle sammen!

Mitt siste innlegg ble skrevet for ganske lenge siden, og det ville være på tide å rette opp dette beklagelige faktum. I dag bestemte jeg meg for å fortynne serien med artikler om Windows Azure og snakke om en annen, ikke mindre attraktiv plattform fra Microsoft - Windows Phone.

Som du sikkert allerede vet, har operativsystemet for mobile enheter fra Microsoft vært på markedet i lang tid (allerede siden 2010), og i dag inntar det en av de ledende posisjonene, i noen land overgår det til og med den populære iOS med antall enheter som selges. Derfor skriver mange utviklere både i Russland og rundt om i verden allerede applikasjoner for dette operativsystemet med makt og hoved, og rapporterer utmerket salg og fortjeneste i Windows Store.

Det er faktisk ganske enkelt å komme i gang med å utvikle apper for Windows Phone. Hvis du allerede kan C # og har erfaring med WPF eller Silverlight, så kan du si at du vet 80 % av informasjonen du trenger. Faktum er at utviklingsplattformen for Windows Phone opprinnelig var basert på Silverlight, og i WP8 ble den erstattet av en plattform som ligner litt på den, om enn nærmere WinRT. Så hvis du noen gang har skrevet applikasjoner i WPF, vet du hva MVVM er og hva det er for, så fortsett og skriv applikasjoner for Windows Phone.

Men hva om du ikke er en erfaren utvikler, men du virkelig vil ha her og nå din unike applikasjon som du kan installere på telefonen og vise frem til vennene dine? Dette er hva som vil bli diskutert i dagens artikkel.

Windows Phone App Studio

Jeg har alltid elsket Microsoft for å gi utviklerne svært praktiske verktøy å jobbe med. Og i august introduserte Microsoft sin nye tjeneste, som lar alle, selv ikke kjent med programmering i det hele tatt, lage sin egen applikasjon for Windows Phone. Det heter Windows Phone App Studio.

Med denne tjenesten kan du lage en fullverdig applikasjon fra bunnen av i bare fire trinn. Du kan angi dine egne stiler, bilder og data, legge til en beskrivelse og laste opp resultatet til appbutikken. Du trenger imidlertid ikke å være en registrert utvikler (årlig abonnement koster $ 99). Alle har nå muligheten til å låse opp én enhet gratis og laste ned opptil to av sine egne apper for å teste dem.

Jeg ble selv interessert i hvilke muligheter denne tjenesten har, og jeg bestemte meg for å lage en støtteapplikasjon for mitt miniprosjekt Programmeringsfakta. Jeg vil nå snakke om dette i detalj.

Trinn 0.1. registrering

For å begynne å bruke tjenesten må du registrere din egen LiveID-konto. Jeg tror det er ingen vits i å forklare hva det er hvis du har brukt en tjeneste fra Microsoft minst én gang. Gå til App Studio-nettstedet og klikk på Start Building-knappen:

Skriv inn ditt LiveID-brukernavn og passord, og du vil bli ført til administrasjonssystemet for applikasjonene dine. Hvis dette er første gang du gjør dette, vil du ha en tom liste. Jeg har allerede prog_facts-applikasjonen i samlingen min.

Trinn 0.2. Velge type applikasjon

For å lage din første applikasjon, må du velge menyelementet Opprett. Du vil bli tilbudt to alternativer - lag en applikasjon ved hjelp av en av de tilgjengelige malene, eller tilpass alt fra bunnen av.

Det finnes mange ferdige maler. Blant dem er det maler for sportsorienterte applikasjoner (for eksempel for å spore resultatene til favorittlaget ditt), familie, underholdning og mange andre. Når du holder musepekeren over en mal, vil du se dens korte beskrivelse, og når du velger hver av dem, åpnes et ekstra vindu som viser hvordan denne applikasjonen kan se ut.

I mitt tilfelle bestemte jeg meg for ikke å stole på malen, men opprettet applikasjonen fra bunnen av ved å velge riktig menyelement opprette en tom app.

Trinn 1. Søknadsinformasjon

Det aller første og enkleste trinnet av disse fire, som vi er lovet å opprette en søknad for, er ansvarlig for informasjon om den fremtidige søknaden. Du må skrive inn navnet, en kort beskrivelse og velge en logo. Logoen må være i PNG-format og 160 × 160 piksler i størrelse.

Vær oppmerksom på telefonen som vises til høyre. Den viser alltid applikasjonen din med endringene du gjør i den.

Trinn 2. Innholdsutfylling

Hver applikasjon opprettet gjennom Windows Phone App Studio er delt inn i seksjoner. Hver seksjon er et sett med sider koblet sammen med en slags logikk. For eksempel dataene som kan vises på denne siden. La oss lage en ny seksjon der vi vil bruke en RSS-feed som datakilde.

Her må du spesifisere navnet på den fremtidige delen, velge type datakilde (Samling, RSS, YouTube-videoer, bilder fra Flickr, Bing-søk og HTML5-innhold er tilgjengelig) og gi den et navn. Etter å ha opprettet seksjonen, blir vi ført til redigeringssiden.

Redigeringssiden er delt inn i flere deler. I Datakilde-delen kan du administrere datakilden knyttet til denne delen. Sider-delen inneholder en liste over alle sider som hører til delen. Du kan se at vi har to sider opprettet som standard. Den første, kalt blogg, er hovedsiden til delen, som inneholder oppføringer som er lest fra RSS-feeden. Den andre infosiden ble generert automatisk og er ansvarlig for å vise detaljene for hvert innlegg fra RSS når brukeren velger det fra listen. Vi forlater seksjonssidene for nå og redigerer datakilden først. (og ikke glem å klikke Lagre endringer slik at delen lagres i prosjektet)

Trinn 2.1. Datakilde

Etter å ha valgt datakilden på forrige skjermbilde, kommer vi til vinduet for å redigere den. Siden vi har valgt RSS-kildetypen, vil vi bli bedt om å spesifisere URL-en som dataene skal mottas på. For dette eksempelet vil vi bruke RSS-feeden som ligger på

Så snart du klikker på Oppdater og lagrer resultatene, på hovedsiden til applikasjonen i emulatoren, vil du umiddelbart se at dataene fra RSS-feeden allerede vises i applikasjonen din. Dette er ekstremt praktisk og nyttig, fordi du umiddelbart kan finne ut hvordan programmet vil se ut. RSS-feeden min legger for eksempel ikke ved bilder til innlegg, så i stedet erstatter App Studio-konstruktøren standardbilder som ser malplasserte ut. La oss fikse dette.

Trinn 2.2. Redigering av sideutseendet

Hvis du velger en av sidene på "Konfigurer appinnhold"-siden i delen Seksjonssider, blir du tatt til redigeringsvinduet. Det er flere mulige maler tilgjengelig for hver sidetype. For bloggsiden, som jeg i utgangspunktet ønsker å korrigere, er standard visningstype for innlegg og bilder satt. La oss gå til post-only view, justere tittelen på siden underveis:

Du kan umiddelbart se hvordan applikasjonen har endret seg. Nå går oppføringene etter hverandre sekvensielt, noe som bringer appens utseende til en minimalistisk stil. Vær oppmerksom på feltene Varetittel og Vareundertittel. I stedet for enkel tekst er det nå uforståelige uttrykk (Data.Title) og (Data.Summary). For de som er kjent med WPF kan dette sammenlignes med Data Binding. For resten skal jeg forklare.

Siden vår seksjon er bygget rundt datakilden, må vi på en eller annen måte kunne motta data fra denne kilden. Disse uttrykkene betyr bare at vi i de tilsvarende feltene ønsker å se informasjon mottatt fra RSS-feeden. Her representerer Data-objektet en enkelt oppføring fra RSS-en, og Tittel- og Sammendrag-feltene representerer en spesifikk del av den oppføringen. Hvis du klikker på ikonet til høyre for feltet, vil du se hele listen over tilgjengelige felt for dataobjektet, blant annet er det informasjon om forfatteren av oppføringen, datoen, lenken og noen flere.

La oss prøve å redigere informasjonssiden på samme måte. Et litt annet sett med maler er tilgjengelig for det, blant dem vil vi velge den enkleste og mest passende:

På denne siden er alt omtrent likt. Det eneste er at i stedet for et dataobjekt, brukes en kontekst her, som i hovedsak er det samme.

Trinn 2.3. Legge til menyer og andre seksjoner

I tillegg til enkle seksjoner kan en såkalt meny legges til Windows Phone App Studio. Dette er en seksjon som består av en liste med lenker til andre seksjoner eller til eksterne nettsteder. Jeg bestemte meg for å legge til en meny til videodelene på nettstedet slik at du alltid har rask tilgang til nyttig informasjon ved fingertuppene. En meny legges til på samme måte som en enkel seksjon, og tilpasningen er ikke vanskelig. Så jeg foreslår at du mestrer dette som lekser.

Trinn 3. Stiler

Etter å ha fullført søknaden med seksjoner, sider og menyer, går vi over til å snakke om det vakre, nemlig stilen. I seksjon 3 "Konfigurer appstil" kan du tilpasse grunnfargeskjemaet som skal brukes i applikasjonen din. Jeg valgte fargene som ble brukt i bloggen – blått og hvitt. Dermed viste applikasjonen seg å være lett og behagelig, selv om det ikke er noen tvist om smak.

Accent Brush-fargen er ansvarlig for hva hovedaksentfargen din vil være. Han er ansvarlig for tittelen på søknaden. Bakgrunnsbørsten, som du kanskje gjetter, er ansvarlig for bakgrunnsfargen. Du kan også velge et bilde hvis du finner det mer passende enn en ensfarget fyll. Forgrunnsbørsten er fargen på skriftene som skal brukes til å vise data i applikasjonen din. Vel, Application Bar Brush er bakgrunnsfargen på menylinjen som vises nederst.

Trinn 3.1. Fliser

Fliser er en integrert del av alle Windows Phone-applikasjoner. De kan utvide applikasjonen din ved å la brukeren se tilleggsinformasjon uten å åpne hovedprogramvinduet. Selvfølgelig, i Windows Phone App Studio vil du ikke kunne lage en smart flis som uavhengig kan oppdatere visningen og laste inn tilleggsdata fra et sted. Du kan imidlertid velge mellom flere standard oppførsel ved å bruke noen statiske data. For eksempel, for glamcoder-applikasjonen, valgte jeg flistypen Iconic Template og viser en kort beskrivelse av applikasjonen på den:

Trinn 3.2. Splash- og låseskjermer

Dette er ekstra dekorasjoner som vil gjøre søknaden din mer elegant og presentabel. Splash Screen er et bilde som vises for brukeren mens applikasjonen din lastes inn. Der er det som regel vanlig å plassere logoen til ditt program eller firma for umiddelbart å gjøre det klart for brukeren nøyaktig hvilken applikasjon han skal bruke for øyeblikket.

Bilde for låseskjerm er et bilde som vises på låseskjermen. Faktisk gir det ikke mye praktisk mening, fordi dette bildet er statisk i Windows Phone App Studio, og det er usannsynlig at brukeren vil endre det fargerike Bing-bakgrunnen med bildet ditt.

Trinn 4. Endelig

Vel, her kommer vi til det aller siste stadiet - å lage vår første applikasjon for Windows Phone. På den siste siden med navnet Generer, vil vi ha et kjært alternativ - å generere en pakke, som vi senere kan installere på enheten vår. Trykk på den store Generer app-knappen og vent på at magien skal virke.

Etter at genereringen er fullført, vil du se en tilsvarende melding, samt flere alternativer å velge mellom. Først vil du motta et brev i posten, hvor du kan laste ned søknaden din. For det andre kan du laste ned den ferdige pakkefilen til datamaskinen din for å publisere den senere i applikasjonsbutikken. Og det tredje alternativet - du kan laste ned kildekodene til den resulterende applikasjonen for å redigere dem. Jeg anbefaler deg å bruke den tredje metoden. For det første gir det deg mer fleksibilitet til å gjøre endringer som ikke kan gjøres i Windows Phone App Studio. Og for det andre, og dette er det viktigste, kan du uavhengig finne ut applikasjonskoden, lære hvordan den fungerer, slik at neste gang kan du skrive alt med egne hender.

Konklusjon

Populariteten til et bestemt mobiloperativsystem i disse dager bestemmes ikke av funksjonene som det gir brukere ut av esken selv, men av applikasjonene som er tilgjengelige i butikken og som lar deg utvide funksjonaliteten til hver enhet på ubestemt tid. Jeg hører ofte ordene fra folk som ikke er kjent med Windows Phone om at det er et bakvendt system, at det ikke har de nødvendige applikasjonene og lignende tull. Alt dette er ikke sant. Systemet utvikler seg aktivt, hver dag dukker det opp flere og flere nye, nyttige og noen ganger til og med eksklusive applikasjoner.

Jeg håper virkelig denne artikkelen inspirerer deg til å skrive din egen første Windows Phone-app. Og jeg vil tro at kunnskapen du tilegner deg vil hjelpe deg med å lage en ny Instagram eller nye Angry Birds. Og slik at dette skjer så tidlig som mulig, gå til utviklingsportalen for Windows Phone, studer materialene, se videoopplæringer, lag.

Lykke til og gode søknader til deg!

Å utvikle applikasjoner for Windows Phone er ikke så vanskelig, spesielt hvis du prøver å lage en applikasjon som gir informasjon om tjenester og produkter eller samler inn data fra en RSS-feed.

Dette er den typen applikasjoner som kan implementeres ved hjelp av javascript-kode i en nettleser, eller ved å bruke Access-designeren, og derfor trenger du ikke å anskaffe et komplett sett med verktøy for å utvikle slike mobil- eller skrivebordsapplikasjoner. En ny generasjon appbyggere har kommet, webtjenester som lar deg bygge og kjøre dine egne apper.

Microsoft lanserte nylig sitt eget studio for å lage applikasjoner - Windows Phone App Studio... Det er et enkelt verktøy som lar deg lage fungerende applikasjoner fra bunnen av. For eksempel vil det ta deg mindre enn 15 minutter å utvikle en enkel applikasjon, som diskuteres i denne artikkelen, siden denne konstruktøren gir standardmaler. Selvfølgelig snakker vi ikke om utviklingen av komplekse programmer eller spill akkurat nå, men denne artikkelen vil være nok for deg å starte.

I likhet med Access-apper bruker programmer bygget med Windows Phone App Studio datatilkoblinger, det vil si at de er bygget i henhold til master-/detaljvisningsmodellen. Du kan koble til en innholdsfeed (det være seg RSS, Youtube, etc.), eller bruke den til å publisere ditt eget innhold. Selvfølgelig er applikasjonen i stand til begge deler samtidig. I tillegg til innmatinger, vil du også ha muligheten til å være vert for ditt eget innhold, enten det er kompilert til HTML-sider, eller sider organisert ved hjelp av enkle databaser som Microsoft kaller «samlinger».

1. I det første trinnet, må du bestemme innholdet i applikasjonen din, kan du redigere eller slette de sidene og elementene som er som standard.

Vi koblet testappen vår til rss-feeden for den store verden. Alt vi trenger er en feed-URL, og byggeren vil automatisk opprette en viewport som viser en liste over nylige artikler, samt en andre viewport som viser detaljert informasjon om artiklene.

Det er imidlertid verdt å merke seg at prosessen med å lage din egen applikasjon ikke er så enkel, siden RSS-parseren som brukes i App Studio noen ganger ikke klarer å formatere RSS-feedene som genereres av nettstedet. Det vil si at noen ganger kan det bli et reelt problem, fordi teksten i artikkelen rett og slett ikke vises, og samtidig vil feilsøkingsevnen være sterkt begrenset, slik tilfellet er med alle skybaserte utviklingsverktøy.

3. Nå må du stille inn tittel Beskrivelse, og sett den også til 160x160 piksler.

4. Vel, den siste fasen - generasjon og publisering applikasjoner. Her er hva vi fikk:

På slutten er en forhåndsvisning av den opprettede applikasjonen tilgjengelig, du kan sjekke hvordan den vil fungere på en smarttelefon eller nettbrett. Hvis alt er bra, klikk på Generer-knappen, et popup-vindu vises:

To alternativer å velge mellom, det første er å generere en applikasjon for mobile enheter, det andre er for nettbrett og vanlige PC-er. Tjenesten bruker mindre enn 10 minutter på generering, så du kan lage et produkt for hver plattform en etter en. Installasjonsprosessen er veldig enkel takket være den innebygde støtten for QR-koder i Windows Phone. Først må du installere sertifikatet på telefonen, og dette gjøres gjennom en QR-kode som lar deg laste ned sertifikatet direkte til telefonen.

  • For å laste opp det resulterende miraklet til Windows Phone Store, dvs. til appbutikken slik at alle kan laste den ned, ikke bare du, du trenger et utviklersertifikat. Det koster omtrent 600 rubler.

Det er umiddelbart åpenbart at dette verktøyet er rettet mot BYODEv-scenarier - når du raskt trenger å få en applikasjon, og samtidig ikke involveres i en fullverdig utviklingsprosess. Selv om det er verdt å merke seg at du fortsatt har muligheten til å laste ned de ferdige kildekodene og bruke dette verktøyet til prototyping før du sender dem inn for revisjon til utviklingsteamet. Du vil mest sannsynlig kunne binde datakilder uavhengig i form av samlinger som er vert i skyen.

Dette er en av de gode grunnene til at Microsoft lar deg laste ned kildekode som er klargjort for bruk i Visual Studio. Det vil bli samlet inn i et Visual Studio-prosjekt, og du kan importere det direkte til skrivebordets IDE og deretter jobbe med feil. Å feilsøke applikasjonen ved å bruke din favorittenhetsimulator vil hjelpe deg raskt å identifisere problemet - bildet som ble satt inn i begynnelsen av artikkelen ble slettet på serveren. Du kan raskt endre koden og appen vil fungere igjen.

I tillegg til å forenkle feilsøkingsprosessen, gjør kildekodetilgang det også enklere å style den genererte koden, enten ved å modifisere maler eller ved å endre datakildetilkoblingene til personlige kilder. Den genererte koden blir kommentert, og siden den brukes som hoveddesignmønsteret for utvikling når du lager applikasjoner, vil det være mye lettere for deg å forstå hvordan hver enkelt kodebit fungerer, og hvordan du tilpasser den til dine behov.

En ting er klart om opprettelsen av slike applikasjoner: de er ikke designet for å lage komplekse applikasjoner. De er som plastleker for barn: alt er foran oss, og vi må bare legge til noe med mening. Etter hvert som du får erfaring med disse "lekeplassene", kan du gradvis gå videre til utformingen av koden, og bruke den til å lage mer komplekse ting. Med verktøykasser som Windows Phone App Studio kan du få litt erfaring med innholdsbaserte applikasjoner, RSS-feeder, nettinnhold og lokalt innhold.

Selvfølgelig representerer dette settet neppe alt du trenger for å lage en kommersiell applikasjon, uansett hvor enkelt det må være. Men det er ikke poenget, siden den genererte koden gir deg et rammeverk å jobbe med, samt muligheten til å forstå hvordan prosessen med å bygge en applikasjon fungerer. En ting du kan laste ned sikkert: hvis du planlegger å begynne å utvikle dine egne applikasjoner, så er dette et flott sted å starte. Les videre: og?