Membuat tampilan jam dengan Watch Face Studio

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

Panduan berikut menjelaskan alat dan jendela utama yang disertakan dalam Watch Face Studio (WFS).

buat tampilan jam

Alat

WFS menyertakan alat berikut:

  • Tambahkan Komponen: Membuka daftar komponen yang dapat ditambahkan ke tampilan jam.
  • Maju/Mundur: Memindahkan komponen yang dipilih ke depan atau ke belakang.
  • Kelompokkan/Batalkan pengelompokan: Mengelompokkan beberapa komponen bersama-sama, dan mengontrolnya sebagai satu komponen.
  • Mask: Alat yang memungkinkan Anda menutupi semua atau bagian lapisan lain berdasarkan garis batas bentuk di lapisan paling bawah.
  • Build: Membuka dialog build.
  • Jalankan di perangkat: Membuka dialog untuk melihat pratinjau tampilan jam di perangkat.

pintasan

Komponen

Tambahkan komponen yang berbeda sebanyak yang diinginkan ke tampilan jam. Anda juga dapat menggunakan sumber desain yang disesuaikan untuk komponen Anda. Misalnya, menampilkan data detak jantung atau jumlah langkah dengan komponen Teks, atau menambahkan gambar kustom untuk meluncurkan aplikasi tertentu.

Jenis komponen

Komponen yang didukung dijelaskan di bagian berikut.

Kanvas tampilan jam

Setel warna kanvas untuk lapisan bawah tampilan jam.

kanvas

Teks

Secara default, kolom teks berupa teks normal. Teks normal bersifat statis dan tidak berubah. Di jendela properti untuk kolom teks, Anda dapat mengubah kolom teks dari teks normal ke teks data. Teks data berubah dan diisi berdasarkan tag.

Untuk informasi selengkapnya, lihat Ekspresi tag.

Pilih opsi Terapkan Teks-Melengkung untuk membuat teks yang melengkung dengan tampilan jam.

Tentukan kurva teks dengan menyetel Lebar (L) dan Tinggi (T). Mengubah L dan T secara otomatis mengubah dimensi komponen teks Anda. Untuk menentukan posisi teks, pilih salah satu preset rentang. Rentang tambahan dapat dibuat dengan menentukan Mulai dan Jarak sudut. Tetapkan perintah teks ke searah jarum jam atau berlawanan arah jarum jam.

teks-melengkung

Bentuk

Menambahkan berbagai bentuk, seperti elips dan persegi panjang.

Gambar

WFS mendukung pengimporan gambar kustom.

Animasi

Mengimpor urutan gambar untuk animasi.

animasi

Tambahkan animasi seperti yang dijelaskan pada langkah-langkah berikut:

  1. Buat urutan animasi Anda sendiri dengan program desain, seperti Adobe Flash atau Adobe Premiere.
  2. Klik Tambahkan Komponen > Animasi untuk menambahkan file animasi ke tampilan jam Anda.
  3. Pilih urutan gambar dari file browser Anda, lalu klik Upload.
  4. Edit animasi dengan mengubah urutan setiap gambar, menghapus gambar, atau menambahkan gambar.
  5. Setel Nilai pemicu untuk menentukan kapan Anda ingin animasi diputar.

Setel nilai pemicu ke Tampilan Jam aktif untuk memulai animasi segera setelah tampilan jam ditampilkan. Opsi lainnya mencakup Ketuk, Setiap Detik, Setiap Menit, dan Setiap Jam. Anda juga dapat menunda waktu mulai menggunakan Penundaan dan memasukkan jumlah detik.

Opsi tambahan untuk animasi mencakup hal berikut ini:

  • Putar ulang otomatis: Segera mengulangi animasi setelah selesai hingga gangguan, seperti penonaktifan layar, terjadi.
  • Ulang penundaan: Menetapkan penundaan di antara iterasi animasi berulang.
  • Lanjutkan Pemutaran: Menentukan apakah akan melanjutkan animasi atau memulai dari awal saat pemutaran dihentikan karena gangguan, seperti menerima notifikasi atau panggilan telepon.
  • Sembunyikan sebelum memutar: Menentukan apakah akan menyembunyikan animasi hingga pemutaran terpicu.
  • Sembunyikan setelah selesai: Menentukan apakah akan menyembunyikan animasi saat pemutaran selesai.

animasi

Multimedia

Impor gambar animasi seperti file AGIF, Lottie, atau WebP.

Tambahkan gambar multimedia seperti yang dijelaskan pada langkah-langkah berikut:

  1. Klik Tambahkan Komponen > Multimedia.
  2. Pilih file dari file browser Anda, lalu klik Upload.
  3. Tetapkan Nilai Pemicu ke waktu mulai animasi.

Perlu diingat bahwa ukuran, resolusi, dan jumlah frame gambar multimedia dapat memengaruhi performa perangkat dan konsumsi baterai. Gambar multimedia dimuat secara asinkron selama operasi dan mungkin mengalami penundaan saat diputar, bergantung pada kemampuan smartwatch dan berbagai karakteristik gambar.

