অ্যাপ বার এবং হেডার

অ্যাপ বার এবং হেডার কম্পোনেন্ট হল অ্যাপ ক্যানভাসের শীর্ষে একটি ডেডিকেটেড বার যা ব্র্যান্ডিং, টপ-লেভেল নেভিগেশন এবং অ্যাপ নিয়ন্ত্রণে অ্যাক্সেসের মতো গুরুত্বপূর্ণ অ্যাপ-সম্পর্কিত ফাংশনগুলি প্রদর্শনের জন্য কাস্টমাইজ করা যেতে পারে।

সমগ্র UI জুড়ে একটি স্ট্যান্ডার্ড স্থানে অ্যাপ-মধ্যস্থ অনুসন্ধানের মতো কী নিয়ন্ত্রণ স্থাপন করতে সামঞ্জস্যপূর্ণ অ্যাপ বার এবং হেডার লেআউট ব্যবহার করুন।

অ্যানাটমি

অ্যাপ বার এবং হেডারে বিভিন্ন ধরণের উপাদান থাকতে পারে। এটি নিম্নলিখিত যেকোনো উপায়ে কনফিগার করা যেতে পারে:

  • অ্যাপ হেডার: অ্যাপ হেডার হিসেবে কনফিগার করা হলে, কম্পোনেন্টটিতে ঐচ্ছিক টেক্সটের জন্য জায়গা থাকে, আইকন এবং বোতামের ন্যূনতম ব্যবহার সহ। সাধারণত, এতে একটি স্ক্রিন শিরোনাম এবং পিছনের তীর থাকে।
  • অ্যাপ বার: অ্যাপ বার হিসেবে কনফিগার করা হলে, এতে আইকন, ট্যাব এবং বোতাম অন্তর্ভুক্ত থাকতে পারে। সাধারণ উপাদানগুলির মধ্যে একটি অ্যাপ আইকন এবং নেভিগেশনাল বিকল্প অন্তর্ভুক্ত থাকে।

এই সংস্করণগুলির যেকোনো একটিতে অ্যাপ নিয়ন্ত্রণও অন্তর্ভুক্ত থাকতে পারে, যেমন অ্যাপ-মধ্যস্থ অনুসন্ধান এবং সেটিংস।

অ্যাপ বার এবং হেডার অ্যানাটমি
একটি অ্যাপ হেডারের দুটি সংস্করণ (উপরে এবং মাঝখানে) এবং একটি অ্যাপ বারের একটি সংস্করণ (নীচে), যেখানে নিম্নলিখিত উপাদানগুলি রয়েছে:
১. পিছনের তীর
2. স্ক্রিন শিরোনাম
3. বোতাম
৪. অ্যাপ নিয়ন্ত্রণ
৫. অ্যাপ আইকন
৬. প্রাথমিক নেভিগেশন (ট্যাব)

স্পেসিফিকেশন - অ্যাপ বার

প্রাথমিক নেভিগেশন সহ অ্যাপ বার - কেন্দ্রে সারিবদ্ধ

প্রাথমিক নেভিগেশন সহ অ্যাপ বার - বাম দিকে সারিবদ্ধ

প্রাথমিক নেভিগেশন সহ অ্যাপ বার - আড়াল করা হয়েছে (ট্যাবের পরিবর্তে ড্রয়ার)

স্পেসিফিকেশন – অ্যাপ হেডার

কেন্দ্রীভূত শিরোনাম সহ অ্যাপ হেডার

একক অ্যাপ নিয়ন্ত্রণ সহ অ্যাপ হেডার

একাধিক অ্যাপ নিয়ন্ত্রণ সহ অ্যাপ হেডার

একক বোতাম সহ অ্যাপ হেডার

একাধিক বোতাম সহ অ্যাপ হেডার

টেক্সট ওভারফ্লো সহ অ্যাপ হেডার

স্বতন্ত্র ট্যাব বার সহ অ্যাপ হেডার

কাস্টমাইজেশন

অ্যাপ বার এবং হেডারের ভিজ্যুয়াল চেহারা পরিবর্তন করে আপনি আপনার ব্র্যান্ড প্রকাশ করতে পারেন। পরিবর্তনগুলির মধ্যে অন্তর্ভুক্ত থাকতে পারে:

  • কাস্টম আইকন
  • কাস্টম ফন্ট
  • সক্রিয়, নিষ্ক্রিয় এবং নিষ্ক্রিয় বোতামগুলির উপস্থিতি নির্ধারণ করা
  • বোতামের মাত্রা এবং স্থান নির্ধারণ করা

উদাহরণ

সাইন-ইন-এ অ্যাপ হেডার
প্লেব্যাকে অ্যাপ হেডার
অ্যাপ বার
কন্টেন্ট স্ক্রোল করার সময় অ্যাপ বার