Saat yüzleri tasarlayın

Özel kadranlar renk, animasyon ve bağlamsal bilgiler içerebilen dinamik, dijital bir tuvalden yararlanır.

Wear OS için kadran oluşturmak, tıpkı geleneksel kadranlarda olduğu gibi saati net bir şekilde görselleştirmeyi gerektirir. Wear cihazlar, kadranlar için tasarımlarınızda kullanabileceğiniz canlı renkler, dinamik arka planlar, animasyonlar ve veri entegrasyonu gibi gelişmiş özellikler sunar. Bununla birlikte, tasarımla ilgili göz önünde bulundurulması gereken pek çok nokta vardır.

Kodlama olmadan bir kadran tasarlamak için Watch Face Studio sayfasına bakın.

Kadran tasarlamaya başlamak için diğer kadran örneklerini inceleyin. Çeşitli kadran seçeneklerine göz atmak için Wear OS tamamlayıcı uygulamasını indirin.

Kadranın nasıl uygulanacağını planlayın

Kadranınızın tasarımını tamamladıktan sonra gerekli verileri nasıl elde edeceğinizi belirlemeniz ve kadranı giyilebilir cihazda çizmeniz gerekir. Çoğu uygulama aşağıdaki bileşenlerden oluşur:

  • Bir veya daha fazla arka plan resmi.
  • Gerekli verileri alan uygulama kodu.
  • Arka plan resimlerinin üzerine metin ve şekil çizen uygulama kodu.

Uygulamalar genellikle etkileşimli ve ambiyans modları için farklı arka plan resimleri gösterir. Ambiyans modu için iyi görünen bir görüntü oluşturmak zor olabilir. Bu nedenle, ambiyans modu arka planları genellikle herhangi bir resim olmadan tamamen siyah veya gri olur.

Ekran yoğunluğu hdpi olan Wear cihazların arka plan resimlerinin boyutu 320x320 piksel olmalıdır. Arka plan resminin köşeleri yuvarlak cihazlarda görünmez. Kodunuzda, cihaz ekranının boyutunu algılayabilir ve cihazın çözünürlüğü sizinkinden daha düşükse arka plan resminin ölçeğini küçültebilirsiniz. Performansı artırmak için arka plan resmini yalnızca bir kez ölçeklendirin ve elde edilen bit eşlemi depolayın.

Uygulama kodunu çalıştırarak içerik verilerini gereken sıklıkta alın ve kadranı her çizdiğinizde verileri yeniden kullanmak üzere sonuçları saklayın. Örneğin, dakikada bir hava durumu güncellemesi almanız gerekmez.

Pil ömrünü uzatmak için kadranınızı ambiyans modunda çeken uygulama kodunu nispeten basit tutun. Bu modda genellikle sınırlı bir renk grubu kullanarak şekillerin dış çizgilerini çizersiniz. Etkileşimli modda ise kadranınızı çizmek için tam renkli, karmaşık şekiller, renk geçişleri ve animasyonlar kullanabilirsiniz.

Bu sınıftaki kalan dersler, kadranları nasıl uygulayacağınızı ayrıntılı olarak göstermektedir.

Aşağıdaki ilgili kaynaklara bakın: