Kaydırma çubuğu

Kaydırma çubukları, görüntüleme alanından daha büyük bir belgede kullanıcının konumunu gösterir. Kullanıcının pencere görüntüleme alanını yukarı veya aşağı hareket ettirerek belgenin geri kalanına geçmesine olanak tanır.

Kullanıcılar kaydırma çubuklarıyla dokunmatik ekran, döner tekerlek veya dokunmatik yüzey kullanarak etkileşim kurar. Kaydırma çubuğundaki oklara dokunmak, içeriği sayfa sayfa, yani ekran yüksekliğine eşdeğer artışlarla hareket ettirir. Ancak, kullanıcılar kaydırmak için hızlıca ileri geri hareket ettirirse (dokunmatik ekran hassasiyetine bağlı olarak), bu hareket, bir sayfadan daha fazla kaydırmaya neden olabilecek bir atalet momentumu yaratabilir. Kaydırma nasıl başlatılırsa başlatılsın, kaydırma hareketi her zaman bir öğeye kilitlenmelidir.

Anatomi

Kaydırma çubuğu, yukarı kaydırma ve aşağı kaydırma seçeneklerinden ve kaydırma ilerleme göstergesinden oluşur. Kaydırma seçeneklerinde, kaydırma yönünü belirtmek için ok işaretleri 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 gösteren isteğe bağlı bir öğedir.

1. Yukarı kaydırma olanağı (devre dışı bırakılmış durum)
2. Kaydırma ilerleme göstergesi
3. Aşağı kaydırma özelliği

Özellikler

Üst üste yığılmış birincil gezinme menüsü ve simge durumuna küçültülmüş kontrol çubuğuyla kaydırma çubuğunun konumu.

Kaydırma çubuğunun konumu yalnızca uygulama başlığıyla birlikte gösterilmelidir.

Kaydırma çubuğunun uygulama başlığı ve kontrol çubuğuyla olan konumu

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

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

Kaydırma çubuğunun konumu yalnızca uygulama çubuğu/başlığı ile sınırlıdır.

Kaydırma çubuğunun uygulama başlığı ve kontrol çubuğuyla olan konumu

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

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

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

Stiller

Renk

Element Renk (gündüz modu) Renk (gece modu)
Birincil simgeler - aktif durum Beyaz Beyaz @ %88
Birincil simgeler - etkin değil Beyaz @ %56 Beyaz @ %50
Kaydırma ilerleme göstergesi Beyaz @ %16 Beyaz @ %12

Bedenlendirme

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

Örnekler

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