ম্যাটেরিয়াল ডিজাইন হলো বিভিন্ন প্ল্যাটফর্ম ও ডিভাইসের ভিজ্যুয়াল, মোশন এবং ইন্টারঅ্যাকশন ডিজাইনের জন্য একটি বিশদ নির্দেশিকা। আপনার অ্যান্ড্রয়েড অ্যাপে ম্যাটেরিয়াল ডিজাইন ব্যবহার করতে, ম্যাটেরিয়াল ডিজাইন স্পেসিফিকেশনে সংজ্ঞায়িত নির্দেশিকাগুলো অনুসরণ করুন। যদি আপনার অ্যাপে জেটপ্যাক কম্পোজ (Jetpack Compose) ব্যবহৃত হয়, তবে আপনি কম্পোজ ম্যাটেরিয়াল ৩ (Compose Material 3) লাইব্রেরিটি ব্যবহার করতে পারেন। যদি আপনার অ্যাপে ভিউ (views) ব্যবহৃত হয়, তবে আপনি অ্যান্ড্রয়েড ম্যাটেরিয়াল কম্পোনেন্টস (Android Material Components) লাইব্রেরিটি ব্যবহার করতে পারেন।
ম্যাটেরিয়াল ডিজাইন অ্যাপ তৈরি করতে অ্যান্ড্রয়েড নিম্নলিখিত বৈশিষ্ট্যগুলো প্রদান করে:
- আপনার সমস্ত UI উইজেটকে স্টাইল করার জন্য একটি ম্যাটেরিয়াল ডিজাইন অ্যাপ থিম
- তালিকা এবং কার্ডের মতো জটিল দৃশ্যের জন্য উইজেট
- কাস্টম শ্যাডো এবং অ্যানিমেশনের জন্য এপিআই
ম্যাটেরিয়াল থিম এবং উইজেট
স্ট্যান্ডার্ড UI উইজেটগুলোর স্টাইলিংয়ের মতো ম্যাটেরিয়াল ফিচারগুলোর সুবিধা নিতে এবং আপনার অ্যাপের স্টাইল ডেফিনিশনকে সুবিন্যস্ত করতে, আপনার অ্যাপে একটি ম্যাটেরিয়াল-ভিত্তিক থিম প্রয়োগ করুন।
আপনি যদি অ্যান্ড্রয়েড স্টুডিও ব্যবহার করে আপনার অ্যান্ড্রয়েড প্রজেক্ট তৈরি করেন, তবে এটি ডিফল্টরূপে একটি ম্যাটেরিয়াল থিম প্রয়োগ করে। আপনার প্রজেক্টের থিম কীভাবে আপডেট করবেন তা জানতে, স্টাইল এবং থিম দেখুন।
আপনার ব্যবহারকারীদের একটি পরিচিত অভিজ্ঞতা দিতে, ম্যাটেরিয়ালের সবচেয়ে প্রচলিত ইউএক্স প্যাটার্নগুলো ব্যবহার করুন:
- একটি ফ্লোটিং অ্যাকশন বাটন (FAB) ব্যবহার করে আপনার UI-এর প্রধান অ্যাকশনকে আরও প্রচার করুন।
- অ্যাপ বার ব্যবহার করে আপনার ব্র্যান্ড, নেভিগেশন, সার্চ এবং অন্যান্য কার্যক্রম প্রদর্শন করুন।
- নেভিগেশন ড্রয়ারের সাহায্যে আপনার অ্যাপের নেভিগেশন দেখান এবং লুকান।
- আপনার অ্যাপের লেআউট এবং নেভিগেশনের জন্য আরও অনেক ম্যাটেরিয়াল কম্পোনেন্ট থেকে বেছে নিন, যেমন—সংকোচনযোগ্য টুলবার, ট্যাব, বটম ন্যাভ বার এবং আরও অনেক কিছু। সেগুলির সবগুলি দেখতে, অ্যান্ড্রয়েডের জন্য ম্যাটেরিয়াল কম্পোনেন্ট ক্যাটালগটি দেখুন।
যখনই সম্ভব, পূর্বনির্ধারিত ম্যাটেরিয়াল আইকন ব্যবহার করুন। উদাহরণস্বরূপ, আপনার নেভিগেশন ড্রয়ারের নেভিগেশন "মেনু" বোতামের জন্য, স্ট্যান্ডার্ড "হ্যামবার্গার" আইকনটি ব্যবহার করুন। উপলব্ধ আইকনগুলির তালিকার জন্য ম্যাটেরিয়াল ডিজাইন আইকনস দেখুন। এছাড়াও আপনি অ্যান্ড্রয়েড স্টুডিওর ভেক্টর অ্যাসেট স্টুডিও ব্যবহার করে ম্যাটেরিয়াল আইকন লাইব্রেরি থেকে SVG আইকন ইম্পোর্ট করতে পারেন।
উচ্চতা ছায়া এবং কার্ড
X এবং Y প্রোপার্টি ছাড়াও, অ্যান্ড্রয়েডের ভিউগুলোর একটি Z প্রোপার্টি থাকে। এই প্রোপার্টিটি একটি ভিউয়ের উচ্চতা নির্দেশ করে, যা নিম্নলিখিত বিষয়গুলো নির্ধারণ করে:
- এর ছায়ার আকার: উচ্চতর Z মানের দৃশ্যগুলো বড় ছায়া ফেলে।
- অঙ্কন ক্রম: উচ্চতর Z মানযুক্ত ভিউগুলি অন্যান্য ভিউগুলির উপরে প্রদর্শিত হয়।
আপনি একটি কার্ড-ভিত্তিক লেআউটে এলিভেশন প্রয়োগ করতে পারেন, যা আপনাকে ম্যাটেরিয়াল লুক প্রদানকারী কার্ডের ভিতরে গুরুত্বপূর্ণ তথ্য প্রদর্শন করতে সাহায্য করে। আপনি ডিফল্ট এলিভেশন সহ কার্ড তৈরি করতে CardView উইজেটটি ব্যবহার করতে পারেন। আরও তথ্যের জন্য, 'একটি কার্ড-ভিত্তিক লেআউট তৈরি করুন ' দেখুন।
অন্যান্য ভিউতে এলিভেশন যোগ করার বিষয়ে তথ্যের জন্য, ‘Create shadows and clip views’ দেখুন।
অ্যানিমেশন
অ্যানিমেশন এপিআই ব্যবহার করে আপনি UI কন্ট্রোলের টাচ ফিডব্যাক, ভিউ স্টেটের পরিবর্তন এবং অ্যাক্টিভিটি ট্রানজিশনের জন্য কাস্টম অ্যানিমেশন তৈরি করতে পারেন।
এই এপিআইগুলো আপনাকে যা করতে দেয়:
- আপনার ভিউগুলিতে টাচ ইভেন্টের প্রতিক্রিয়া জানাতে টাচ ফিডব্যাক অ্যানিমেশন ব্যবহার করুন।
- বৃত্তাকার প্রকাশ অ্যানিমেশনের মাধ্যমে ভিউ লুকান এবং দেখান।
- কাস্টম অ্যাক্টিভিটি ট্রানজিশন অ্যানিমেশন ব্যবহার করে অ্যাক্টিভিটিগুলোর মধ্যে পরিবর্তন করুন।
- বক্র গতির সাহায্যে আরও স্বাভাবিক অ্যানিমেশন তৈরি করুন।
- ভিউ স্টেট পরিবর্তনের অ্যানিমেশন ব্যবহার করে এক বা একাধিক ভিউ প্রপার্টির পরিবর্তনসমূহকে অ্যানিমেট করুন।
- ভিউ স্টেট পরিবর্তনের মধ্যবর্তী সময়ে স্টেট লিস্ট ড্রয়েবলগুলিতে অ্যানিমেশন দেখান।
টাচ ফিডব্যাক অ্যানিমেশনগুলো বাটনের মতো বেশ কিছু স্ট্যান্ডার্ড ভিউতে বিল্ট-ইন থাকে। অ্যানিমেশন এপিআইগুলো আপনাকে এই অ্যানিমেশনগুলো কাস্টমাইজ করতে এবং আপনার কাস্টম ভিউতে যোগ করতে দেয়।
আরও তথ্যের জন্য, অ্যানিমেশন পরিচিতি দেখুন।
অঙ্কনযোগ্য
