Õpetus pürgivatele Google Glassi arendajatele: oma esimese klaasi rakenduse loomine

Põhjus, mida soovite kasutada voice_trigger.xml õigused on nii, et saaksite kohandatud hääljuhtimisega mängida. Google on üsna rangelt määranud, millised häälkäsklused on lubatud Glass-rakendustes lubatud, ja kõik uued käsud peavad olema heaks kiidetud. Kuna see õpetus on mõeldud õppimise eesmärgil ja te ei esita seda rakendust ametlikus klaasnõude poes, ei peaks te selle pärast muretsema. Lülitage lihtsalt sisse res/xml/ õigused ja teil on juurdepääs loendis loetlemata häälkäsklustele. Selle kohta lisateabe saamiseks lugege palun see GDK leht .

Ava android:label='@string/app_name' toimetamiseks. Siin on määratletud häälkäsklus teie rakenduse käivitamiseks. See peaks asuma @string/app_name kausta. Peaksite hankima sarnast sisu:

Selle asemel, et öelda meie rakenduse käivitamiseks käsk „Kuva mulle demo”, ütleme lihtsalt rakenduse nimi. Muutke faili sisuks:

Kui naasete oma manifestifaili juurde, võite märgata, et teie res/values/strings.xml on automaatselt uuendatud, et kasutada ka ressursside stringi app_name kõvasti kodeeritud Hello Glass asemel väärtus, nagu see oli enne. Kui seda sätet ei värskendatud, määrake kindlasti väärtuseks voice_trigger.xml.

Ja mis on täpselt teie rakenduse nimi? Kui avate network='true', siis teie FEATURE_VOICE_COMMANDS tuleks loetleda järgmiselt:

See peaks pakkima asjad teie esimese rakenduse Hello Glass jaoks. Vaatame, kuidas see nüüd töötab!

Avakuval saate öelda 'Ok klaas' häälmenüü avamiseks. Teie rakendus on nüüd häälaktiveeritud käskude loendis.

Selle juhendaja abil saate oma Glassi rakenduse avakuva praegu välja näha.

Kui sa ütled ' Tere klaas 'Teie rakendus peaks algama ja teil peaks olema standarditud klaasikogemus:

Kui te ei soovi rakenduse aktiveerimiseks kasutada oma häält, võite lihtsalt puudutada oma avaekraani ja näete, et teie rakendus on menüüs saadaval:

Hääl või puudutus? Kasutage mõlemat!

On väga oluline, et pööraksite suurt tähelepanu oma rakenduse liidesele ja kasutajate suhtlemisele sellega. Pidage meeles, et teie kasutajad ei saa alati oma häält kasutada - näiteks loengut või esitlust vaadates. Teise võimalusena võivad neil käed täis olla ja nad ei saa puudutust kasutada. Soovitan teil võimaluse korral pakkuda nii puute- kui ka häälmenüü suhtlemist, võimaldades kasutajatel paralleelselt hääle ja puuteplaadi abil navigeerida teie rakenduses.

Tõeline rakendus - ApeeScape Finder

Nüüd, kui olete Glass'i arendusega rahul ja olete loonud Hello Glass, on aeg luua tõeline rakendus, mis paneb klaasi uued funktsioonid tööle. Ehitame rakenduse, mis võimaldab teil sirvida ApeeScape'i parimate arendajate profiile, lähtudes arendusplatvormist.

Klaasirakenduse näite struktuur on lihtne:

1. Soovime, et meie avakuval oleks ApeeScape logo häälega ja puudutage aktiveeritud menüüd, mis võimaldab meil valida arendusplatvormi, mille jaoks arendajat vajame.
2. Pärast platvormi valimist soovime saada nimekirja arendajatest koos nende pildi ja nimega. Arendajaprofiilid esitatakse keritavate isikukaartide loendi kujul.
3. Arendaja profiili vaatamisel soovime, et saaksime need lisada lemmikute hulka või saata renditaotluse.

Põhitõed

