Panduan ini menjelaskan komponen yang membentuk tugas yang sedang berlangsung dalam bentuk Stopwatch. Tugas yang sedang berlangsung akan menampilkan kartu aktif di linimasa selama pengguna terlibat dalam tugas dan memungkinkan mereka untuk keluar-masuk kartu live saat 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 memulai, karena panduan ini akan sangat dirujuk.
- Dari layar Quick Start, klik Check out from version Control > Git.
- Salin URL clone dari Stopwatch.
- Tempel URL clone ke Vcs Repository URL lalu klik Clone.
- Klik Yes di layar berikutnya.
- Klik OK di layar berikutnya.
- Bangun 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 yang sedang berlangsung di Stopwatch, lalu GDK untuk menghubungkan ke pengalaman Glass. Berikut daftar topik yang akan Anda pelajari:
- Membuat tampilan kustom untuk menggambar pada kartu live
- Membuat layanan untuk mengelola kartu aktif
- 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 desainlah Glassware Anda. Dengan melakukan hal ini, Anda akan mengetahui gambaran yang baik tentang alur UI mana yang paling cocok di Glass, perintah suara apa yang akan Anda gunakan, dan bagaimana tampilan kartu Anda.
Tentu saja, mendesain Glassware adalah proses berulang dan beberapa hal yang Anda desain sekarang akan berubah, tetapi menyelesaikan sebagian pekerjaan ini di awal sangat penting untuk membangun pengalaman yang luar biasa.
Alur UI
Mendesain alur UI adalah latihan sederhana dan memungkinkan Anda memvisualisasikan Glassware sebelum menulis satu baris kode. Kami terus melakukannya untuk Peralatan Kaca yang kami buat.
Mari kita bahas elemen UI utama Stopwatch, agar Anda memahami cara kerja UI dan seberapa membantu proses ini saat membuat Glassware Anda sendiri.
UI Utama
Stopwatch hanya berisi satu alur utama, karena ini merupakan pengalaman yang cukup sederhana.
Saat pengguna memanggil Glassware, mereka akan melihat interstisial hitung mundur selama 3 detik sebelum stopwatch yang sebenarnya dimulai. Stopwatch kemudian menghitungnya hingga pengguna menghapusnya dari linimasa dengan item menu Stop.
Perintah suara
Anda harus mengetahui perintah suara sejak 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 an update berfungsi dengan baik dalam model api-dan-lupakan, yakni pengguna mengucapkan teks dan Glassware memprosesnya tanpa intervensi pengguna lebih lanjut. Hal ini membuat pengguna dapat segera kembali melakukan hal tersebut.
Di sisi lain, untuk Mainkan game, Anda biasanya ingin menempatkan pengguna di layar pembuka sehingga mereka bisa mendapatkan orientasi terlebih dahulu. Karena perintah suara ini kemungkinan besar meluncurkan pengalaman imersif, Anda dapat mengharapkan pengguna baik-baik saja dengan melihat layar dan menu tambahan untuk memulai game. Langsung membuat pengguna merasakan pengalaman bermain game tepat setelah perintah suara biasanya merupakan pengalaman yang buruk untuk game.
Stopwatch menggunakan perintah suara Mulai stopwatch. Setelah pengguna memanggil perintah suara, Stopwatch segera dimulai setelah layar hitung mundur interstisial singkat, yang lebih baik daripada menyediakan item menu untuk memulai. Untuk tugas yang sedang berlangsung, sebaiknya Anda berfokus untuk menghadirkan pengalaman kepada pengguna secepat mungkin, jika memungkinkan.
Tata letak kartu
Baik Anda sedang membangun imersif atau kartu live, Anda harus menggunakan
CardBuilder
atau tata letak XML jika memungkinkan.
Sering kali, Anda masih perlu membuat tata letak sendiri, jadi ikuti pedoman UI kami untuk memiliki tampilan Glassware terbaik.
Stopwatch mengikuti panduan tata letak umum, tetapi memiliki tata letak UI kustom yang menggunakan komponen Android standar seperti tampilan dan tata letak.
Mengembangkan aplikasi
Untuk mengembangkan kartu live, gunakan alat yang sama dengan yang digunakan untuk pengembangan Android guna membuat sejumlah besar Glassware, lalu menggunakan 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 beberapa konsep terkadang berbeda. Misalnya, Anda merender dan mengelola kartu live dengan layanan Android, yang bukan cara Anda biasanya menggunakan layanan dalam aplikasi Android tradisional. Contoh lain adalah kartu live tidak memiliki konteks UI-nya sendiri, sehingga Anda harus menggunakan aktivitas shell yang menampilkan menu untuk kartu live. Anda akan mempelajari bagaimana komponen-komponen ini dibangun nanti dalam panduan ini.
Bagian Develop lainnya membahas cara penyusunan Stopwatch dan komponen utama project yang Anda impor sebelumnya. Sebaiknya siapkan Android Studio sekarang agar Anda dapat mengikutinya. Kode sumbernya sendiri diberi komentar, sehingga bagian ini membahas kegunaan tingkat tinggi setiap file dan tips bermanfaat yang dapat diterapkan ke Glassware Anda sendiri.
Perintah suara
Buat perintah suara dengan file resource XML yang menentukan
perintah yang Anda gunakan, lalu dengan menentukan resource XML
dalam file AndroidManifest.xml.
File berikut terkait dengan perintah suara Stopwatch:
res/xml/voice_trigger_start.xml- Mendeklarasikan perintah suara yang akan digunakan.AndroidManifest.xml- Mendeklarasikan layanan kartu langsung untuk dimulai saat perintah suara diucapkan.
Tampilan hitung mundur
Stopwatch menampilkan 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- Menentukan tampilan untuk hitung mundur.
Tampilan kronometer
Ini adalah tampilan utama Stopwatch. Kolom ini menampilkan waktu yang telah 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- Mendefinisikan cara merender tampilan. Layanan kartu live memanggil class ini untuk menggambar ke layanan kartu langsung.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 yang 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 live merender UI-nya dalam konteks linimasa.
Untuk mengatasi batasan ini, Anda membuat aktivitas transparan yang muncul di bagian atas linimasa, lalu menampilkan menu aktivitas tersebut segera setelah pengguna mengetuk kartu live.
src/com/google/android/glass/sample/stopwatch/MenuActivity.java- Mendeklarasikan aktivitas menu transparan yang segera menampilkan menu saat aktivitas terlihat.res/values/styles.xml- Mendefinisikan 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
Glass Anda sehingga sistem tahu cara menjalankannya. Manifes
untuk Charades mendeklarasikan hal-hal berikut:
- Ikon dan nama The Glassware. Glass akan 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 Anda.
- Perintah suara dan filter intent yang memulai layanan kartu langsung saat perintah suara diucapkan.
- Kode versi untuk Glassware. Kode ini harus diperbarui (dan biasanya juga nama versi) setiap kali versi baru APK ini diupload ke MyGlass.