نوارهای پیمایش مکان کاربر را در یک سند نشان می دهد که بزرگتر از فضای مشاهده است. آنها به کاربر اجازه می دهند تا با حرکت دادن ناحیه مشاهده پنجره به بالا یا پایین به بقیه سند پیمایش کند.
کاربران با استفاده از لمس، چرخ چرخشی یا پد لمسی با اسکرولبارها تعامل دارند. با ضربه زدن روی فلشهای نوار پیمایش، محتوا بر اساس «صفحات» حرکت میکند - یعنی افزایشهایی معادل ارتفاع صفحه. با این حال، اگر کاربران به سرعت برای پیمایش حرکت کنند (بسته به حساسیت صفحه لمسی)، حرکت پرت کردن می تواند حرکت اینرسی ایجاد کند که بیشتر از یک صفحه اسکرول می کند. صرف نظر از نحوه شروع پیمایش، حرکت پیمایش همیشه باید به یک آیتم بچسبد.
آناتومی
نوار اسکرول از اسکرول به بالا و پایین و نشانگر پیشرفت اسکرول تشکیل شده است. از شورون ها در اسکرول affordance ها برای نشان دادن جهت پیمایش استفاده می شود. نشانگر پیشرفت اسکرول یک عنصر اختیاری است که محتوای قابل مشاهده و موقعیت اسکرول را نسبت به مقدار کل محتوای صفحه نشان می دهد.
توجه: نشانگر پیشرفت اسکرول برای کشیدن طراحی نشده است.
1. امکان اسکرول به بالا (وضعیت غیرفعال) 2. نشانگر پیشرفت را اسکرول کنید 3. اسکرول به پایین affordance
مشخصات
برچسب های چیدمان
تعاریف E، M، KL، P، Flex
موقعیت نوار پیمایش با پیمایش اصلی انباشته و نوار کنترل به حداقل رسیده است
موقعیت نوار پیمایش فقط با هدر برنامه
موقعیت نوار پیمایش با هدر برنامه و نوار کنترل
موقعیت نوار پیمایش با هدر برنامه و نوار کنترل گسترده
موقعیت نوار پیمایش با نوار/سربرگ برنامه و نوار کنترل به حداقل رسیده است
موقعیت نوار پیمایش فقط با نوار/سرصفحه برنامه
موقعیت نوار پیمایش با هدر برنامه و نوار کنترل
موقعیت نوار پیمایش با هدر برنامه و نوار کنترل گسترده
موقعیت نوار اسکرول با ارتفاع صفحه نمایش کوتاه
نشانگر پیشرفت پیمایش اختیاری
سبک ها
دستورالعمل های رنگ
پالت ها، مقادیر ارتفاع و کدورت و موارد دیگر
رنگ
عنصر
رنگ (حالت روز)
رنگ (حالت شب)
نمادهای اولیه - حالت فعال
سفید
سفید @ 88٪
نمادهای اولیه - حالت غیرفعال
سفید @ 56%
سفید @ 50%
نشانگر پیشرفت اسکرول
سفید @ 16%
سفید @ 12%
سایز بندی
عنصر
اندازه (dp)
نماد اصلی
44
هدف را لمس کنید
76
عرض نشانگر پیشرفت را اسکرول کنید
6
شعاع گوشه گرد (R4)
پر شده
مثال ها
نوار پیمایش در نمای محتوای شبکه ای نوار پیمایش در نمای محتوای فهرست با نشانگر پیشرفت اسکرول
نوار پیمایش در نمای محتوای شبکه ای نوار پیمایش در نمای محتوای فهرست
تاریخ آخرین بهروزرسانی 2024-10-30 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین بهروزرسانی 2024-10-30 بهوقت ساعت هماهنگ جهانی."],[[["Scrollbars allow users to navigate content larger than the viewing space using touch, rotary wheel, or touchpad interactions."],["Scrollbars consist of scroll-up/down affordances and an optional scroll progress indicator to show position and content visibility."],["Scrolling actions should snap to content items, with fling motions potentially exceeding single-page increments due to inertial momentum."],["Scrollbar styling encompasses color variations for day/night modes and specific sizing for icons, touch targets, and the progress indicator."],["Scrollbars are positioned differently based on layout contexts, such as the presence of navigation elements or control bars."]]],[]]