Kutular, kullanıcıların işlerini halletmek için ihtiyaç duydukları bilgi ve işlemlere hızlı erişim sağlar. Kullanıcılar kadrandan kaydırarak fitness hedeflerine ne kadar yaklaştıklarını görebilir, hava durumunu kontrol edebilir ve daha pek çok işlem yapabilir. Kartlardan uygulama başlatabilir veya önemli görevleri hızlıca tamamlayabilirsiniz.
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üzdeye dayalı kenar boşlukları ve dolgu 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ünü kullanarak 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 ekran boyutundan nasıl yararlanacağınızla ilgili tam kılavuz ve öneriler için [kartlarla ilgili kılavuzumuzu][2] inceleyin. Kartların ekran yüksekliği sabit olduğundan, 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 doldurup doldurmadığını kontrol edin
Tüm bileşenler duyarlı şekilde oluşturulmalıdır. Yükseklik ve genişliği "genişlet" olarak ayarlayarak kullanılabilir alanı doldururlar. İçeriğin yuvarlatılmış ekran tarafından kırpılmasını önlemek için gerekli kenar boşluklarını ekleyin.
Uyarlanabilir ve farklılaştırılmış 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 uygun olacak şekilde değiştirmenize olanak tanır.
Bu, her bir kesme noktası için farklı bir tasarım gerektirir. Daha büyük ekran tasarımı (225 dp'den büyük) aşağıdaki ek öğeleri içerebilir:
Daha önce gizlenmiş başlık yuvasını gösterme
Bu, kesme noktasından önce iki satırı olan düzenlerde önerilir. Bu düzenlerde, en az 48 dp'lik dokunma hedefi sağlamak için başlık yuvasının kaldırılması gerekir.
Mevcut bileşenlerin boyutunu artırma veya durumunu değiştirme
Bu, 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
Bileşenler ekleyerek düzen daha fazla seçenek veya ek ayrıntı sunar. Ancak içeriğin göz atılabilir durumda olduğundan emin olun.
En alta daha fazla içerik ekleyin
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 daha küçük boyutlara kıyasla asla daha az bilgi göstermemelidir. Bu durum, özellikle kesme noktasında eklenen özel davranışlar için geçerlidir.
Buna örnek olarak, bileşenlerin veya metin boyutlarının kesme noktasının ötesinde artırılması ve daha büyük ekranlarda daha az gösterilmesi verilebilir. Ekranlar, her zaman boyut arttıkça 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ık yuvası
Sistemin sağladığı uygulama simgesinde davranış değişikliği yoktur. Başlık alanı, daha geniş ekran boyutuna otomatik olarak uyarlanarak ek karakterler gösterir. Ekran boyutu arttığında kırpılma olmaması için üst bölümde orantılı (yüzdelik) dahili marjlar vardır.
Ana yuva (bileşenler)
Ana alandaki tüm bileşenler, genişlik ve yüksekliklerini "genişlet" olarak ayarlayarak daha geniş ekran boyutuna otomatik olarak uyum sağlamalıdır. Ekran boyutu arttığında kırpılma olmaması için ana yuva bölümünde ve bazı durumlarda bu yuvadaki her satırda orantılı (yüzdelik) dahili marjlar bulunur. Köşe yarıçapı ve düzeni birlikte kullanıyorsanız ana yuvunuz için daha büyük marjlar gerekebilir.
Alt yuva
Alttaki düğme veya metinde davranış değişikliği olmaz ancak düğme ve metin kutularının genişliği otomatik olarak daha geniş ekran boyutuna uyarlanır ve karakter sayısı artar. Ekran boyutu arttığında kırpılma olmaması için alt yuvadaki orantılı (yüzdelik) dahili marjlar vardır. Alt yuva yoksa varsayılan bir kenar boşluğu otomatik olarak eklenir.
Farklı deneyimler oluşturun
İçinde 60 veya daha fazla permütasyon bulunan tamamen özelleştirilebilir bir düzen, neredeyse sınırsız özelleştirme olanağı sunar. Kartlar, yuva tabanlı bir sistem üzerine kuruludur. Bu sayede, kanonik düzendeki bir yuvanın yerini herhangi bir içerik veya bileşenle değiştirebilir ve bileşeni birçok varyant ve renk kombinasyonundan birine ayarlayabilirsiniz. Bu durumda, duyarlı davranışı sürdürün ve tasarım önerilerimizi uygulayın.
Bu özelleştirmeler sınırlı olmalı ve kart şablonundan sapmamalıdır. Bu, kullanıcıların Wear OS cihazlarındaki kart bandında gezinirken tutarlılığı korumak içindir.