Jarum analog

Menambahkan jarum jam analog untuk jam, menit, dan detik. Buka file browser untuk memilih file gambar yang akan diimpor untuk setiap jarum.

jarum-analog

Jam digital

Opsi untuk jam digital mencakup Tanggal dan Waktu. Saat menambahkan Tanggal, tambahkan komponen teks dengan tag Tanggal. Tampilan default untuk Tanggal adalah DAY_WEEK_S MON_S DAY_1_31_Z. Saat menambahkan Waktu, tambahkan komponen teks dengan tag jam digital. Layar default untuk waktu digital adalah HOUR_1_12_Z:MIN_Z:SEC_Z.

Jam digital

Status progres

Tambahkan status progres ke tampilan jam Anda untuk memantau berbagai aktivitas. Opsi untuk komponen status progres mencakup status progres linear dan melingkar. Tentukan posisi status progres dengan memilih salah satu dari enam preset rentang. Rentang tambahan dapat dibuat dengan menentukan Mulai dan Jarak sudut. Tetapkan perintah status progres ke searah jarum jam atau berlawanan arah jarum jam.

Pengelolaan komponen

Kelola komponen Anda menggunakan alat WFS. Anda dapat menambahkan, mengelompokkan, membatalkan pengelompokan, dan mengurutkan komponen pada tampilan jam, seperti yang dijelaskan di bagian berikut.

Menambahkan komponen

Saat menambahkan komponen, komponen tersebut ditempatkan di posisi default pada kanvas. Komponen otomatis dipilih sehingga Anda dapat mengubahnya dengan mudah.

jendela-pratinjau

Mengelompokkan/Membatalkan pengelompokan komponen

Grup adalah kombinasi dari satu atau beberapa komponen. Semua komponen dapat dikelompokkan. Pengelompokan dapat dibatalkan.

grup

Menambahkan mask/Membatalkan mask pada komponen

Bentuk lapisan paling bawah menentukan area yang terlihat dari grup mask. Lapisan di atasnya hanya muncul melalui garis batas bentuk dari lapisan paling bawah. Misalnya, jika Anda menempatkan gambar segitiga di lapisan paling bawah dan gambar serta animasi di lapisan di atasnya, gambar dan animasi hanya akan muncul melalui garis batas segitiga dari lapisan paling bawah.

grup

Untuk membuat grup mask, lakukan hal berikut:

  1. Pilih lapisan yang ingin dikelompokkan.
  2. Pilih Mask dari area hot key, atau klik kanan lapisan dan pilih Mask.

Untuk merilis grup mask di jendela Lapisan, lakukan langkah berikut:

  1. Pilih grup mask.
  2. Pilih Batalkan mask dari area hot key, atau klik kanan lapisan dan pilih Batalkan mask.

Jendela pratinjau

Jendela pratinjau adalah area kerja utama Anda saat mendesain tampilan jam.

Tambahkan semua elemen tampilan jam ke kanvas yang ditampilkan di jendela pratinjau. Pada kanvas, tarik elemen ke posisi, ubah ukuran, atur, dan putar elemen tersebut.

jendela-pratinjau

Jendela lapisan

Jendela lapisan menampilkan daftar komponen dan grup yang ditampilkan di jendela pratinjau. Setiap komponen memiliki lapisannya sendiri secara default.

lapisan

Dalam jendela lapisan, tindakan berikut tersedia:

  • Telusuri: Telusuri lapisan menurut nama.
  • Tampilkan/Sembunyikan: Lapisan dapat ditampilkan atau disembunyikan. Lapisan tersembunyi tidak diputar di jendela pratinjau.
  • Warna tema: Aktifkan atau nonaktifkan warna tema Anda.
  • Ganti nama: Ubah nama lapisan dengan mengklik dua kali kolom nama dan memasukkan nama baru.

Mengklik kanan di lapisan akan menampilkan opsi menu berikut:

  • Kunci/Buka Kunci: Mengunci lapisan sehingga tidak berpindah pada kanvas.
  • Mengelompokkan/Membatalkan Pengelompokan: Mengelompokkan beberapa komponen, dan mengontrolnya sebagai satu komponen.
  • Menambahkan Mask/Membatalkan Mask: Membuat lapisan di atas lapisan paling bawah hanya muncul melalui garis batas bentuk di lapisan paling bawah.
  • Tukar gambar (hanya untuk gambar): Mengubah file gambar dalam satu lapisan menjadi gambar lainnya.
  • Warna lapisan: Menambahkan label warna ke lapisan untuk membedakan antarlapisan.

Baris kondisional

Baris kondisional memungkinkan Anda menampilkan dan menyembunyikan komponen pada tampilan jam serta mengontrol perilaku komponen. Gunakan baris kondisional untuk mengubah tampilan jam sebagai respons terhadap kondisi tertentu, seperti waktu, jumlah langkah, atau baterai. Klik kanan area frame, lalu pilih Loop untuk menetapkan kondisional agar berulang.

