Simge işaretçiler

Simge işaretçi, uzamsal not sisteminin bir parçasıdır. Gerçek dünyadaki nesnelere ek açıklama eklemek için simge işaretçileri kullanın.

Kullanıcı arayüzü öğesi içeren ve içermeyen simge işaretçilerine genel bakış

İlkeler

Bağlamsal: Simge işaretçileri gerçek dünyadaki nesnelere veya noktalara kilitlenir.

Kısa ve öz: Simge işaretçiler, uzamsal sabitleyicinin kısaltılmış görsel göstergeleridir.

Kullanım ve Yerleşim

Simge işaretçi, kullanıcının ortamındaki ilgi çekici nesneleri işaretleyen, simge düğme benzeri bir kullanıcı arayüzü öğesidir. Simge işaretçi, konumsal sabitleme için kullanılan bir konumsal işaretçi türüdür.

Yapılması gerekenler

Gerçek dünyadaki nesnelere açıklama eklemek için simge işaretçi kullanın.

Yapılmaması gerekenler

Dekoratif öğeler veya gerçek dünyada olmayan nesne ek açıklamaları için simge düğmesinin daha uygun olduğu durumlarda simge işaretçileri kullanın.

Diğer tüm Jetpack Compose Glimmer bileşenleri, kullanıcının çevresi hakkında daha fazla açıklama veya bilgi için bir işaretçiyle eşlenebilir.

Yapılması gerekenler

Kullanıcının daha fazla bilgiye ulaşmasını sağlamak için kademeli açıklama yöntemini kullanın.

Yapılmaması gerekenler

İşaretçileri ek kullanıcı arayüzüyle aşırı yüklemek, kullanıcının ortamıyla daha fazla etkileşime neden olur.

İçerik ve etiketler farklı yönlerde yerleştirilebilir. İşaretçiler ve ekli tüm kullanıcı arayüzleri, uzamsal kullanıcı arayüzü gibi davranmalıdır. Yani işaretli nesnenin gerçek mesafesi, sabit bir açısal DP boyutu kullanılarak kullanıcı arayüzünün boyutuna yansıtılmalıdır.

İlgili ürünlere eklenmiş iki parıltı kartı ve işaretçi Görsel karmaşayı önlemek için işaretçileri net bir şekilde tanımlayın ve görünümdeki işaretçi sayısını sınırlayın. Birden fazla işaretçi gerekiyorsa bunları kademeli olarak görüntülenebilen tek bir belirgin işaretçi olarak gruplandırın.

Eyaletler

Simge işaretçi, simge düğmesine çok benzer. Temel fark, devre dışı bırakılmış bir durum yerine etkileşimli olmayan bir duruma sahip olmasıdır.

Simge işaretçilerin etkileşimli ve etkileşimli olmayan varyantları vardır. Fiziksel dünyayı, önemli bir noktayı işaretlemek gibi etkileşimli olmayan durumlarla açıklayın.

Daha fazla bilgi varsa düğme imkanı sunan etkileşimli durumu kullanabilirsiniz. Kullanıcı simge işaretçisine dokunursa daha fazla bilgi içeren bir Glimmer kartı gösterilir.

Anatomi

Simge işaretçisi, sabit bir kullanıcı arayüzü hizalaması ve yönü sağlayan dolgulu küçük bir simge düğmesi kullanıcı arayüzü öğesidir. Simge işaretçi, simge yerine büyük veya küçük bir nokta da kullanabilir. Etkileşimli durum, düğme durumunu belirtmek için görsel bir olanak içerir.

Simge işaretçilerin etkileşimli ve etkileşimli olmayan durumlarının yanı sıra odaklanmış, basılmış ve etkin durumları vardır.

Dolgu

Yatay ve dikey olarak konumlandırılmış kullanıcı arayüzü orta düzeyde dolguya sahipken çapraz olarak eşlenen öğelerin varsayılan dolgusu 0 dp'dir.

Yatay ve dikey öğeler için varsayılan 12 dp dolgu

Hizalama

Kullanıcı arayüzü öğeleri yatay, dikey veya çapraz noktalara yerleştirilebilir.

Üst orta ve sağ üstte hizalanmış Glimmer kullanıcı arayüzü öğeleri

Sayfa yönü

İçerik, kullanıcıya doğru yönlendirilmeli ve yer çekimi kurallarına uyarak düzenli bir görünüm sunmalıdır.

Özelleştirme

Tutarlı bir görsel kullanım kolaylığı sağlamak için simge işaretçilerini özelleştirmekten kaçının. Ancak ekli kullanıcı arayüzü öğelerinin yönünü ve hizalamasını özelleştirebilirsiniz.

Özellikler Özelleştirme Varsayılanlar
Simge Evet Büyük nokta, küçük nokta, simge
Dolgu Hayır Üst orta, orta sağ, alt orta, orta sol = orta Sol üst, sağ üst, sağ alt, sol alt = 0 dp
Hizalama Evet TopLeft, TopCenter, TopRight, CenterLeft, CenterRight, BottomLeft, BottomCenter, BottomRight
Sayfa yönü Evet RotateToLookAtUser: Nokta, dönüş açısı ne olursa olsun kullanıcıya doğru döner.