বিভিন্ন আকারের ঘড়ি কীভাবে সামলাতে হয় তা বুঝে গেলে, আপনি কোন পৃষ্ঠতলটি ব্যবহার করতে চান তা স্থির করুন।
সাধারণ অ্যাপ লেআউটগুলির মধ্যে নিম্নলিখিতগুলি অন্তর্ভুক্ত:
- একক স্ক্রিন (সবচেয়ে সরল): এতে UI উপাদানগুলো স্ক্রল না করে একবারে কেবল দৃশ্যমান থাকে।
- উল্লম্ব কন্টেইনার (সবচেয়ে প্রচলিত): এর বিষয়বস্তু স্ক্রিনের দৃশ্যমান অংশের বাইরে থাকে এবং স্ক্রল করার মাধ্যমে তা অ্যাক্সেস করা যায়।
- অন্যান্য বিকল্প: তালিকা, পৃষ্ঠা বিভাজন, বা দ্বি-মাত্রিক প্যানিং।
এই লেআউট প্রকারগুলি পরবর্তী বিভাগগুলিতে বর্ণনা করা হয়েছে। আপনার একাধিক স্ক্রিনের প্রয়োজন হলে আপনি লেআউট প্রকারগুলির সংমিশ্রণ ব্যবহার করতে পারেন।
দ্রষ্টব্য: আপনার অ্যাক্টিভিটির জন্য, হয় ComponentActivity থেকে অথবা, যদি আপনি ফ্র্যাগমেন্ট ব্যবহার করেন, FragmentActivity থেকে ইনহেরিট করুন। অন্যান্য অ্যাক্টিভিটি টাইপগুলো মোবাইল-নির্দিষ্ট UI এলিমেন্ট ব্যবহার করে যা Wear OS-এর জন্য আপনার প্রয়োজন নেই।
একক স্ক্রিন
ব্যবহারকারী স্ক্রল না করেই একটি স্ক্রিনে সমস্ত উপাদান দেখতে পান। এর মানে হলো, আপনি অল্প সংখ্যক উপাদানই অন্তর্ভুক্ত করতে পারবেন।
চিত্র ১. একটি একক স্ক্রিন লেআউটের উদাহরণ।
আপনার এলিমেন্টগুলো সাজানোর জন্য একটি BoxInsetLayout এবং একটি ConstraintLayout সমন্বয়ে একক স্ক্রিনগুলো ভালোভাবে কাজ করে।
উল্লম্ব কন্টেইনার
ভার্টিকাল কন্টেইনার হলো অ্যাপ লেআউটের সবচেয়ে প্রচলিত ধরন। এর কিছু কন্টেন্ট স্ক্রিনে দেখা যায় না, কিন্তু স্ক্রল করে সেগুলোতে প্রবেশ করা যায়।
চিত্র ২-এ কয়েকটি সম্পূর্ণ অ্যাপ লেআউট দেখানো হয়েছে, যেখানে একটি ঘড়ির গোলাকার স্ক্রিনে বিষয়বস্তুর কেবল একটি অংশ দেখা যায়। এই উদাহরণগুলিতে, মূল বিষয়বস্তু কন্টেইনারের উপরের অংশে এবং অন্যান্য গুরুত্বপূর্ণ ইউজার জার্নি (CUJ) ও সেটিংস নিচের দিকে রয়েছে। বিষয়বস্তু বিন্যাস করার জন্য এটি একটি উত্তম পদ্ধতি।
চিত্র ২. উল্লম্ব কন্টেইনার বিন্যাসের উদাহরণ।
একটি একক স্ক্রিনের অ্যাপ লেআউটের মতো BoxInsetLayout ব্যবহার করবেন না। এর পরিবর্তে, একটি NestedScrollView এর ভিতরে একটি ConstraintLayout ব্যবহার করুন। ConstraintLayout এর ভিতরে আপনার অ্যাপের জন্য সবচেয়ে উপযুক্ত উইজেটগুলো রাখুন। এটি আপনাকে একটি বৃত্তাকার ডিসপ্লের পাশের অতিরিক্ত জায়গার সুবিধা নিতে সাহায্য করে।
চিত্র ৩. NestedScrollView এর ভিতরে থাকা ConstraintLayout এর বিষয়বস্তু।
নিশ্চিত করুন যে আপনার ভার্টিকাল কন্টেইনারের উপরে এবং নীচের কন্টেন্ট একটি বৃত্তাকার ডিসপ্লের উপরে এবং নীচে ফিট করার জন্য যথেষ্ট ছোট, যেমনটি চিত্র ৩-এর উদাহরণে দেখানো হয়েছে।
দ্রষ্টব্য: সম্ভব হলে, XML-এ android:scrollbars="vertical" সেট করে আপনার NestedScrollView তে একটি স্ক্রল ইন্ডিকেটর যোগ করুন। এটি ব্যবহারকারীদের বুঝতে সাহায্য করে যে আরও কন্টেন্ট রয়েছে এবং সমস্ত কন্টেন্টের সাপেক্ষে তারা কোথায় আছেন তা দেখতে সহায়তা করে।
অ্যাপ লেআউটের জন্য অন্যান্য বিকল্প
- তালিকা : পরিধানযোগ্য পৃষ্ঠতলের জন্য অপ্টিমাইজ করা
WearableRecyclerViewউইজেটের মাধ্যমে বিপুল পরিমাণ ডেটা প্রদর্শন করুন। আরও তথ্যের জন্য, Wear OS-এ তালিকা তৈরি করুন দেখুন। - হরাইজন্টাল পেজিং : একাধিক সমান্তরাল স্ক্রিনযুক্ত ব্যবহারের ক্ষেত্রে, হরাইজন্টাল সোয়াইপ ব্যবহার করুন। আপনি যদি হরাইজন্টাল পেজিং ব্যবহার করেন, তবে আপনাকে অবশ্যই বাম প্রান্তের জন্য সোয়াইপ-টু-ডিসমিস সমর্থন করতে হবে।
- ২ডি প্যানিং : মানচিত্রের মতো ব্যবহারের ক্ষেত্রে, ব্যবহারকারীরা বিভিন্ন দিকে প্যান করার জন্য ড্র্যাগ করতে পারেন। আপনার অ্যাক্টিভিটি যদি পুরো স্ক্রিন জুড়ে থাকে, তবে সোয়াইপ-টু-ডিসমিস সক্ষম করুন।