Võtame kiiresti kokku selle, mille olete juba oma Android-teadmiste kõrval lisanud:

1. Klaasnõude ehitamiseks oma arenduskeskkonna seadistamine.
2. Kuidas konfigureerida oma rakendus nii, et see kasutaks standardset klaasnõude GUI-teemat.
3. Rakenduse käivitamine kohandatud häälkäskluste ja menüünimede abil.

Nende teadmiste abil saate oma uue rakenduse töökorda seada. Võite värskendada rakendust Hello Glass ülalt või käivitada uus rakendus, järgides samu samme. Pange sellele rakendusele nimi Parim leidja ”Ja tehke oma MainActivity fail näeb välja selline.

res/menu piirang käsib klaasil selle rakenduse käivitamisel kontrollida võrguühendust, mida peame ühendama ApeeScape'i arendajate loenditega. Kui ühendust pole, kuvab Glass hoiatusteate.

Avakuva

Teeme oma rakenduse avakuvale umbes sellise:

Kui näete 'Ok klaas' See tähendab, et rakendusel on selles kohas häälaktiveeritud menüü. Selle fraasi rääkimine 'Ok klaas' siin aktiveerib selle asukoha häälmenüü. Selle fraasi on Glass eelnevalt määranud ja te ei saa seda muuta.

Võite mõelda 'Ok klaas' „rakendusmenüüna“, täpselt nagu olete oma nutitelefoni / tahvelarvuti arendamisel kasutanud, ja sellel on täpselt sama roll. Kuna Androidi rakenduste menüü avamiseks puudutaksite ekraanil rakenduse menüüikooni (sageli 3 punkti või rida), peate ütlema 'Ok klaas' klahviga aktiveeritud menüü avamiseks klaaspakendis.

Et võimaldada 'Ok klaas' menüü, mida peate taotlema main.xml API-st. Selleks lisage oma rida onCreatePanelMenu järgmine rida teie MainActivity käitleja:

Iga tegevus, mis sisaldab seda funktsiooni, renderdatakse 'Ok klaas' tekst all keskel.

Järgmine asi, mida peate tegema, on põhiekraani jaoks menüü loomine. Teie findDevelopers kausta abil saate luua uue XML-i menüüdefinitsiooni nimega public void findDevelopers(String platform){ } @Override public boolean onMenuItemSelected(int featureId, MenuItem item) { if (featureId == WindowUtils.FEATURE_VOICE_COMMANDS || featureId == Window.FEATURE_OPTIONS_PANEL) { switch (item.getItemId()) { case R.id.find_android: findDevelopers('Android'); break; case R.id.find_javascript: findDevelopers('Java Script'); break; case R.id.find_ios: findDevelopers('iOS'); break; } return true; } return super.onMenuItemSelected(featureId, item); } Asjade lihtsustamiseks lubame lihtsalt kolm ApeeScape'i arendajaplatvormi, kuid tehke muudatused julgelt oma äranägemise järgi.

Sellel peaks olema järgmine sisu:

Võib-olla mõtlete, miks valisin pigem Androidi, JavaScripti ja iOS-i asemel pigem pikad menüüpealkirjad. Noh, põhjus on väga lihtne. Glassi arendustiimi kutid täiendavad endiselt hääletuvastust. Soovitatav on kasutada oma menüüdes kahte või kolme sõna, et Glass neid hõlpsamini ära tunneks.

Ma juba mainisin, et 'Ok klaas' menüü ei erine teie tavapärasest Androidi rakenduste menüüst. Menüü kinnitamine tegevusele on praktiliselt sama. Alistage lihtsalt MainActivity private CardScrollView mCardScroller; private View mView; private GestureDetector mGestureDetector; ja lisage äsja loodud peamenüü:

Nüüd peame lisama menüühalduri. Enne seda looge üks tühi meetod nimega private View buildView() { Card card = new Card(this); card.setText(R.string.app_name); card.setImageLayout(Card.ImageLayout.LEFT); card.addImage(R.drawable.logo); return card.getView(); } . Tuleme selle juurde hiljem tagasi, et otsinguid alustada ja tulemusi näidata. Pärast seda saate oma menüühalduri alistada.

