Introduction til Android Wear: Hands-On
54
Del
26
Del
Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av
Dette innlegget er en del av en serie kalt Introduksjon til Android Wear.Introduction til Android Wear. The Basics
I den første delen av denne todelte serien, utforsket vi hva Android Wear er, hvordan det fungerer, og dykket ned det nye brukergrensesnittet Android teamet utviklet spesielt for Android Wear. Jeg har også delt noen beste praksis å huske på når du utvikler for en verden av Android wearables.
I den andre delen av denne serien, vil du sette din nye Android Wear kunnskap i praksis ved å lage to eksempler på apps som kan integreres med Android Wear på forskjellige måter.
Den første app viser den enkleste måten å begynne å utvikle for Android Wear, ta en vanlig håndholdt app og utvide sine varslinger slik de vises, og fungere perfekt på en sammenkoblet Android Wear enhet.
I den andre prøven, vil du lage en full-skjerm bærbar app ved å lage en Hello World prosjekt som består av en håndholdt og en bærbar komponent. Etter at du har laget denne bones prosjektet, vil du ha alt på plass for å fortsette å arbeide og utvikle den til en fullverdig bærbar app.
Denne opplæringen bruker Android Studio. Hvis du ikke allerede har det installert, kan du laste ned IDE fra den offisielle Android Developers hjemmeside.
1. Last ned, installer & Oppdatere programvaren
Før du kan utvikle noe
for bærbar plattform, må du forberede din utviklingsmiljø ved å installere og oppdatere alle pakkene du trenger, og sikrer din Android Studio IDE er oppdatert.
For å sjekke at du kjører den nyeste versjonen av Android Studio, starte IDE, klikker du Android Studio
i verktøylinjen, og velg Se etter oppdateringer
. Denne opplæringen krever Android Studio versjon 0,8
eller høyere, men ideelt sett bør du ha den nyeste versjonen installert, slik at du kan dra nytte av de aller nyeste funksjonene og feilrettinger.
Deretter åpner Android SDK Manager og sjekke at du har de nyeste versjonene av følgende tre pakker:
SDK Tools
Plattform verktøy
Bygg verktøy
Last ned og installere alle tilgjengelige oppdateringer. Når disse pakkene er oppdatert, vil to nye pakker vises i SDK Sjef:
Android L Developer Preview
Android 4.4W (API 20)
Last ned og installer begge pakkene.
Hvis du nettopp har oppdatert dine SDK Tools, Platform Verktøy, og /eller bygge Tools pakker, men fortsatt ikke se Android L og Android 4.4.W pakker Da lukker og relansere SDK Manager. Dette bør tvinge de to nye pakker ut av skjul.
Hvis du ikke allerede har installert Android Support Library, gjøre det nå. Du finner det i SDK Manager Tilbehør
kategori.
2. Lag en Wearable AVD
Uansett om du bygger en bærbar app eller en håndholdt app som genererer bærbar-ready varslinger, trenger du en måte å teste slitedeler av prosjektet. Dette er ganske grei takket være den velkjente AVD Manager, som har alt du trenger for å etterligne en bærbar enhet.
Selv om du eier en fysisk Android Wear Smartwatch, trenger du en måte å teste prosjektet over ulike Android-Wear-skjermer, slik at du fortsatt må opprette minst én AVD. I øyeblikket, betyr dette bare teste prosjektet på en runde og en firkantet skjerm, men denne listen er sannsynlig å vokse etter hvert som flere Android-Wear-enheter er løslatt.
Hvis du vil lage en Android Wear AVD, starte AVD manager og klikk Opprett
. Gi AVD et navn, og angi følgende innstillinger:
Device Bilde:
Velg enten Android Wear Round
eller Android Wear Square
, avhengig av skjermen du ønsker å etterligne
Target
:..
Velg Android L Forhåndsvisning
Skin Bilde:.
Velg enten AndroidWearRound
eller AndroidWearSquare
, avhengig av type skjerm du ønsker å etterligne
Når du har opprettet din AVD, starte den, og la den kjøre i bakgrunnen.
Selv om du nå simulere et Android Wear-enhet, det du ikke emulere er sammenhengen som eksisterer mellom en fysisk bærbar og en paret smarttelefon eller et nettbrett.
Hvis du kommer til nøyaktig teste prosjektets bærbar komponenter, må du etterligne denne sammenheng. Det er her Android Wear følgesvenn app kommer i. Den er tilgjengelig på Google Play.
3. Koble til Håndholdt til Emulator
Når du har installert Android Wear følgesvenn app på smarttelefonen eller nettbrettet, denne håndholdte enheten gevinster muligheten til å kommunisere med en bærbar AVD på samme måte en paret håndholdt enhet kommuniserer med en fysisk slitesterk.
Trinn 1
På den håndholdte enheten, åpner du Google Play butikken og installere den offisielle Android Wear app.
Trinn 2
Aktiver USB debugging på smarttelefonen eller nettbrettet, og bruker USB-kabel for å koble den håndholdte enheten til datamaskinen.
Trinn 3
Før din Android Wear AVD kan kommunisere med den håndholdte, trenger du å åpne TCP port 5601
på datamaskinen. Launch Terminal
på OS X eller Ledetekst
på Windows, og bytt katalog så det peker til platform-tools
mappe:
cd Users /jessica /Downloads /ADT-bundle /SDK /plattform-verktøy
Legg merke til at kommandoen ovenfor vil variere avhengig av hvor Android SDK ligger på utviklingsmaskinen.
Trinn 4
Nå Terminal eller Command Prompt peker på riktig sted, åpne den nødvendige porten ved å utstede en ADB-kommandoen som vist nedenfor
./adb -d fremover tcp:. 5601 tcp: 5601
Trinn 5
< p> På den håndholdte enheten, lansere Android Wear følgesvenn app. Trykk på watch-ikonet i app verktøylinje (markert i skjermbildet under), og vente på Koblet
skal vises i verktøylinjen.
Når du ønsker å koble håndholdt til en bærbar AVD, du må gjenta denne prosessen. Spare tid ved å la emulator som kjører i bakgrunnen og smarttelefonen eller nettbrettet er koblet til datamaskinen din mens du jobber deg gjennom denne opplæringen.
Før du flytter til neste trinn, er det verdt å ta litt tid til å utforske hvordan en håndholdt og en bærbar samhandle, spesielt hvis dette er første hands-on erfaring med Android Wear.
Når du kobler en bærbar AVD til en håndholdt enhet, starter AVD automatisk trekke varsler fra den tilkoblede smarttelefon eller et nettbrett, og viser dem som kort i sin emulert Context Stream
. En god måte å bli kjent med Android Wear er å bruke litt tid på å sveipe gjennom disse personlige varslings kortene.
For å utføre en swiping handling, bruke musen til å dra varslings kortene opp og ned. Du kan også vise en varsling kortets handlingsknapper, pluss noen flere sider, ved å sveipe /dra kortet til venstre.
Du kan utforske flere varslings kort, ved å sende et utvalg av demo-kort til din AVD. For å sende en demo kort, åpner følgesvenn app og trykk på tre-prikkete menyikonet i øvre høyre hjørne. Velg Demo kort
og velge et kort fra listen. Demoen kortet vil da vises i AVD kontekst Stream. Når en demo-kort kommer på AVD, fungerer det akkurat det samme som en vanlig varsling kort.
4. Eksempel App 1: Bærbar-Ready Påminnelser
Android Wear tar en proaktiv tilnærming til å trekke varsler fra sammenkoblede Android smarttelefoner eller tabletter, og vise dem som kortene i sammenheng Stream. Men hvis app ikke eksplisitt støtter Android Wear, er det ingen garanti for sine varslinger vises og funksjon riktig på en Android Wear-enhet.
For å gi en best mulig opplevelse for alle Android-Wear-brukere som kan komme i kontakt med din app, må du opprette håndholdt varslinger som sømløst kan utvide til en sammenkoblet bærbar enhet, hvis behovet oppstår. I løpet av de neste par avsnitt, vil jeg vise deg hvordan du oppretter en prøve håndholdt app som kan utløse en bærbar-ready varsling
Trinn 1:. Prosjektoppsett
Denne prøven applikasjonen vil leve videre brukerens smarttelefon eller et nettbrett, så start med å lage en enkel Android-prosjektet. Åpne Android Studio Fil
meny og velg Nytt prosjekt
. Gi prosjektet et navn og klikk Neste
. Velg Telefon og nettbrett
, velger minimum SDK din app vil støtte, og klikk Neste
. Velg Blank aktivitet Hotell og klikk Neste
. Gi aktiviteten et navn. Ved anvendelsen av denne opplæringen, jeg bruker MyActivity
. Klikk Fullfør
å la Android Studio opprette prosjektet
Trinn 2:. Update Gradle Bygg File
For å lage en bærbar-ready varsling, må prosjektet tilgang til Support Library. . Åpne prosjektets build.gradle
fil og legge til Support Library til avhengigseksjonen som vist nedenfor
avhengig {kompilere fileTree (dir: 'libs', inkluderer: ['* .jar']) kompilere 'com.android.support:support-v4:20.0+'}
At dette punktet, bør Android Studio be deg om å synkronisere endringene du har gjort i build.gradle fil, så klikker du på Sync nå
meldingen når den vises. Hvis IDE ikke be deg, bør du likevel synkronisere endringene ved å åpne Android Studio Fil
menyen og klikke Synkroniser
Trinn 3:. Lag brukergrensesnitt
Denne prøven applikasjonen vil bestå av en knapp som utløser varselet. For å lage denne enkle brukergrensesnitt, åpner du app > src > Hoved > res > layout > activity_my.xml
fil, og angi følgende:
< LinearLayout xmlns: android = "http://schemas.android.com/apk/res/android~~number=plural" xmlns: verktøy = "http: //skjemaer .android.com /verktøy "Android: layout_width =" match_parent "android: layout_height =" match_parent "Android: Orientering =" vertikale "verktøy: kontekst =" MyActivity ">. < Button android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "@ streng /varsle" android: id = "+ id /wearButton" android: layout_gravity = "center_horizontal" /> < /LinearLayout >
Denne brukergrensesnitt refererer til en streng ressurs, så åpner du Verdier > strings.xml
fil og legge til følgende til det:
< string name = "varsle" > Varsle Wearable < /string >
Trinn 4: Lag en Notification
Du re nå klar til å lage din bærbar-ready varselet. Åpne app > src > Hoved > java > MyActivity Hotell og importere klassene du vil bruke til å lage din app. De første skal allerede være kjent
import android.app.Activity;. Import android.os.Bundle, import android.view.View, import android.widget.Button;
Siden du kommer til å skape en varsling som støtter wearables, vil du også trenger å importere noen klasser fra Support Library som vist nedenfor
import android.support.v4.app.NotificationCompat;. import android.support.v4.app.NotificationManagerCompat;
Nå er det på tide å lage din varsling ved hjelp av NotificationCompat klassen. Ta en titt på gjennomføringen av MyActivity klassen vist nedenfor
pakken com.example.jessica.myapplication;. Import android.app.Activity, import android.os.Bundle, import android.support.v4.app.NotificationCompat; import android.support.v4.app.NotificationManagerCompat, import android.view.View, import android.widget.Button; public class MyActivity strekker Aktivitet {Override beskyttet void onCreate (Bundle savedInstanceState) {super.onCreate (savedInstanceState); setContentView (R.layout.activity_my); Button wearButton = (knappen) findViewById (R.id.wearButton); wearButton.setOnClickListener (ny View.OnClickListener () {Override public void onClick (Vis v) {int notificationId = 001; NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder (MyActivity.this) .setSmallIcon (R.drawable.ic_launcher). setContentTitle ("Title") .setContentText ("Android Wear Notification"); NotificationManagerCompat notificationManager = NotificationManagerCompat.from (MyActivity.this); notificationManager.notify (notificationId, notificationBuilder.build ());}}); }}
Trinn 5: Testing Påminnelser
Det neste trinnet er å teste ditt prosjekt på tvers av de håndholdte og bærbare plattformer. Hvis du ikke allerede har gjort, starte bærbar AVD og koble den til den håndholdte enheten før du fortsetter.
Åpne Kjør
meny og velg Kjør 'app'
. I Velg enhet
vinduet velger den håndholdte enheten. Etter noen sekunder, vil app vises på den tilkoblede smarttelefon eller nettbrett.
For å teste at alle viktige varsling, klikker du på applikasjonen Varsle bærbar
knappen. En melding vises deretter i smarttelefonen eller nettbrettet varsel skuff. Åpne varslings skuffen for å sjekke denne delen av meldingen viser riktig.
På Android Wear AVD, bla gjennom varslings kortene til du finner kortet generert fra din bærbar-ready varselet. Igjen, sjekk dette varselet viser riktig. Og du er ferdig.
5. Eksempel App 2: Full-Screen Wearable App
Bærbar Component
Selv om Google oppfordrer utviklere å integrere sine applikasjoner med Android Wear Kontekst Stream
, er det mulig å lage fullt sub-skjermen apps for Android-Wear-enheter.
Bærbar fullskjerm apps faktisk består av en håndholdt og en bærbar komponent. Brukeren installerer håndholdt app på smarttelefonen eller nettbrettet, og systemet skyver bærbar komponent til den sammenkoblede Android Wear enheten automatisk. Hvis du ønsker å lage en full-skjerm bærbar app, må du opprette en håndholdt app som inneholder en bærbar komponent.
Dette kan høres komplisert ut, men du kan lage denne type to-i-ett prosjekt bare ved å velge de riktige alternativene i Android Studio prosjekt veiviser:
- Velg Blank aktivitet Hotell og klikk Neste
.
- Gi aktiviteten et navn, så det er ingen sjanse av dere forvirrende det med prosjektets bærbar aktivitet, for eksempel HandheldActivity
. Klikk Neste
.
- Velg Blank Wear aktivitet Hotell og klikk Neste
.
- Gi bærbar aktiviteten et navn som gjør det umulig å forveksle med prosjektets håndholdt aktivitet.
Lag ditt prosjekt ved å klikke Fullfør
.
Exploring Hello World Prosjekter
Når du forteller Prosjektet veiviseren for å opprette Telefon og nettbrett Hotell og Bruk
komponenter, skaper det to moduler:
Mobile Bilde:
Til tross for navnet, kan denne modulen kjøres på smarttelefoner samt tabletter
Bruk Bilde:.. Den Android-systemet skyver denne modulen til den sammenkoblede bærbar enhet
Hvis du åpner en modul, vil du se Android Studio har allerede befolket modulen med en rekke klasser, kataloger og ressurser.
Test Hello World Kode
Android Studio ikke bare genererer oppsettet for begge modulene automatisk, førstehjelp det også dem ut med noen Hello World kode. Selv om du vil erstatte denne Hello World kode, prosessen med å teste et prosjekt som består av håndholdt samt bærbar innholdet forblir det samme. Dette er en god mulighet til å lære hvordan du kan teste denne typen prosjekt.
Før du starter, sørg for at bærbare AVD er oppe og går, og at den er koblet til den håndholdte enheten.
Å teste prosjektets håndholdt modul:
Åpne Kjør
menyen i Android Studio verktøylinjen og velg Kjør ...
In. popup som vises, velger du mobile
.
Når du blir bedt, velger håndholdt enhet som er koblet til datamaskinen. Appens håndholdt komponenten vil da vises på smarttelefonen eller nettbrettet, klar for å teste
For å teste prosjektets bærbar komponent.
Åpne < b> Kjør
menyen i Android Studio verktøylinjen og velg Kjør ...
.
Velg Bruk
fra popup som vises.
Velg din bærbare AVD.
appens bærbar komponent vil vises på din AVD.
Merk, hvis prosjektet ikke vises automatisk, kan det hende du må sveipe skjermen flere ganger til finne den.
6. Feilsøking
Selv om det er normalt å støte på en og annen bug eller kjent problem når du jobber med en programvare-prosjekt, sjansene er du kommer til å kjøre inn i en mye mer problemer når du utvikler for Android Wear, rett og slett fordi du bruker en IDE som fortsatt er i beta for å utvikle for en helt ny versjon av Android-operativsystemet.
I denne delen jeg dele en midlertidig løsning for et kjent problem, sammen med noen generelle tips og triks for å hjelpe deg å overvinne noen andre problemer du kan kjøre inn.
I skrivende stund, når du oppretter et prosjekt med en bærbar modul eller legge til bærbar-ready kode til en håndholdt prosjekt, du kan støte på et kjent problem med Gradle bygge filen. Dette problemet fører til at Gradle bygge for å mislykkes med følgende feil:
Kunne ikke finne noen versjon som passer com.google.android.support:wearable:+.Could ikke finne noen versjon som passer com.google.android.gms: play-tjenester-bærbar: +Løsningen innebærer å legge en URL til IDE liste over brukerdefinerte områder.. Start SDK Behandling og velg Verktøy
fra verktøylinjen og klikk Administrer På nettsteder
.
På dette punktet kan du møte en annen sak, der SDK manager åpner men sin verktøylinje ikke. Hvis du har SDK sjef valgt, men sin verktøylinje vises ikke på toppen av skjermen, må du minimere SDK Manager og deretter velge det igjen. Verktøylinjen skal da vises, og du kan velge Verktøy >
Add-On nettsteder
vindu, klikker du på Brukerdefinert nettsteder
knappen Manage Add-On nettsteder
. Klikk på New
og legge https://dl-ssl.google.com/android/repository/addon-play-services-5.xml til listen over nettadresser. Klikk OK
å fullføre.
Hvis feilen vedvarer, kontrollerer du har den nyeste versjonen av Google Play Services Hotell og Google Repository
pakker installert . Hvis du har fullført alle disse trinnene, og ser fortsatt de Gradle feil, er det mulig IDE har ikke registrert endringene du har gjort i utviklingsmiljøet. . Lukking og relansere Android Studio skal fikse dette
Hvis du støter på en annen Gradle feilmelding eller du kjører inn i et helt annet problem, her er noen generelle reparasjoner som kan bidra til å få prosjektet tilbake på sporet:
< h3> oppdateringspakker
Hvis noen av Android SDK pakker er gått ut på dato, er det mulig du opplever et problem som allerede er behandlet av en oppdatert pakke. Boot opp din SDK Manager og se etter oppdateringer.
Relansering
Hvis du har gjort noen endringer i Android SDK pakker og fremdeles opplever det samme problemet, kan du prøve å lukke og relansere din IDE så du vet Android Studio har registrert endringene.
Android Studio Version
Siden Android Studio er i beta, er det spesielt viktig at du holder det oppdatert som de fleste oppdateringene bringe nye rettinger. Å sørge for at du kjører den nyeste versjonen av Android Studio, velg Android Studio > Se etter oppdateringer ...
.
Konklusjon
Du har nå alt du trenger for å begynne å legge Android Wear støtte til dine egne håndholdte prosjekter. Hvis du har fulgt med denne opplæringen, og bestemmer seg for å lage bærbar-klare meldinger, så din håndholdte Android-enhet og AVD sjef er allerede preparert for å teste din bærbar-ready kode.
Hvis du ' re ivrige etter å utvikle fullskjerms Android Wear apps i stedet, har du allerede den grunnleggende struktur på plass, så hvorfor ikke fortsette å arbeide på Hello World sample app?
Previous:iOS 8: Komme i gang med MetalNext Page:Windows Phone 8: Hvor To Go From Here - Gi aktiviteten et navn, så det er ingen sjanse av dere forvirrende det med prosjektets bærbar aktivitet, for eksempel HandheldActivity
I Android Studio, åpen Fil
meny og velg Nytt prosjekt
.
Gi prosjektet et navn, og klikk Neste
.
Velg < b> Telefon og nettbrett Hotell og Bruk
. Du kan velge hvilke minimums SDK Telefon og nettbrett
modul støtter, men Bruk
modul må
støtte API 20
. Klikk Neste
.