Perlu diingat bahwa lapisan yang tidak ditampilkan tidak akan mengurangi performa atau memengaruhi masa pakai baterai Anda.

kondisional kondisional

Anda dapat menyetel tampilan jam untuk merespons kondisi berikut:

Waktu

Tampilan jam dapat berubah secara dinamis berdasarkan interval waktu. Misalnya, tampilan jam dapat terang saat siang hari dan berangsur menjadi gelap seiring waktu yang berlalu. Anda dapat menyetel waktu untuk diukur dalam jam, menit, atau detik.

Tambahkan kondisi waktu menggunakan langkah-langkah berikut:

  1. Buat lapisan.
  2. Atur jangka waktu untuk mengontrol kapan setiap lapisan ditampilkan. Pilih panel awal, lalu pilih rentang waktu.
  3. Klik dan tarik dari panel awal ke panel akhir.
  4. Ulangi langkah dua dan tiga guna menetapkan jangka waktu untuk setiap lapisan.
  5. Klik Jalankan untuk melihat pratinjau perubahan.

Contoh berikut menunjukkan cara menampilkan tampilan jam yang berbeda untuk setelan 12 jam dan 24 jam, berdasarkan setelan yang dipilih di ponsel pengguna:

  1. Tambahkan dua komponen jam digital. Komponen pertama menampilkan 12 jam pertama, komponen kedua menampilkan versi 24 jam.
  2. Tempatkan keduanya di posisi yang sama.
  3. Tambahkan kondisi 12 jam dan 24 jam ke baris kondisional.
  4. Setel jangka waktu guna menampilkan jam digital pertama untuk lapisan 12 jam dalam format 12 jam, dan tampilkan lapisan lainnya dalam format 24 jam.

Kontrol waktu

Penggeser Kontrol Waktu memungkinkan Anda melihat tampilan jam. Gunakan fitur ini untuk melihat pratinjau bagaimana tampilan jam akan berubah di jendela pratinjau sepanjang hari. Gunakan penggeser untuk menarik ke waktu tertentu, atau lihat animasi tampilan jam Anda dengan menggunakan tombol putar & maju cepat.

kontrol-waktu

Jumlah langkah

Anda dapat mendesain tampilan jam untuk berubah secara dinamis sesuai dengan jumlah langkah. Misalnya, Anda dapat membuat tampilan jam yang berubah berdasarkan persentase langkah harian yang dicapai.

Jendela properti

Setiap komponen memiliki berbagai properti yang dapat diubah. Misalnya, Anda dapat mengubah warna angka pada jam digital atau memilih apakah jarum jam mengukur jam, menit, atau detik.

properti

Panel tindakan

Panel tindakan dalam jendela properti memungkinkan interaksi dengan tampilan jam Anda. Pengguna dapat mengetuk komponen untuk mengubah gambar, membuka aplikasi yang berbeda, atau mengukur detak jantung.

panel-tindakan

Gaya

Gunakan tab gaya untuk mengubah gaya lapisan yang dipilih. Anda dapat menambahkan gaya untuk gambar, gambar multimedia, indeks, dan komponen jarum. Anda dapat menambahkan hingga 30 warna tema dan 10 gambar. Misalnya, Anda dapat menambahkan gambar jarum jam, menit, dan detik tertentu sebagai gaya jarum.

gaya gaya gaya

Pilih ikon "terapkan tema" untuk menerapkan warna dan gaya tema ke lapisan yang dipilih, seperti yang ditunjukkan pada gambar berikut.

gaya

Warna

Terapkan warna tertentu ke komponen Anda, atau simpan warna tema untuk tampilan jam. Untuk detail, tema warna awal adalah hitam putih.

Tampilan gambar

Ubah tampilan gambar menggunakan kontrol berikut:

  • Hue: Penggeser yang mengontrol nuansa warna.
  • Saturasi: Penggeser yang membuat warna gambar lebih atau kurang mencolok.
  • Kecerahan: Penggeser yang menyebabkan warna gambar lebih terang.

Tampilan teks

Gunakan tab Tampilan teks untuk menyetel perataan teks dan gaya font. Hiasi teks dengan memilih Tambahkan Font Bitmap di Setelan Project. Jika Anda ingin menggunakan ukuran font default di antara font Bitmap yang ditambahkan ke project, pilih kotak centang Terapkan Ukuran Font Default.

gaya-teks

Jalankan

Anda juga dapat menjalankan tampilan jam dalam WFS di panel Jalankan. Anda dapat menyesuaikan waktu, tanggal, baterai perangkat, langkah, detak jantung, atau nilai GIROSKOP dalam WFS untuk menguji tampilan jam dalam berbagai situasi. Pratinjau Jalankan dapat disetel ke pengaturan Aktif atau Selalu aktif. Jika menggunakan pengaturan Selalu aktif, nilai Rasio Piksel Saat Ini dan tombol Analisis juga ditampilkan.

jalankan pengaturan jalankan selalu aktif

Uji tampilan jam menggunakan Jalankan di perangkat.

Untuk detail selengkapnya, lihat Menguji tampilan jam.