স্ক্রল বার

স্ক্রোলবারগুলি একটি ডকুমেন্টে ব্যবহারকারীর অবস্থান নির্দেশ করে যা দেখার স্থানের চেয়ে বড়। তারা ব্যবহারকারীকে উইন্ডো দেখার জায়গাটি উপরে বা নীচে সরিয়ে নথির বাকি অংশে নেভিগেট করার অনুমতি দেয়।

ব্যবহারকারীরা টাচ, রোটারি হুইল, অথবা টাচপ্যাড ব্যবহার করে স্ক্রলবারের সাথে ইন্টারঅ্যাক্ট করে। স্ক্রল বারে তীরচিহ্নগুলিতে ট্যাপ করলে কন্টেন্ট পৃষ্ঠা অনুসারে সরে যায়, অর্থাৎ, স্ক্রিনের উচ্চতার সমান বৃদ্ধি। তবে, ব্যবহারকারীরা যদি দ্রুত স্ক্রোল করতে ফ্লিং করে (টাচস্ক্রিনের সংবেদনশীলতার উপর নির্ভর করে), তাহলে ফ্লিং মোশন ইনর্শিয়াল মোমেন্টাম তৈরি করতে পারে যা এক পৃষ্ঠার চেয়েও বেশি দূরে স্ক্রোল করে। স্ক্রলিং যেভাবেই শুরু করা হোক না কেন, স্ক্রলিং মোশন সর্বদা একটি আইটেমে স্ন্যাপ করা উচিত।

অ্যানাটমি

স্ক্রলবারটি স্ক্রল-আপ এবং স্ক্রল-ডাউন সুবিধা এবং স্ক্রল অগ্রগতি নির্দেশক দিয়ে তৈরি। স্ক্রল অগ্রগতি নির্দেশক স্ক্রল সুবিধাগুলিতে স্ক্রল অগ্রগতি নির্দেশক ব্যবহার করা হয়। স্ক্রল অগ্রগতি নির্দেশক একটি ঐচ্ছিক উপাদান যা পৃষ্ঠায় থাকা সামগ্রীর মোট পরিমাণের সাথে সম্পর্কিত দৃশ্যমান সামগ্রী এবং স্ক্রল অবস্থান নির্দেশ করে।

১. স্ক্রোল-আপ অ্যাফোর্ডেন্স (অক্ষম অবস্থা)
2. স্ক্রোল অগ্রগতি নির্দেশক
৩. স্ক্রোল-ডাউন অ্যাফোর্ডেন্স

স্পেসিফিকেশন

স্ট্যাক করা প্রাথমিক নেভিগেশন এবং মিনিমাইজড কন্ট্রোল বার সহ স্ক্রোল বারের অবস্থান

শুধুমাত্র অ্যাপ হেডার সহ স্ক্রোল বারের অবস্থান

অ্যাপ হেডার এবং কন্ট্রোল বার সহ স্ক্রোল বারের অবস্থান

অ্যাপ হেডার এবং প্রসারিত নিয়ন্ত্রণ বার সহ স্ক্রোল বারের অবস্থান

অ্যাপ বার/হেডার এবং মিনিমাইজড কন্ট্রোল বার সহ স্ক্রোল বারের অবস্থান

শুধুমাত্র অ্যাপ বার/হেডার সহ স্ক্রোল বারের অবস্থান

অ্যাপ হেডার এবং কন্ট্রোল বার সহ স্ক্রোল বারের অবস্থান

অ্যাপ হেডার এবং প্রসারিত নিয়ন্ত্রণ বার সহ স্ক্রোল বারের অবস্থান

ছোট স্ক্রিন উচ্চতা সহ স্ক্রোল বারের অবস্থান

ঐচ্ছিক স্ক্রোল অগ্রগতি নির্দেশক

স্টাইল

রঙ

উপাদান রঙ (দিনের মোড) রঙ (নাইট মোড)
প্রাথমিক আইকন - সক্রিয় অবস্থা সাদা সাদা @ ৮৮%
প্রাথমিক আইকন - নিষ্ক্রিয় অবস্থা সাদা @ ৫৬% সাদা @ ৫০%
স্ক্রোল প্রগতি নির্দেশক সাদা @ ১৬% সাদা @ ১২%

আকার পরিবর্তন

উপাদান আকার (ডিপি)
প্রাথমিক আইকন ৪৪
টার্গেট স্পর্শ করুন ৭৬
স্ক্রোল অগ্রগতি নির্দেশক প্রস্থ
গোলাকার কোণার ব্যাসার্ধ (R4) পূর্ণ

উদাহরণ

গ্রিড কন্টেন্ট ভিউতে স্ক্রোল বার
তালিকার বিষয়বস্তু দৃশ্যে স্ক্রোল বার, স্ক্রোল অগ্রগতি নির্দেশক সহ
গ্রিড কন্টেন্ট ভিউতে স্ক্রোল বার
তালিকার কন্টেন্ট ভিউতে স্ক্রোল বার