নাইন প্যাচ বিটম্যাপ ব্যবহার করা

উল্লেখ্য যে সকল সম্ভাব্য লেআউট নির্ধারিত, এটা এখন শুধু কনফিগারেশন কোয়ালিফায়ার ব্যবহার করে প্রতিটা কনফিগারেশনে সঠিক লেআউট ম্যাপ করার বিষয়। এখন আপনি এটা লেআউট এলিয়াস কৌশল ব্যবহার করে করতে পারেন: সাধারণভাবে ভিন্ন স্ক্রিন সাইজ সাপোর্ট করা বোঝায় যে আপনার ইমেজ রিসোর্সগুলোকে অবশ্যই ভিন্ন সাইজে উপযুক্ত হওয়ার সমর্থ হতে হবে। উদাহরণস্বরূপ, একটি বাটন ব্যাকগ্রাউন্ডকে যে আকারেই প্রয়োগ হোক না কেন তাতে ফিট হতে হবে।

আপনি যদি কম্পোনেন্টে (উপাদান) সরল ইমেজ ব্যবহার করেন যা সাইজ পরিবর্তন করতে পারে, আপনি দ্রুত দেখতে পাবেন যে ফলাফল যেভাবে হোক সন্তোষজনক নয়, যেহেতু রানটাইম আপনার ইমেজ একইভাবে সম্প্রসারণ বা সংকোচন করে। এর সমাধান হচ্ছে নাইন-প্যাচ বিটম্যাপ ব্যবহার করা, যেটা বিশেষবাবে ফরম্যাট করা PNG ফাইল যা নির্দেশ করে কোন এলাকা সম্প্রসারিত হতে পারে বা পারেনা।

অতএব, যখন বিটম্যাপ ডিজাইন করা হয় যা ভিন্ন সাইজের উপাদানে ব্যবহৃত হতে পারে, সবসময় নাইন প্যাচ ব্যবহার করুন। একটি বিটম্যাপকে নাউন প্যাচে রূপান্তর করতে, আপনি একটি নিযমিত ইমেজ দিয়ে শুরু করতে পারেন (ফিগার ৪, স্পষ্টতার জন্য 4X জুমে দেখাচ্ছে)।

ফিগার ৪: button.png

এবং তারপর এটাকে SDK এর (যা tools /ডিরেক্টরির মধ্যে থাকে) উপযোগিতার মধ্য দিয়ে রান করান, যার মধ্যে আপনি আপনি এলাকা চিহ্নিত করতে পারবেন যা বাম এবং টপ বর্ডারের পাশে পিক্সেল ড্র করার মাধ্যমে সম্প্রসারিত হতে পারে। এছাড়াও আপনি সেই এলাকা চিহ্নিত করতে পারবেন যা ডান এবং নীচের বর্ডারের পাশে পিক্সেল ড্র করার মাধ্যমে কনটেন্ট ধারণ করতে পারেন, ফলাফল ফিগার ৫ এ দেখানো হলো।

ফিগার ৪: button.9.png

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

এছাড়াও .9.png এক্সটেনশন লক্ষ্য করুন। আপনাকে অবশ্যই এই এক্সটেনশন ব্যবহার করতে হবে, যেহেতু এভাবে ফ্রেমওয়ার্ক চিহ্নিত করে যে একটি নিয়মিত PNG ইমেজের বিপরীতে এটা একটি নাইন-প্যাচ ইমেজ।

যখন আপনি এই ব্যাকগ্রাউন্ডকে একটি কম্পোনেন্টে প্রয়োগ করবেন (android:background="@drawable/button"সেট করার মাধ্যমে), ফ্রেমওয়ার্ক বাটনের সাইজ ধারন করতে ইমেজ কে সঠিকভাবে সম্প্রসারণ করে, যেভাবে ফিগার ৬ এ বিভিন্ন সাইজে দেখানো হলো।

ফিগার ৬. একটি বাটন যা বিভিন্ন সাইজে button.9.png নাইন-প্যাচ ব্যবহার করে।