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.

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



