نوارچرخ

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

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


آناتومی

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

توجه: نشانگر پیشرفت اسکرول برای کشیدن طراحی نشده است.

1. امکان اسکرول به بالا (وضعیت غیرفعال)
2. نشانگر پیشرفت را اسکرول کنید
3. اسکرول به پایین affordance

مشخصات

نماد فراخوانی
برچسب های چیدمان
تعاریف E، M، KL، P، Flex

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

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

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

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

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

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

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

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

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

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


سبک ها

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

رنگ

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

سایز بندی

عنصر اندازه (dp)
نماد اصلی 44
هدف را لمس کنید 76
عرض نشانگر پیشرفت را اسکرول کنید 6
شعاع گوشه گرد (R4) پر شده

مثال ها

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