Tampilan jam kustom memanfaatkan kanvas digital dinamis yang dapat menyertakan warna, animasi, dan informasi kontekstual.
Membuat tampilan jam untuk Wear OS melibatkan proses visualisasi waktu dengan jelas, sama seperti yang Anda lakukan untuk tampilan jam tradisional. Perangkat Wear memberikan kemampuan lanjutan untuk tampilan jam yang dapat Anda manfaatkan dalam desain, seperti warna-warna yang cerah, latar belakang dinamis, animasi, dan integrasi data. Namun, ada banyak pertimbangan desain yang juga perlu diperhatikan.
Untuk mendesain tampilan jam tanpa coding, lihat Watch Face Studio.
Untuk mulai mendesain tampilan jam, tinjau contoh tampilan jam lainnya. Download aplikasi pendamping Wear OS untuk menjelajahi berbagai pilihan tampilan jam.
Merencanakan implementasi tampilan jam
Setelah menyelesaikan desain tampilan jam, Anda harus menentukan cara mendapatkan semua data yang diperlukan dan menggambar tampilan jam di perangkat wearable. Sebagian besar implementasi terdiri dari komponen berikut:
- Satu atau beberapa gambar latar.
- Kode aplikasi yang mengambil data yang diperlukan.
- Kode aplikasi yang menggambar teks dan bentuk di atas gambar latar.
Biasanya, aplikasi akan menampilkan gambar latar yang berbeda untuk mode interaktif dan standby. Membuat gambar yang menarik untuk mode standby mungkin adalah hal yang sulit. Oleh karena itu, latar belakang mode standby sering kali sepenuhnya hitam atau abu-abu tanpa gambar.
Gambar latar untuk perangkat Wear OS dengan kepadatan layar hdpi harus berukuran 320x320 piksel. Sudut gambar latar belakang tidak terlihat pada perangkat lingkaran. Di dalam kode, Anda dapat mendeteksi ukuran layar perangkat dan memperkecil gambar latar jika resolusi perangkat lebih rendah daripada resolusi gambar. Untuk meningkatkan performa, skalakan gambar latar sekali saja dan simpan hasil bitmap.
Jalankan kode aplikasi untuk mengambil data kontekstual hanya sesering yang diperlukan, dan simpan hasilnya agar data dapat digunakan kembali setiap kali Anda menggambar tampilan jam. Misalnya, Anda tidak perlu mengambil informasi cuaca terkini setiap menit.
Pastikan kode aplikasi yang menggambar tampilan jam dalam mode standby relatif sederhana agar dapat meningkatkan masa pakai baterai. Dalam mode ini, biasanya Anda menggambar kerangka bentuk menggunakan rangkaian warna yang terbatas. Dalam mode interaktif, Anda dapat menggunakan seluruh warna, bentuk, gradien, dan animasi yang kompleks untuk menggambar tampilan jam Anda.
Tutorial yang tersisa di kelas ini akan menunjukkan secara detail cara mengimplementasikan tampilan jam.
Referensi terkait
Lihat referensi terkait berikut ini: