স্তর ২ — অভিযোজিত অপ্টিমাইজড

অ্যাপটিতে সকল স্ক্রিন সাইজের জন্য ডিজাইন করা রেসপন্সিভ এবং অ্যাডাপ্টিভ লেআউট রয়েছে। সমস্ত লেআউটই রেসপন্সিভ ( আপনার UI রেসপন্সিভ লেআউটে মাইগ্রেট করুন দেখুন)। অ্যাডাপ্টিভ লেআউটের বাস্তবায়ন উইন্ডো সাইজ ক্লাস দ্বারা নির্ধারিত হয়।

অ্যাপের UI-তে নিম্নলিখিত বিষয়গুলো অন্তর্ভুক্ত থাকতে পারে:

• অত্যাধুনিক নেভিগেশন রেল যা বড় উইন্ডো সাইজে প্রসারিত হয়ে পূর্ণাঙ্গ নেভিগেশন প্যানেলে পরিণত হয়।
• গ্রিড লেআউট যা উইন্ডোর আকারের পরিবর্তনের সাথে সামঞ্জস্য রেখে কলামের সংখ্যা পরিবর্তন করে।
• বড় পর্দায় পাঠ্যের কলাম
• ডেস্কটপ স্ক্রিনের আকারে ডিফল্টরূপে খোলা থাকা ট্রেলিং-এজ প্যানেল; ছোট স্ক্রিনে বন্ধ থাকে।

বড় স্ক্রিনের জায়গার সদ্ব্যবহার করতে (প্রয়োজন অনুযায়ী) একাধিক প্যানেলযুক্ত লেআউট তৈরি করুন। প্রামাণ্য লেআউটসমূহ দেখুন।

অ্যাক্টিভিটি এমবেডিং অ্যাক্টিভিটি-ভিত্তিক অ্যাপগুলোকে অ্যাক্টিভিটিগুলোকে পাশাপাশি প্রদর্শন করার মাধ্যমে মাল্টি-পেন লেআউট তৈরি করতে সক্ষম করে।

মোডাল, কনটেক্সট মেনু এবং অন্যান্য সেকেন্ডারি এলিমেন্টগুলো সব ধরনের স্ক্রিন ও ডিভাইসের অবস্থায় সঠিকভাবে ফরম্যাট করা থাকে, উদাহরণস্বরূপ:

• বড় স্ক্রিনে বটম শীটগুলো সম্পূর্ণ প্রস্থ জুড়ে দেখা যায় না। (টেনে বড় হয়ে যাওয়া এড়াতে একটি সর্বোচ্চ প্রস্থ প্রয়োগ করুন।) 'Behavior in Sheets: bottom' দেখুন।
• বড় স্ক্রিনে বাটনগুলো সম্পূর্ণ প্রস্থ জুড়ে দেখা যায় না। বাটনগুলোর আচরণ দেখুন।
• বড় স্ক্রিনে টেক্সট ফিল্ড এবং বক্সগুলো সম্পূর্ণ প্রস্থে প্রসারিত হয় না। টেক্সট ফিল্ডের আচরণ দেখুন।
• ছোট এডিট মেনু বা মোডালগুলো পুরো স্ক্রিন জুড়ে থাকে না এবং ব্যবহারকারীর জন্য প্রাসঙ্গিকতা যথাসম্ভব বজায় রাখে। মেনুসমূহ দেখুন।
• ব্যবহারকারীর নির্বাচিত আইটেমটির পাশে কনটেক্সট মেনু প্রদর্শিত হয়। মেনু অংশের "কনটেক্সট মেনু" টপিকটি দেখুন।
• বড় স্ক্রিনে উন্নততর স্বাচ্ছন্দ্যের জন্য নেভিগেশন বারের পরিবর্তে নেভিগেশন রেইল ব্যবহার করা হয়। নেভিগেশন রেইল দেখুন।
• নেভিগেশন ড্রয়ারগুলিকে বর্ধিত নেভিগেশন রেইলে আপডেট করা হয়েছে। নেভিগেশন ড্রয়ার দেখুন।
• ডায়ালগ বক্সগুলো সর্বশেষ ম্যাটেরিয়াল কম্পোনেন্ট অনুযায়ী আপডেট করা হয়েছে। ডায়ালগস দেখুন।
• ছবিগুলো সঠিক রেজোলিউশনে প্রদর্শিত হয় এবং এগুলোকে প্রসারিত বা ক্রপ করা হয় না।

• মোডাল, ডায়ালগ, পপ-আপ এবং মেনু বন্ধ করে।
• অনুসন্ধানের লেখা মুছে দেয় অথবা অনুসন্ধানের ফোকাস সরিয়ে দেয়
• কিবোর্ড ফোকাস বাতিল করে।
• পূর্ণ-স্ক্রিন ভিডিও, পিআইপি, পূর্ণ-স্ক্রিন মোড বা স্লাইডশো থেকে প্রস্থান করে।
• স্ক্রিনে থাকা কন্ট্রোল, যেমন প্রোগ্রেস বার বা মেনু, বন্ধ করে দেয়।
• পরবর্তী / স্বয়ংক্রিয় প্লে টাইমার বাতিল করে
• নির্বাচিত সমস্ত আইটেম অনির্বাচিত করে
• সংরক্ষণ না করে নাম পরিবর্তন/সম্পাদনা বাতিল করে।
• ক্রপিং/ট্রান্সফর্ম টুল থেকে প্রস্থান করে এবং পরিবর্তনগুলো বাতিল করে।

ফোন, ফোল্ডেবল ফোন, ছোট ও বড় ট্যাবলেট এবং ডেস্কটপ ডিভাইসসহ বিভিন্ন আকারের স্ক্রিনযুক্ত ডিভাইসে অ্যাপটি চালান। ডিভাইসগুলোতে অ্যাপটি মাল্টি-উইন্ডো মোডে চালান।

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

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

কোনো এক্সিট ফাংশন সম্পাদন করতে এক্সটার্নাল কিবোর্ডের Esc কী ব্যবহার করুন। যাচাই করুন যে কী-টি নিম্নলিখিত কাজগুলো করে (যেখানে প্রযোজ্য):

• মোডাল, ডায়ালগ, পপ-আপ এবং মেনু বন্ধ করে।
• অনুসন্ধানের লেখা মুছে দেয় অথবা অনুসন্ধানের ফোকাস সরিয়ে দেয়
• কিবোর্ড ফোকাস বাতিল করে।
• পূর্ণ-স্ক্রিন ভিডিও, পিআইপি, পূর্ণ-স্ক্রিন মোড বা স্লাইডশো থেকে প্রস্থান করে।
• অন-স্ক্রিন নিয়ন্ত্রণগুলি বাতিল করে
• পরবর্তী / স্বয়ংক্রিয় প্লে টাইমার বাতিল করে
• নির্বাচিত সমস্ত আইটেম অনির্বাচিত করে
• সংরক্ষণ না করে নাম পরিবর্তন/সম্পাদনা বাতিল করে।
• ক্রপিং/ট্রান্সফর্ম টুল থেকে প্রস্থান করে এবং পরিবর্তনগুলো বাতিল করে।