Nüüd on aeg muuta meie näide Google Glassi avakuvast ilusaks. Importige oma rakendusse ApeeScape'i logo kui protected void onCreate(Bundle bundle) { super.onCreate(bundle); getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON); getWindow().requestFeature(WindowUtils.FEATURE_VOICE_COMMANDS); mView = buildView(); mCardScroller = new CardScrollView(this); mCardScroller.setAdapter(new CardScrollAdapter() { @Override public int getCount() { return 1; } @Override public Object getItem(int position) { return mView; } @Override public View getView(int position, View convertView, ViewGroup parent) { return mView; } @Override public int getPosition(Object item) { if (mView.equals(item)) { return 0; } return AdapterView.INVALID_POSITION; } }); // Handle the TAP event. mCardScroller.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView parent, View view, int position, long id) { openOptionsMenu(); } }); mGestureDetector = createGestureDetector(this); setContentView(mCardScroller); } . Kasutasin seda pilti:

Teie MainActivity klassis tehke järgmised muudatused.

Veenduge, et klassi alguses oleks deklareeritud järgmised privaatsed muutujad:

Muutke findDevelopers meetod kaardi paigutuse kohandamiseks:

Ja muutke oma java/models käitleja olema selline:

Nagu ma juba varem ütlesin, tahame lisada ka kraaniga aktiveeritud menüü 'Ok klaas' , nii et lubage lihtsalt žestid nagu teie Androidi rakenduses. Lisage oma CardScrollAdapter kausta järgmised meetodid klass:

See peaks olema see! Nüüd saate oma rakenduse käivitada ja proovida mõlemat menüüaktiveerimise meetodit. Kui sa ütled 'Ok klaas' ekraanil kuvatakse kolm menüüpunkti ja klaasi puudutades avaneb keritav menüü. Menüüelementides navigeerimiseks võite pühkida edasi ja edasi.

Häälmenüü näeb välja järgmine:

Ja siin on žestimenüü:

Kui valite menüüelemendi, ei juhtu teie java/adapters meetodit tuleb veel rakendada.

Arendaja ekraanid

Jätkame klaaskaardi vaikeplaani kasutamist, mille vasakul küljel on pilt, paremal tekst ja osa jaluseteavet. Lisateavet kaartide kujundamise parimate tavade kohta leiate Google Glassist stiilijuhend .

Meie arendajaprofiil on määratletud lihtsate omadustega:

1. Nimi
2. Pilt
3. Arendusplatvorm

Veendume, et meie rakenduses oleks klasside õige struktuur. Looge uus klass nimega public class DeveloperAdapter extends CardScrollAdapter { private List mCards; private List mData; public DeveloperAdapter(List cards){ this.mCards = cards; } @Override public int getCount() { return mCards.size(); } @Override public Object getItem(int i) { return mCards.get(i); } @Override public View getView(int i, View view, ViewGroup viewGroup) { return mCards.get(i).getView(); } @Override public int getPosition(Object o) { return this.mCards.indexOf(o); } } teie ResultsActivity kausta. Me tahame, et see klass oleks jadatav, kuna see sisaldab loendis olevaid profiile.

Soovime, et meie kaardid oleksid tihedalt seotud meie arendaja profiili andmetega. Sest vaikimisi java/com.helloglass on oma andmemudeli osas natuke üldine, peame seda laiendama ja enda omaks tegema. Loo extends Activity teie developer.xml kaust:

Me ei soovi, et meie otsingutulemid lisataks rakenduse avakuvale, seega loome uue tegevuse, mis teeb otsingu ja kuvab tulemused. Looge uus tegevus, MainActivity , teie ResultsActivity kõrval (tõenäoliselt public static final String SEARCH = 'search'; private String mPlatform='Android'; keeles).

