نوارچرخ

نوارهای پیمایش، موقعیت کاربر را در سندی که بزرگتر از فضای مشاهده است، نشان می‌دهند. آنها به کاربر اجازه می‌دهند با حرکت دادن ناحیه مشاهده پنجره به بالا یا پایین، به بقیه سند پیمایش کند.

کاربران با استفاده از لمس، چرخ دوار یا صفحه لمسی با نوارهای اسکرول تعامل می‌کنند. ضربه زدن روی فلش‌ها در نوار اسکرول، محتوا را به صورت صفحاتی حرکت می‌دهد، یعنی با افزایشی معادل ارتفاع صفحه نمایش. با این حال، اگر کاربران به سرعت برای اسکرول کردن (بسته به حساسیت صفحه لمسی) صفحه را پرتاب کنند، حرکت پرتاب می‌تواند حرکت اینرسی ایجاد کند که باعث می‌شود صفحه بیشتر از یک صفحه اسکرول شود. صرف نظر از نحوه شروع اسکرول، حرکت اسکرول باید همیشه به یک آیتم ضربه بزند.

آناتومی

نوار اسکرول از نشانگرهای اسکرول به بالا و پایین و نشانگر پیشرفت اسکرول تشکیل شده است. علامت‌های شورون در نشانگرهای اسکرول برای نشان دادن جهت اسکرول استفاده می‌شوند. نشانگر پیشرفت اسکرول یک عنصر اختیاری است که محتوای قابل مشاهده و موقعیت اسکرول را نسبت به کل محتوای صفحه نشان می‌دهد.

۱. قابلیت اسکرول به بالا (حالت غیرفعال)
۲. نشانگر پیشرفت اسکرول
۳. قابلیت اسکرول به پایین

مشخصات

موقعیت نوار پیمایش با ناوبری اصلی انباشته و نوار کنترل کوچک شده

موقعیت نوار پیمایش فقط با هدر برنامه

موقعیت نوار پیمایش با هدر برنامه و نوار کنترل

موقعیت نوار پیمایش با هدر برنامه و نوار کنترل گسترش یافته

موقعیت نوار پیمایش با نوار برنامه/سربرگ و نوار کنترل کوچک‌شده

موقعیت نوار پیمایش فقط با نوار برنامه/سربرگ

موقعیت نوار پیمایش با هدر برنامه و نوار کنترل

موقعیت نوار پیمایش با هدر برنامه و نوار کنترل گسترش یافته

موقعیت نوار پیمایش با ارتفاع صفحه نمایش کوتاه

نشانگر پیشرفت پیمایش اختیاری

سبک‌ها

رنگ

عنصر رنگ (حالت روز) رنگی (حالت شب)
آیکون‌های اصلی - حالت فعال سفید سفید @ ۸۸٪
نمادهای اصلی - حالت غیرفعال سفید @ ۵۶٪ سفید @ 50%
نشانگر پیشرفت پیمایش سفید @ 16% سفید @ 12٪

اندازه

عنصر اندازه (dp)
آیکون اصلی ۴۴
هدف لمسی ۷۶
عرض نشانگر پیشرفت پیمایش ۶
شعاع گوشه گرد (R4) کامل

مثال‌ها

نوار پیمایش در نمای محتوای شبکه‌ای
نوار پیمایش در نمای محتوای لیست با نشانگر پیشرفت پیمایش
نوار پیمایش در نمای محتوای شبکه‌ای
نوار پیمایش در نمای محتوای لیست