Panduan ini menjelaskan komponen yang terdiri dari tugas yang sedang berlangsung dalam bentuk Stopwatch. Tugas yang sedang berjalan menampilkan kartu live di linimasa selama pengguna berinteraksi dalam tugas dan memungkinkan mereka masuk dan keluar dari kartu aktif saat mereka memerlukan informasi.
Dalam prosesnya, Anda juga akan mempelajari tips desain, pengembangan, dan distribusi yang penting untuk membuat Glassware Anda sendiri.
Sebelum memulai
Sumber lengkap Stopwatch tersedia di GitHub. Impor ke Android Studio sebelum Anda memulai, karena panduan ini sangat merujuknya.
- Dari layar Quick Start, klik Check out from version Control > Git.
- Salin URL clone dari Stopwatch.
- Tempelkan URL clone ke Vcs Repository URL dan klik Clone.
- Klik Ya di layar berikut.
- Klik OK di layar berikut.
- Build project dan jalankan di Glass yang terhubung, dengan mengklik tombol Play. Pastikan untuk memeriksa
READMEcontoh untuk detail pemanggilan.
Yang akan Anda pelajari
Anda akan mempelajari cara menggunakan komponen dari Android SDK untuk membuat sebagian besar tugas Stopwatch yang sedang berlangsung, lalu GDK untuk terhubung ke pengalaman Glass. Berikut daftar topik yang akan Anda pelajari:
- Membuat tampilan kustom untuk menggambar ke kartu live
- Membuat layanan untuk mengelola kartu live
- Menyediakan menu yang memungkinkan pengguna menghapus kartu aktif dari linimasa
- Mendeklarasikan pemicu suara untuk memulai stopwatch dari menu suara utama
Desain
Sebelum mulai mengembangkan, luangkan waktu dan desain Glassware Anda. Dengan melakukan ini, Anda mendapatkan ide yang baik tentang alur UI yang berfungsi paling baik di Glass, perintah suara yang akan Anda gunakan, dan tampilan kartu Anda.
Tentu saja, mendesain Glassware adalah proses yang berulang-ulang dan beberapa hal yang Anda desain sekarang akan berubah, tetapi memiliki bagian pekerjaan yang baik pada awal ini sangat penting untuk membangun pengalaman yang luar biasa.
Alur UI
Mendesain alur UI adalah latihan yang sederhana dan memungkinkan Anda memvisualisasikan Glassware sebelum menulis baris kode. Kami melakukannya sepanjang waktu untuk Glassware yang kami buat.
Mari kita bahas elemen UI utama Stopwatch, sehingga Anda mendapatkan gambaran tentang cara kerja UI dan seberapa membantu proses ini saat membuat Glassware Anda sendiri.
UI utama
Stopwatch hanya berisi satu alur utama, karena ini adalah pengalaman yang cukup sederhana.
Saat memanggil Glassware, pengguna akan melihat interstisial hitung mundur 3 detik sebelum stopwatch yang sebenarnya dimulai. Kemudian, stopwatch dihitung hingga pengguna menghapusnya dari linimasa dengan item menu Berhenti.
Perintah suara
Anda harus mengetahui perintah suara cukup awal dalam proses desain. Perintah suara memungkinkan pengguna memulai Glassware dari menu suara Glass Home (kartu jam), jika diperlukan, dan merupakan bagian utama dari cara Anda mendesain Glassware.
Misalnya, perintah Post a update berfungsi dengan baik dalam model fire-and-forget, saat pengguna mengucapkan teks dan Glassware memprosesnya tanpa intervensi pengguna lebih lanjut. Hal ini memungkinkan pengguna kembali melakukan aktivitas mereka dengan cepat.
Di sisi lain, untuk sesuatu seperti Mainkan game, Anda biasanya ingin mengarahkan pengguna ke layar pembuka sehingga mereka dapat melihat orientasi terlebih dahulu. Karena perintah suara ini kemungkinan besar akan meluncurkan pengalaman imersif, Anda dapat mengharapkan pengguna tidak masalah jika melihat layar dan menu tambahan untuk memulai game. Langsung mengalihkan pengguna ke pengalaman game tepat setelah perintah suara biasanya merupakan pengalaman yang buruk untuk game.
Stopwatch menggunakan perintah suara Start stopwatch. Setelah pengguna memanggil perintah suara, Stopwatch akan langsung dimulai setelah layar hitung mundur interstisial yang singkat, yang lebih baik daripada menyediakan item menu untuk memulai. Untuk tugas yang sedang berjalan, sebaiknya Anda fokus untuk menghadirkan pengalaman kepada pengguna secepat mungkin, jika memungkinkan.
Tata letak kartu
Baik Anda sedang membuat gambar imersif atau kartu live, Anda harus menggunakan
CardBuilder
atau tata letak XML jika memungkinkan.
Sering kali, Anda masih harus membuat tata letak sendiri, jadi ikuti pedoman UI untuk mendapatkan Glassware dengan tampilan terbaik.
Stopwatch mengikuti panduan tata letak umum, tetapi memiliki tata letak UI kustom menggunakan komponen Android standar seperti tampilan dan tata letak.
Mengembangkan
Untuk mengembangkan kartu live, gunakan alat yang sama dengan yang digunakan untuk pengembangan Android untuk mem-build sebagian besar Glassware, lalu gunakan API di add-on GDK untuk mengakses fungsi khusus Glass, seperti kartu live dan perintah suara.
Anda akan sering menggunakan komponen Android umum untuk membuat Glassware, tetapi perlu diingat bahwa terkadang beberapa konsep berbeda. Misalnya, Anda merender dan mengelola kartu aktif dengan layanan Android, yang bukan cara umum untuk menggunakan layanan dalam aplikasi Android tradisional. Contoh lainnya adalah kartu live tidak memiliki konteks UI-nya sendiri, sehingga Anda harus menggunakan aktivitas shell yang menampilkan menu untuk kartu live. Anda akan mempelajari cara komponen ini dibuat dalam panduan ini.
Bagian Develop lainnya akan membahas bagaimana Stopwatch disusun dan komponen utama project yang Anda impor sebelumnya. Ada baiknya Anda mengaktifkan Android Studio sekarang untuk mengikutinya. Kode sumber itu sendiri diberi komentar, sehingga bagian ini membahas tujuan tingkat tinggi setiap file dan tips bermanfaat yang dapat Anda terapkan ke Glassware Anda sendiri.
Perintah suara
Anda akan membuat perintah suara dengan file resource XML yang menentukan
perintah yang Anda gunakan, lalu dengan menentukan resource XML
dalam file AndroidManifest.xml.
File berikut dikaitkan dengan perintah suara Stopwatch:
res/xml/voice_trigger_start.xml- Mendeklarasikan perintah suara yang akan digunakan.AndroidManifest.xml- Mendeklarasikan layanan kartu live agar dimulai saat perintah suara diucapkan.
Tampilan hitung mundur
Stopwatch menunjukkan hitung mundur sebelum waktu benar-benar direkam untuk memberi tahu pengguna bahwa waktu akan segera berlalu.
File berikut dikaitkan dengan tampilan hitung mundur:
res/layout/card_countdown.xml- Menentukan tata letak untuk penampil hitung mundursrc/com/google/android/glass/sample/stopwatch/CountDownView.java- Mendefinisikan tampilan untuk hitung mundur.
Tampilan chronometer
Ini adalah tampilan utama Stopwatch. Alat ini menampilkan waktu yang berlalu sejak interstisial hitung mundur selesai. File berikut dikaitkan dengan tampilan kronometer:
res/layout/card_chronometer.xml- Menentukan tata letak untuk tampilan stopwatchsrc/com/google/android/glass/sample/stopwatch/ChronometerDrawer.java- Menentukan cara merender tampilan. Layanan kartu live memanggil class ini untuk menggambar ke layanan kartu live.src/com/google/android/glass/sample/stopwatch/ChronometerView.java- Tampilan stopwatch yang menggunakan tata letak sebelumnya sebagai UI-nya.
Layanan stopwatch
Ini adalah layanan yang mengelola siklus proses dan rendering kartu aktif. File berikut dikaitkan dengan layanan ini:
src/com/google/android/glass/sample/stopwatch/StopwatchService.java- Mengelola kartu live stopwatch dan menangani siklus proses layanan.
Aktivitas Menu
Kartu live tidak memiliki konteks UI-nya sendiri untuk menampilkan menu karena kartu tersebut merender UI dalam konteks linimasa.
Untuk mengatasi batasan ini, buat aktivitas transparan yang muncul di atas linimasa, lalu tampilkan menu aktivitas tersebut segera setelah pengguna mengetuk kartu aktif.
src/com/google/android/glass/sample/stopwatch/MenuActivity.java- Mendeklarasikan aktivitas menu tembus pandang yang segera menampilkan menu saat aktivitas terlihat.res/values/styles.xml- Menentukan gaya transparan yang diterapkan ke menu.res/menu/stopwatch.xml- Resource menu yang berisi item menu Stop wajib.
Manifes Android
File AndroidManifest.xml menjelaskan komponen utama
Glassware agar sistem mengetahui cara menjalankannya. Manifes
untuk Charades mendeklarasikan hal-hal berikut:
- Ikon dan nama Glassware. Glass menampilkan informasi ini di menu sentuh utama jika lebih dari satu Glassware merespons perintah suara yang sama.
- Semua layanan dan aktivitas yang terkait dengan Stopwatch. Hal ini diperlukan agar sistem mengetahui cara memulai komponen Glassware.
- Perintah suara dan filter intent yang memulai layanan kartu live saat perintah suara diucapkan.
- Kode versi untuk Glassware. Kode ini harus diperbarui (dan juga nama versi) setiap kali versi baru APK ini diupload ke MyGlass.