Veenduge, et see ResultsActivity.

Järgmisena peame määrama menüü meie arendaja profiilikaartidele. Looge uus menüü MainActivity järgmise sisuga:

Parameetrite edastamise lubamiseks findDevelopers vahel ja ResultsActivity lisage private void findDevelopers(String platform){ for (int i=1; i<=10; i++){ Card card = new Card(this); card.setText(platform+' '+Integer.toString(i)); card.setTimestamp(platform); card.setImageLayout(Card.ImageLayout.LEFT); card.addImage(R.drawable.ic_person_50); mCards.add(card); } mCardScroller.setSelection(0); } alguses järgmised read klass:

Lisage oma uus tegevus kindlasti manifestifaili:

ResultsActivity Algekraani seadistamine ja kaartide seadistamine on väga sarnane sellele, mida me tegime platform Kõigepealt kontrollige, kas teil on oma kaardid ja kerija alguses määratletud:

Looge ajutine otsingumeetod, mille juurutamiseks naaseme hiljem. Uute kaartide lisamine profiilide loendisse on sama lihtne kui üksuste lisamine massiivi. Nimetame selle meetodi ResultsActivity ka see, kuid see kuulub @Override public boolean onCreatePanelMenu(int featureId, Menu menu){ if (featureId == WindowUtils.FEATURE_VOICE_COMMANDS || featureId == Window.FEATURE_OPTIONS_PANEL) { getMenuInflater().inflate(R.menu.developer, menu); return true; } return super.onCreatePanelMenu(featureId, menu); } :

