Kaydırma çubuğu

Kaydırma çubukları, görüntüleme alanından daha büyük bir dokümanda kullanıcının konumunu belirtir. Kullanıcının, pencere görüntüleme alanını yukarı veya aşağı hareket ettirerek dokümanın geri kalanına gitmesine olanak tanır.

Kullanıcılar dokunma, çevirme tekerleği veya dokunmatik alan kullanarak kaydırma çubuklarıyla etkileşimde bulunur. Kaydırma çubuğundaki oklara dokunulduğunda, içerik "sayfalar" bazında hareket eder. Yani, ekranın yüksekliğine eşit olan artışlar sağlanır. Bununla birlikte, kullanıcılar kaydırmak için hızlı bir şekilde kaydırırsa (dokunmatik ekranın hassasiyetine bağlıdır), sallama hareketi, kaydırmayı bir sayfadan daha uzağa kaydıran bir eylemsizlik momenti oluşturabilir. Kaydırmanın nasıl başlatıldığına bakılmaksızın, kaydırma hareketi her zaman bir öğeye tutturulmalıdır.


Anatomi

Kaydırma çubuğu, yukarı ve aşağı kaydırma olanaklarından ve kaydırma ilerleme durumu göstergesinden oluşur. Zikzaklar, kaydırma yönünü belirtmek için kaydırma işlemlerinde kullanılır. Kaydırma ilerleme göstergesi, sayfadaki toplam içerik miktarına göre görünür içeriği ve kaydırma konumunu belirten isteğe bağlı bir öğedir.

Not: Kaydırma ilerleme göstergesi, sürüklenebilir şekilde tasarlanmamıştır.

1. Yukarı kaydırma yardımı (devre dışı durum)
2. Kaydırma ilerleme göstergesi
3. Aşağı kaydırma indirimi

Özellikler

Yığılmış birincil gezinme ve küçültülmüş kontrol çubuğuyla kaydırma çubuğu konumu

Kaydırma çubuğu konumu yalnızca uygulama başlığıyla

Uygulama başlığı ve kontrol çubuğuyla kaydırma çubuğu konumu

Uygulama başlığı ve genişletilmiş kontrol çubuğuyla kaydırma çubuğu konumu

Uygulama çubuğu/başlığı ve küçültülmüş kontrol çubuğuyla kaydırma çubuğu konumu

Sadece uygulama çubuğu/başlık ile kaydırma çubuğu konumu

Uygulama başlığı ve kontrol çubuğuyla kaydırma çubuğu konumu

Uygulama başlığı ve genişletilmiş kontrol çubuğuyla kaydırma çubuğu konumu

Kısa ekran yüksekliğinde kaydırma çubuğu konumu

İsteğe bağlı kaydırma ilerleme durumu göstergesi


Stiller

Renk

Öğe Renk(gün modu) Renk (gece modu)
Birincil simgeler - etkin durum Beyaz Beyaz %88'de
Birincil simgeler - etkin değil durumu Beyaz %56'da Beyaz %50'de
Kaydırma ilerleme göstergesi Beyaz %16 Beyaz %12'de

Boyutlandırma

Öğe Boyut (dp)
Birincil simge 44
Dokunma hedefi 76
Kaydırma ilerleme göstergesi genişliği 6
Yuvarlatılmış köşe yarıçapı (R4) Tam

Örnekler

Izgara içerik görünümünde kaydırma çubuğu
Kaydırma ilerleme göstergesi bulunan liste içeriği görünümünde kaydırma çubuğu
Tablo içerik görünümünde kaydırma çubuğu
Liste içeriği görünümünde kaydırma çubuğu