Kartlar, kullanıcıların işlerini halletmek için ihtiyaç duydukları bilgi ve işlemlere hızlı erişim sağlar. Kullanıcılar, kadranı kaydırarak fitness hedeflerine doğru nasıl ilerlediklerini görebilir, hava durumunu kontrol edebilir ve daha pek çok şey yapabilir. Uygulama başlatma veya önemli görevleri kutulardan hızlıca tamamlama
Duyarlı ve optimize edilmiş tasarımlar oluşturma
Tasarım düzenlerinizi daha büyük ekran boyutlarına uyarlamanıza yardımcı olmak için düzenlerimizin ve bileşenlerimizin davranışını, yüzde tabanlı kenar boşlukları ve dolgu da dahil olmak üzere yerleşik duyarlı davranışa sahip olacak şekilde güncelledik.
ProtoLayout şablonlarımızı kullanıyorsanız bu güncellemeleri Wear ProtoLayout Jetpack kitaplığının en son beta sürümü aracılığıyla otomatik olarak devralabilirsiniz. Ayrıca, yalnızca ekran boyutu kesme noktasından sonra ek içerik veya bileşen eklediğiniz düzenleri sağlamanız gerekir. Daha büyük bir ekran boyutundan nasıl yararlanacağınızla ilgili tüm rehberlik ve öneriler için kutucuklarla ilgili rehberimizi inceleyin. Döşemelerin sabit bir ekran yüksekliği vardır. Bu nedenle, istenmeyen kırpma oluşturmadan sınırlı ekran alanını en üst düzeye çıkarmak için dolguyu ayarladık.
Bileşenlerin kullanılabilir genişliği doldurduğunu kontrol edin.
Tüm bileşenler duyarlı bir şekilde oluşturulmalıdır. Yükseklik ve genişlik "expand" olarak ayarlandığında kullanılabilir alan doldurulur. İçeriğin yuvarlak ekran tarafından kırpılmasını önlemek için gerekli kenar boşluklarını ekleyin.
Uyarlanabilir ve farklı tasarımlar oluşturma
Daha büyük ekran boyutlarındaki ek alandan en iyi şekilde yararlanmak için 225 dp'de bir boyut kesme noktası ekleyin. Bu kesme noktası, ek içerik göstermenize, daha fazla düğme veya veri eklemenize ya da düzeni daha büyük ekrana daha iyi uyacak şekilde değiştirmenize olanak tanır.
Bu, her kesme noktası için farklı bir tasarım gerektirir. Daha büyük ekran tasarımları (225+ dp) aşağıdaki ek öğeleri içerebilir:
Daha önce gizlenmiş başlık alanını gösterme
Bu, kesme noktasından önce iki satır içeren düzenlerde önerilir. Bu düzenlerde, 48 dp'lik minimum dokunma hedefinin sağlanması için başlık yuvasının kaldırılması gerekir.
Mevcut bileşenlerin boyutunu artırma veya durumunu değiştirme
Bu işlem, daha fazla ayrıntı göstermek veya içeriği daha kolay anlaşılır hale getirmek için yapılabilir.
Mevcut düzene bileşen yuvaları ekleme
Düzen, bileşenler eklenerek daha fazla seçenek veya ek ayrıntı sunar. Ancak içeriğin bir bakışta anlaşılabilir olmaya devam ettiğinden emin olun.
En alta daha fazla içerik ekleme
Bazı durumlarda, ana yuvaya bileşen eklemek yerine alt bölüme işlem düğmeleri veya içerik eklemek daha mantıklı olabilir.
Dikkat: Daha büyük bir ekran boyutu, kendisinden küçük olanlardan asla daha az bilgi göstermemelidir. Bu durum, özellikle kesme noktasında eklenen özel davranışlar için geçerlidir.
Bunun yaygın bir örneği, bileşenlerin veya metin boyutlarının kesme noktasını aşacak şekilde artırılması ve daha büyük ekranlarda daha az gösterilmesi durumudur. Ekranlar, boyutları arttıkça her zaman daha fazla değer göstermelidir.
Duyarlı ve uyarlanabilir davranış
Duyarlı ve uyarlanabilir davranış, düzenin üç yuvasına (bölümüne) bağlıdır.
Uygulama simgesi ve başlığı alanı
Sistemin sağladığı uygulama simgesinde davranış değişikliği olmaz. Başlık alanı, daha geniş ekran boyutuna otomatik olarak uyum sağlayarak ek karakterler gösterir. Ekran boyutu arttığında kırpma olmaması için üst bölümde orantılı (yüzde) dahili kenar boşlukları vardır.
Ana yuva (bileşenler)
Ana alan içindeki tüm bileşenler, daha geniş ekran boyutuna otomatik olarak uyum sağlamak için genişlik ve yüksekliklerini "expand" olarak ayarlamalıdır. Ekran boyutu büyüdüğünde kırpma olmaması için ana alan bölümünde ve bazı durumlarda bu alandaki her satırda orantılı (yüzde) iç boşluklar bulunur. Köşe yarıçapı ve düzen kombinasyonu kullanıyorsanız ana alanınızın daha büyük kenar boşlukları olması gerekebilir.
Alt yuva
Alttaki düğmede veya metinde davranış değişikliği olmaz ancak düğme ve metin kutularının genişliği, daha geniş ekran boyutuna otomatik olarak uyum sağlar ve karakter kazanır. Ekran boyutu arttığında kırpma olmaması için alt yuvada orantılı (yüzde) iç boşluklar bulunur. Alt yuva olmadığında otomatik olarak varsayılan bir kenar boşluğu eklenir.
Farklı deneyimler oluşturma
60 veya daha fazla permütasyonun yer aldığı tamamen özelleştirilebilir bir düzen sayesinde neredeyse sınırsız özelleştirme yapılabilir. Döşemeler, yuva tabanlı bir sistem üzerine kuruludur. Bu nedenle, kanonik düzendeki bir yuvayı herhangi bir içerik veya bileşenle değiştirebilir ve bileşeni birçok varyanttan ve renk kombinasyonundan birine ayarlayabilirsiniz. Bu durumda, duyarlı davranmaya devam edin ve tasarım önerilerimize uyun.
Bu özelleştirmeler sınırlı olmalı ve kutucuk şablonundan sapmamalıdır. Bu, kullanıcılar Wear OS cihazlarında kutucuklar arasında gezinirken tutarlılığı korumak için yapılır.