Minge tagasi oma openOptionsMenu() juurde ja värskendage onGesture(Gesture gesture) seal, et alustada oma private GestureDetector createGestureDetector(Context context) { // … @Override public boolean onGesture(Gesture gesture) { if (gesture == Gesture.TAP) { openOptionsMenu(); return true; } else if // … ja andke sisse @Override public boolean onMenuItemSelected(int featureId, MenuItem item) { if (featureId == WindowUtils.FEATURE_VOICE_COMMANDS || featureId == Window.FEATURE_OPTIONS_PANEL) { switch (item.getItemId()) { case R.id.developer_fav: Toast.makeText(getApplicationContext(), 'Favorite', Toast.LENGTH_LONG).show(); break; case R.id.developer_hire: Toast.makeText(getApplicationContext(), 'Message', Toast.LENGTH_LONG).show(); break; case R.id.go_back: break; } return true; } return super.onMenuItemSelected(featureId, item); } vara:

Lisage oma arendaja menüü resdrawable. Menüüd saate avada mis tahes profiilikaardil.

Nii nagu varemgi, lubage klaasi puuteplaadi käsitsemiseks žestid, kui ResultsActivity kuvatakse. Selleks helistage lihtsalt MainActivity teie @Override protected void onCreate(Bundle bundle) { super.onCreate(bundle); getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON); getWindow().requestFeature(WindowUtils.FEATURE_VOICE_COMMANDS); mCardScroller = new CardScrollView(this); mCards = new ArrayList(); if(getIntent().hasExtra(SEARCH)){ mPlatform = getIntent().getStringExtra(SEARCH); } findDevelopers(mPlatform); mCardScroller.setAdapter(new DeveloperAdapter(mCards)); // Handle the TAP event. mCardScroller.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView parent, View view, int position, long id) { openOptionsMenu(); } }); mGestureDetector = createGestureDetector(this); setContentView(mCardScroller); } meetod:

Lisage ka arendajaga seotud toimingutele menüükäitleja. Jätame praegu lihtsad röstsai sõnumid.

Igas rakenduses tuleks kasutada mõningaid visuaalseid elemente, ikoone jne. Google Glassi meeskond on pakkunud väga suure hulga ühiseid standardiseeritud ikoone, mida Glassi arendajad saavad oma rakendustes tasuta kasutada. Leiate täieliku komplekti standardseid klaasikooni ja fonte nende raamatukogus

Praegu vajate lihtsalt ühte ikooni MainActivity, nii et jätkake ja laadige see alla oma MainActivity kausta. Arendaja pildi allalaadimise asemel kasutame seda ikooni.

Viimane asi, mis meie rakenduse Glass arendusõpetusse on jäänud, on meie

Võite lahkuda

|_+_|

|_+_|

Kui käivitate oma rakenduse kohe, saate

Koputamine avab puutemenüü:

Ja öeldes 'Ok klaas' avab häälmenüü:

Rakenduse avakuvale naasmiseks pühkige loendist alla.

Profiilide hankimine Internetist

Asjade kokkuvõtteks täitkem menüü reaalse teabega, mis on mõeldud kümne parima ApeeScape'i arendaja jaoks JavaScripti , Android ja ios .

Peate alla laadima nende profiilipildid ja tegema need HTTP kaudu kättesaadavaks või kasutama lihtsalt URL-e otse aadressilt toptal.com .

Kuna veebirobotite ehitamine ainult ApeeScape'i tipparendajate nimede hankimiseks võib olla selle artikli jaoks liiga suur kõrvalepõige, lõin teile JSON-failid, mida saate kasutada Android , JavaScripti ja ios .

Esimesena peate oma rakenduses taotlema oma Android-operatsioonisüsteemilt juurdepääsu Internetile. Lisage järgmine rida oma manifestifaili

|_+_|

Pange tähele, et Glass ei luba teil peaniiti blokeerida, kasutades otse HTTP-päringuid. Peate JSON-i allalaadimisi ja üksikuid pilte käsitsema asünkroonsel viisil. Võite kasutada asünkroonitud ülesannet, luua oma allalaadimisteenuse või kavatsuse või mis iganes igapäevatöös eelistate.

Selle funktsiooni loomine pole Google Glassile omane, seega jätan koodijupid vahele. Kui jõuate edasi ja saate selle viimase funktsionaalsuse tööle, peaksid teie profiilikaardid välja nägema järgmised:

Õpetus kokku pakkima

Loodan, et teil oli lõbus jälgida seda Google Glassi arendusõpetust ja ehitada oma esimene klaasnõude rakendus. Nüüd peaksite olema rahul ideega, et Glassile rakenduste kirjutamine ei erine palju teistest Androidi platvormidest.

Siinkohal olete õppinud, kuidas laiendada Google Glassi häälaktiveeritud avaekraani, kuidas luua oma häälega aktiveeritud menüüsid ja kuidas kombineerida hääljuhtimist puutežestidega. Samuti peaksite mõistma Glass kasutajaliidese mõisteid ja põhilisi ehitusplokke, nagu kaardid, paigutused ja elemendid. Olete näinud, kuidas kaarte dünaamiliselt luua ja kuidas erinevate tegevuste vahel navigeerida.

Sügavamaks sukeldumiseks minge Google'i arendajate ressurssidele aadressil developers.google.com/glass . Kui hakkate keerukamaid rakendusi ehitama, osutub see väga kasulikuks ressursiks.

Tuletame meelde, et Glass on alles arendusfaasis ja tõenäoliselt on enne tarbijaturule jõudmist vaja veel palju täiendusi rakendada. Seda silmas pidades on mul teile üks oluline märkus:

Hääletuvastusega on jäänud üsna palju tööd ja võite püüda end oma kujuteldava sõbra peale karjuma, kui üritate oma tegevust alustada või mõnda teavet täita. Seal pole muret - kõik, kes proovivad Google Glassi arendust, tunnevad end samamoodi, nii et te pole üksi.

Tehnoloogia paraneb ja klaas on aja jooksul jaemüügiks valmis. Kui poodidesse jõuab, lööb see kindlasti suuri laineid, nii et loodan, et olete sama põnevil kui minagi selle üle, et olen üks esimesi, kes selle põneva tehnoloogia esirinnas on!

Hüüdke välja : Selle artikli ekraanipildid on tehtud kasutades [meiliga kaitstud] .