ভিউ সহ একটি UI বিকাশ করুন

লেআউট এডিটর আপনাকে লেআউট XML লেখার পরিবর্তে একটি ভিজ্যুয়াল ডিজাইন এডিটরে UI উপাদানগুলিকে টেনে এনে দ্রুত View -ভিত্তিক লেআউট তৈরি করতে সক্ষম করে। ডিজাইন এডিটর বিভিন্ন অ্যান্ড্রয়েড ডিভাইস এবং সংস্করণে আপনার লেআউটের পূর্বরূপ দেখতে পারে এবং আপনি গতিশীলভাবে লেআউটটির আকার পরিবর্তন করতে পারেন যাতে এটি বিভিন্ন স্ক্রীনের আকারে সঠিকভাবে কাজ করে।

ConstraintLayout এর সাথে একটি লেআউট তৈরি করার সময় লেআউট এডিটর বিশেষভাবে শক্তিশালী।

এই পৃষ্ঠাটি লেআউট সম্পাদকের একটি ওভারভিউ প্রদান করে। লেআউটের মৌলিক বিষয়গুলি সম্পর্কে আরও জানতে, লেআউটগুলি দেখুন।

লেআউট সম্পাদকের ভূমিকা

আপনি যখন একটি XML লেআউট ফাইল খুলবেন তখন লেআউট এডিটর প্রদর্শিত হবে।

1. প্যালেট : বিভিন্ন ভিউ এবং ভিউ গ্রুপ রয়েছে যা আপনি আপনার লেআউটে টেনে আনতে পারেন।
2. কম্পোনেন্ট ট্রি : আপনার লেআউটে উপাদানের শ্রেণিবিন্যাস দেখায়।
3. টুলবার : এডিটরে আপনার লেআউটের চেহারা কনফিগার করে এবং লেআউট বৈশিষ্ট্য পরিবর্তন করে এমন বোতাম রয়েছে।
4. ডিজাইন এডিটর : আপনাকে ডিজাইন ভিউ, ব্লুপ্রিন্ট ভিউ বা উভয়েই আপনার লেআউট সম্পাদনা করতে দেয়।
5. গুণাবলী : নির্বাচিত ভিউ এর বৈশিষ্ট্যের জন্য নিয়ন্ত্রণ আছে।
6. ভিউ মোড : আপনাকে যেকোনো একটি কোডে আপনার লেআউট দেখতে দেয় , বিভক্ত , বা ডিজাইন মোড স্প্লিট মোড একই সময়ে কোড এবং ডিজাইন উইন্ডো দেখায়।
7. জুম এবং প্যান নিয়ন্ত্রণ : সম্পাদকের মধ্যে পূর্বরূপ আকার এবং অবস্থান নিয়ন্ত্রণ করুন।

আপনি যখন একটি XML লেআউট ফাইল খুলবেন, তখন ডিজাইন এডিটরটি ডিফল্টরূপে খোলে, যেমনটি চিত্র 1-এ দেখানো হয়েছে। টেক্সট এডিটরে XML লেআউট সম্পাদনা করতে, কোডে ক্লিক করুন। উইন্ডোর উপরের-ডান কোণে বোতাম। মনে রাখবেন কোড ভিউতে আপনার লেআউট সম্পাদনা করার সময় প্যালেট , কম্পোনেন্ট ট্রি এবং অ্যাট্রিবিউট প্যানেল উপলব্ধ নেই৷

টিপ: ডিজাইন এবং টেক্সট এডিটরগুলির মধ্যে স্যুইচ করতে, Alt ( MacOS এ Control ) এবং Shift এবং ডান বা বাম তীর কী টিপুন।

পূর্বরূপ চেহারা পরিবর্তন করুন

ডিজাইন এডিটরের উপরের সারির বোতামগুলি আপনাকে সম্পাদকে আপনার লেআউটের উপস্থিতি কনফিগার করতে দেয়।

1. ডিজাইন এবং ব্লুপ্রিন্ট : সম্পাদকে আপনি কীভাবে আপনার লেআউট দেখতে চান তা নির্বাচন করুন। এছাড়াও আপনি এই ধরনের ভিউ এর মাধ্যমে সাইকেল করতে B চাপতে পারেন।
   • আপনার লেআউটের একটি রেন্ডার করা প্রিভিউ দেখতে ডিজাইন বেছে নিন।
   • প্রতিটি দৃশ্যের জন্য শুধুমাত্র রূপরেখা দেখতে ব্লুপ্রিন্ট বেছে নিন।
   • উভয় ভিউ পাশাপাশি দেখতে ডিজাইন + ব্লুপ্রিন্ট বেছে নিন।
2. স্ক্রীন ওরিয়েন্টেশন এবং লেআউট ভেরিয়েন্ট : ল্যান্ডস্কেপ বা পোর্ট্রেট স্ক্রীন ওরিয়েন্টেশনের মধ্যে বেছে নিন বা অন্য স্ক্রীন মোড বেছে নিন যেগুলির জন্য আপনার অ্যাপ বিকল্প লেআউট প্রদান করে, যেমন নাইট মোড। এই মেনুতে একটি নতুন লেআউট বৈকল্পিক তৈরি করার জন্য কমান্ডও রয়েছে, যেমনটি এই পৃষ্ঠার একটি বিভাগে বর্ণিত হয়েছে। আপনি অভিযোজন পরিবর্তন করতে আপনার কীবোর্ডে O অক্ষর টিপতে পারেন।

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

4. ডিভাইসের ধরন এবং আকার : ডিভাইসের ধরন (ফোন/ট্যাবলেট, অ্যান্ড্রয়েড টিভি, বা Wear OS) এবং স্ক্রিন কনফিগারেশন (আকার এবং ঘনত্ব) নির্বাচন করুন। আপনি বেশ কয়েকটি পূর্ব-কনফিগার করা ডিভাইসের ধরন এবং আপনার নিজস্ব AVD সংজ্ঞা থেকে নির্বাচন করতে পারেন এবং আপনি তালিকা থেকে ডিভাইস সংজ্ঞা যোগ করুন নির্বাচন করে একটি নতুন AVD তৈরি করতে পারেন, যেমন চিত্র 3-এ দেখানো হয়েছে।

   • ডিভাইসের আকার পরিবর্তন করতে, লেআউটের নীচে-ডান কোণে টেনে আনুন।
   • ডিভাইস তালিকার মাধ্যমে চক্র করতে D টিপুন।

   এই মেনুতে রেফারেন্স ডিভাইসের বিরুদ্ধে আপনার লেআউট পরীক্ষা করা আপনার অ্যাপটিকে বাস্তব ডিভাইসে লেআউট স্টেটগুলিতে ভালভাবে স্কেল করতে সাহায্য করে।

   

5. API সংস্করণ : আপনার লেআউটের পূর্বরূপ দেখতে Android এর সংস্করণ নির্বাচন করুন। উপলব্ধ Android সংস্করণগুলির তালিকা নির্ভর করে আপনি SDK ম্যানেজার ব্যবহার করে কোন SDK প্ল্যাটফর্ম সংস্করণগুলি ইনস্টল করেছেন তার উপর৷

6. অ্যাপ থিম : প্রিভিউতে কোন UI থিম প্রয়োগ করতে হবে তা নির্বাচন করুন। এটি শুধুমাত্র সমর্থিত লেআউট শৈলীর জন্য কাজ করে, তাই এই তালিকার অনেক থিম একটি ত্রুটির ফলে৷

7. ভাষা : আপনার UI স্ট্রিংগুলির জন্য দেখানো ভাষা নির্বাচন করুন। এই তালিকাটি শুধুমাত্র আপনার স্ট্রিং সংস্থানগুলিতে উপলব্ধ ভাষাগুলি প্রদর্শন করে। আপনি যদি আপনার অনুবাদগুলি সম্পাদনা করতে চান তবে মেনু থেকে অনুবাদ সম্পাদনা করুন ক্লিক করুন৷ অনুবাদের সাথে কাজ করার বিষয়ে আরও তথ্যের জন্য, অনুবাদ সম্পাদকের সাথে UI স্থানীয়করণ দেখুন।

একটি নতুন লেআউট তৈরি করুন

আপনার অ্যাপের জন্য একটি নতুন লেআউট যোগ করার সময়, প্রথমে আপনার প্রকল্পের ডিফল্ট layout/ ডিরেক্টরিতে একটি ডিফল্ট লেআউট ফাইল তৈরি করুন যাতে এটি সমস্ত ডিভাইস কনফিগারেশনে প্রযোজ্য হয়। একবার আপনার একটি ডিফল্ট লেআউট হয়ে গেলে, আপনি লেআউট বৈচিত্র তৈরি করতে পারেন, যেমনটি এই পৃষ্ঠার একটি বিভাগে বর্ণিত হয়েছে, নির্দিষ্ট ডিভাইস কনফিগারেশনের জন্য, যেমন বড় স্ক্রীনগুলির জন্য৷

আপনি নিম্নলিখিত উপায়ে একটি নতুন লেআউট তৈরি করতে পারেন:

অ্যান্ড্রয়েড স্টুডিওর প্রধান মেনু ব্যবহার করুন

1. প্রজেক্ট উইন্ডোতে, আপনি একটি লেআউট যোগ করতে চান এমন মডিউলটিতে ক্লিক করুন।
2. প্রধান মেনুতে, ফাইল > নতুন > XML > লেআউট XML ফাইল নির্বাচন করুন।
3. প্রদর্শিত ডায়ালগে, ফাইলের নাম, রুট লেআউট ট্যাগ এবং সোর্স সেটটি যেখানে লেআউটটি রয়েছে তা প্রদান করুন।
4. লেআউট তৈরি করতে Finish এ ক্লিক করুন।

প্রজেক্ট ভিউ ব্যবহার করুন

1. প্রজেক্ট উইন্ডোর মধ্যে থেকে প্রজেক্ট ভিউ বেছে নিন।
2. লেআউট ডিরেক্টরিতে ডান-ক্লিক করুন যেখানে আপনি লেআউট যোগ করতে চান।
3. প্রদর্শিত প্রসঙ্গ মেনুতে, নতুন > লেআউট রিসোর্স ফাইলে ক্লিক করুন।

অ্যান্ড্রয়েড ভিউ ব্যবহার করুন

1. প্রজেক্ট উইন্ডোর মধ্যে থেকে অ্যান্ড্রয়েড ভিউ বেছে নিন।
2. layout ফোল্ডারে ডান-ক্লিক করুন।
3. প্রদর্শিত প্রসঙ্গ মেনুতে, নতুন > লেআউট রিসোর্স ফাইল নির্বাচন করুন।

রিসোর্স ম্যানেজার ব্যবহার করুন

1. রিসোর্স ম্যানেজারে , লেআউট ট্যাবটি নির্বাচন করুন।
2. + বোতামে ক্লিক করুন এবং তারপরে লেআউট রিসোর্স ফাইলে ক্লিক করুন।

বিভিন্ন স্ক্রিনের জন্য অপ্টিমাইজ করতে লেআউট ভেরিয়েন্ট ব্যবহার করুন

একটি লেআউট বৈকল্পিক একটি বিদ্যমান লেআউটের একটি বিকল্প সংস্করণ যা একটি নির্দিষ্ট স্ক্রীনের আকার বা ওরিয়েন্টেশনের জন্য অপ্টিমাইজ করা হয়।

একটি প্রস্তাবিত লেআউট বৈকল্পিক ব্যবহার করুন

অ্যান্ড্রয়েড স্টুডিওতে সাধারণ লেআউট ভেরিয়েন্ট রয়েছে যা আপনি আপনার প্রকল্পে ব্যবহার করতে পারেন। একটি প্রস্তাবিত লেআউট বৈকল্পিক ব্যবহার করতে, নিম্নলিখিতগুলি করুন:

1. আপনার ডিফল্ট লেআউট ফাইল খুলুন.
2. ডিজাইনে ক্লিক করুন উইন্ডোর উপরের-ডান কোণায় আইকন।
3. লেআউট ফাইলের নামটি লেআউট ফাইল ড্রপ-ডাউনের জন্য স্যুইচ এবং কোয়ালিফায়ার তৈরি করার অ্যাকশনে উপস্থিত হয়। ড্রপ-ডাউন নির্বাচন করুন।
4. ড্রপ-ডাউন তালিকায়, একটি বৈকল্পিক নির্বাচন করুন যেমন ল্যান্ডস্কেপ কোয়ালিফায়ার তৈরি করুন বা ট্যাবলেট কোয়ালিফায়ার তৈরি করুন ।

   

একটি নতুন লেআউট ডিরেক্টরি তৈরি করা হয়েছে।

আপনার নিজস্ব লেআউট বৈকল্পিক তৈরি করুন

আপনি যদি আপনার নিজস্ব লেআউট বৈকল্পিক তৈরি করতে চান তবে নিম্নলিখিতগুলি করুন:

1. আপনার ডিফল্ট লেআউট ফাইল খুলুন.
2. ডিজাইনে ক্লিক করুন উইন্ডোর উপরের-ডান কোণায় আইকন।
3. লেআউট ফাইলের নামটি লেআউট ফাইল ড্রপ-ডাউনের জন্য স্যুইচ এবং কোয়ালিফায়ার তৈরি করার অ্যাকশনে উপস্থিত হয়। ড্রপ-ডাউন নির্বাচন করুন।

4. ড্রপ-ডাউন তালিকায়, রিসোর্স কোয়ালিফায়ার যোগ করুন নির্বাচন করুন। (উপরের চিত্র 4 দেখুন।)

   রিসোর্স ডিরেক্টরি নির্বাচন করুন ডায়ালগ প্রদর্শিত হবে।

5. রিসোর্স ডিরেক্টরি নির্বাচন করুন ডায়ালগে, ভেরিয়েন্টের জন্য রিসোর্স কোয়ালিফায়ারগুলি সংজ্ঞায়িত করুন:

   1. উপলভ্য যোগ্যতা তালিকা থেকে একটি কোয়ালিফায়ার নির্বাচন করুন।
   2. Add এ ক্লিক করুন বোতাম
   3. যেকোনো প্রয়োজনীয় মান লিখুন।
   4. অন্যান্য যোগ্যতা যোগ করতে এই পদক্ষেপগুলি পুনরাবৃত্তি করুন।

6. একবার আপনি আপনার সমস্ত যোগ্যতা যোগ করলে, ঠিক আছে ক্লিক করুন।

যখন আপনার একই লেআউটের একাধিক বৈচিত্র থাকে, তখন আপনি স্যুইচ করতে এবং লেআউট ফাইল ড্রপ-ডাউনের জন্য কোয়ালিফায়ার তৈরি করতে অ্যাকশন থেকে একটি বৈকল্পিক নির্বাচন করে তাদের মধ্যে স্যুইচ করতে পারেন।

বিভিন্ন স্ক্রিনের জন্য কীভাবে লেআউট তৈরি করবেন সে সম্পর্কে আরও তথ্যের জন্য, বিভিন্ন স্ক্রীনের আকার সমর্থন করুন দেখুন।

একটি দৃশ্য বা বিন্যাস রূপান্তর করুন

আপনি একটি দৃশ্যকে অন্য ধরণের ভিউতে রূপান্তর করতে পারেন এবং আপনি একটি লেআউটকে অন্য ধরণের লেআউটে রূপান্তর করতে পারেন:

1. সম্পাদক উইন্ডোর উপরের-ডান কোণায় ডিজাইন বোতামে ক্লিক করুন।
2. কম্পোনেন্ট ট্রি -তে, ভিউ বা লেআউটে ডান-ক্লিক করুন এবং তারপর কনভার্ট ভিউ-এ ক্লিক করুন।
3. প্রদর্শিত ডায়ালগে, নতুন ধরনের ভিউ বা লেআউট বেছে নিন এবং তারপর প্রয়োগ করুন ক্লিক করুন।

একটি লেআউটকে ConstraintLayout এ রূপান্তর করুন

উন্নত লেআউট কর্মক্ষমতার জন্য, পুরানো লেআউটগুলিকে ConstraintLayout এ রূপান্তর করুন। ConstraintLayout একটি সীমাবদ্ধতা-ভিত্তিক লেআউট সিস্টেম ব্যবহার করে যা আপনাকে কোনো নেস্টেড ভিউ গ্রুপ ছাড়াই বেশিরভাগ লেআউট তৈরি করতে দেয়।

একটি বিদ্যমান লেআউটকে ConstraintLayout এ রূপান্তর করতে, নিম্নলিখিতগুলি করুন:

1. অ্যান্ড্রয়েড স্টুডিওতে একটি বিদ্যমান লেআউট খুলুন।
2. ডিজাইনে ক্লিক করুন সম্পাদক উইন্ডোর উপরের-ডান কোণায় আইকন।
3. কম্পোনেন্ট ট্রি -তে, লেআউটে ডান-ক্লিক করুন এবং তারপর কনস্ট্রান্ট লেআউটে your-layout-type রূপান্তর করুন-এ ক্লিক করুন।

ConstraintLayout সম্পর্কে আরও জানতে, ConstraintLayout এর সাথে একটি প্রতিক্রিয়াশীল UI তৈরি করুন দেখুন।

প্যালেটে আইটেম খুঁজুন

প্যালেটে নাম অনুসারে একটি ভিউ বা ভিউ গ্রুপ অনুসন্ধান করতে, অনুসন্ধানে ক্লিক করুন প্যালেটের শীর্ষে বোতাম। বিকল্পভাবে, যখনই প্যালেট উইন্ডোতে ফোকাস থাকে আপনি আইটেমের নাম টাইপ করতে পারেন।

প্যালেটে , আপনি সাধারণ বিভাগে প্রায়শই ব্যবহৃত আইটেমগুলি খুঁজে পেতে পারেন। এই বিভাগে একটি আইটেম যোগ করতে, প্যালেটে একটি ভিউ বা ভিউ গ্রুপে ডান-ক্লিক করুন এবং তারপরে প্রসঙ্গ মেনুতে প্রিয়তে ক্লিক করুন।

প্যালেট থেকে ডকুমেন্টেশন খুলুন

একটি ভিউ বা ভিউ গ্রুপের জন্য অ্যান্ড্রয়েড ডেভেলপারদের রেফারেন্স ডকুমেন্টেশন খুলতে, প্যালেটে UI উপাদান নির্বাচন করুন এবং Shift + F1 টিপুন।

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

আপনার লেআউটে ভিউ যোগ করুন

আপনার লেআউট তৈরি করা শুরু করতে, প্যালেট থেকে ডিজাইন এডিটরে ভিউ এবং ভিউ গ্রুপগুলিকে টেনে আনুন। আপনি লেআউটে একটি ভিউ স্থাপন করার সাথে সাথে সম্পাদক বাকি লেআউটের সাথে ভিউটির সম্পর্ক সম্পর্কে তথ্য প্রদর্শন করে।

আপনি যদি ConstraintLayout ব্যবহার করেন, তাহলে আপনি Infer Constraints এবং Autoconnect বৈশিষ্ট্যগুলি ব্যবহার করে স্বয়ংক্রিয়ভাবে সীমাবদ্ধতা তৈরি করতে পারেন।

ভিউ অ্যাট্রিবিউট এডিট করুন

আপনি লেআউট এডিটরের অ্যাট্রিবিউট প্যানেল থেকে ভিউ অ্যাট্রিবিউট এডিট করতে পারেন। ডিজাইন এডিটর খোলা থাকলেই এই উইন্ডোটি পাওয়া যায়, তাই এটি ব্যবহার করতে ডিজাইন বা স্প্লিট মোডে আপনার লেআউটটি দেখুন।

আপনি যখন একটি ভিউ নির্বাচন করেন, কম্পোনেন্ট ট্রি বা ডিজাইন এডিটরে ভিউ ক্লিক করে, অ্যাট্রিবিউট প্যানেল নিম্নলিখিতগুলি দেখায়, যেমন চিত্র 5 এ নির্দেশিত হয়েছে:

1. ঘোষিত বৈশিষ্ট্য : লেআউট ফাইলে নির্দিষ্ট বৈশিষ্ট্যগুলি তালিকাভুক্ত করে। একটি বৈশিষ্ট্য যোগ করতে, যোগ ক্লিক করুন বিভাগের শীর্ষে বোতাম।
2. লেআউট : দৃশ্যের প্রস্থ এবং উচ্চতার জন্য নিয়ন্ত্রণ রয়েছে। যদি ভিউটি একটি ConstraintLayout এ থাকে, তাহলে এই বিভাগটি সীমাবদ্ধতার পক্ষপাতিত্বও দেখায় এবং ভিউটি ব্যবহার করে এমন সীমাবদ্ধতার তালিকা দেয়। ConstraintLayout এর সাহায্যে ভিউয়ের আকার নিয়ন্ত্রণ করার বিষয়ে আরও তথ্যের জন্য, দেখুন আকার সামঞ্জস্য করুন ।
3. সাধারণ বৈশিষ্ট্য : নির্বাচিত দৃশ্যের জন্য সাধারণ বৈশিষ্ট্যগুলি তালিকাভুক্ত করে। সমস্ত উপলব্ধ বৈশিষ্ট্য দেখতে, উইন্ডোর নীচে সমস্ত বৈশিষ্ট্য বিভাগটি প্রসারিত করুন।
4. অনুসন্ধান : আপনাকে একটি নির্দিষ্ট ভিউ অ্যাট্রিবিউট অনুসন্ধান করতে দেয়।

5. প্রতিটি অ্যাট্রিবিউট মানের ডানদিকের আইকনগুলি নির্দেশ করে যে অ্যাট্রিবিউটের মানগুলি রিসোর্স রেফারেন্স কিনা৷ এই সূচকগুলি শক্ত যখন মান একটি সম্পদ রেফারেন্স এবং খালি হয় এক নজরে হার্ডকোড করা মান চিনতে সাহায্য করার জন্য যখন মানটি হার্ডকোড করা হয়।

   রিসোর্স ডায়ালগ খুলতে উভয় অবস্থায় সূচকগুলিতে ক্লিক করুন, যেখানে আপনি সংশ্লিষ্ট অ্যাট্রিবিউটের জন্য একটি রিসোর্স রেফারেন্স নির্বাচন করতে পারেন।

6. একটি অ্যাট্রিবিউট মানের চারপাশে একটি লাল হাইলাইট মানটির সাথে একটি ত্রুটি নির্দেশ করে। উদাহরণস্বরূপ, একটি ত্রুটি লেআউট-সংজ্ঞায়িত বৈশিষ্ট্যের জন্য একটি অবৈধ এন্ট্রি নির্দেশ করতে পারে।

   একটি কমলা হাইলাইট মানটির জন্য একটি সতর্কতা নির্দেশ করে। উদাহরণস্বরূপ, যখন আপনি একটি হার্ডকোডেড মান ব্যবহার করেন যেখানে একটি রিসোর্স রেফারেন্স প্রত্যাশিত হয় তখন একটি সতর্কতা প্রদর্শিত হতে পারে।

আপনার ভিউতে নমুনা ডেটা যোগ করুন

যেহেতু অনেক অ্যান্ড্রয়েড লেআউট রানটাইম ডেটার উপর নির্ভর করে, তাই আপনার অ্যাপ ডিজাইন করার সময় লেআউটের চেহারা এবং অনুভূতি কল্পনা করা কঠিন হতে পারে। আপনি লেআউট এডিটরের মধ্যে থেকে একটি TextView , একটি ImageView , বা একটি RecyclerView নমুনা পূর্বরূপ ডেটা যোগ করতে পারেন৷

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

একটি TextView এর জন্য, আপনি বিভিন্ন নমুনা পাঠ্য বিভাগের মধ্যে বেছে নিতে পারেন। নমুনা টেক্সট ব্যবহার করার সময়, Android স্টুডিও আপনার নির্বাচিত নমুনা ডেটা দিয়ে TextView এর text অ্যাট্রিবিউট পূরণ করে। মনে রাখবেন যে আপনি ডিজাইন-টাইম ভিউ অ্যাট্রিবিউট উইন্ডোর মাধ্যমে নমুনা পাঠ্য চয়ন করতে পারেন শুধুমাত্র যদি text বৈশিষ্ট্য খালি থাকে।

একটি ImageView এর জন্য, আপনি বিভিন্ন নমুনা ছবির মধ্যে বেছে নিতে পারেন। আপনি যখন একটি নমুনা চিত্র চয়ন করেন, তখন Android স্টুডিও ImageView এর tools:src অ্যাট্রিবিউট (অথবা AndroidX ব্যবহার করলে tools:srcCompat ) পূরণ করে।

একটি RecyclerView এর জন্য, আপনি টেমপ্লেটের একটি সেট থেকে বেছে নিতে পারেন যাতে নমুনা চিত্র এবং পাঠ্য থাকে। এই টেমপ্লেটগুলি ব্যবহার করার সময়, Android স্টুডিও আপনার res/layout ডিরেক্টরিতে একটি ফাইল যোগ করে, recycler_view_item.xml , যাতে নমুনা ডেটার লেআউট থাকে। নমুনা ডেটা সঠিকভাবে প্রদর্শন করার জন্য অ্যান্ড্রয়েড স্টুডিও RecyclerView মেটাডেটা যোগ করে।

লেআউট সতর্কতা এবং ত্রুটি দেখান

লেআউট এডিটর আপনাকে লাল বৃত্তের বিস্ময়বোধক আইকন ব্যবহার করে কম্পোনেন্ট ট্রি -তে সংশ্লিষ্ট দৃশ্যের পাশে যেকোন লেআউট সমস্যা সম্পর্কে অবহিত করে। ত্রুটির জন্য বা একটি কমলা ত্রিভুজ বিস্ময়বোধক আইকন সতর্কতার জন্য। আরো বিস্তারিত দেখুন আইকনে ক্লিক করুন।

সম্পাদকের নীচের একটি উইন্ডোতে সমস্ত পরিচিত সমস্যা দেখতে, সতর্কতা এবং ত্রুটি দেখান ক্লিক করুন ( বা ) টুলবারে।

ফন্টগুলি ডাউনলোড করুন এবং সেগুলিকে পাঠ্যে প্রয়োগ করুন

Android 8.0 (API স্তর 26) বা Jetpack Core লাইব্রেরি ব্যবহার করার সময়, আপনি এই ধাপগুলি অনুসরণ করে শত শত ফন্ট থেকে নির্বাচন করতে পারেন:

1. লেআউট এডিটরে, ডিজাইনে ক্লিক করুন ডিজাইন এডিটরে আপনার লেআউট দেখতে আইকন।
2. একটি পাঠ্য দৃশ্য নির্বাচন করুন।
3. অ্যাট্রিবিউট প্যানেলে, textAppearance প্রসারিত করুন এবং তারপর fontFamily বক্সটি প্রসারিত করুন।
4. তালিকার নীচে স্ক্রোল করুন এবং সম্পদ ডায়ালগ খুলতে আরও ফন্টে ক্লিক করুন।
5. রিসোর্স ডায়ালগে, একটি ফন্ট নির্বাচন করতে, তালিকাটি ব্রাউজ করুন বা শীর্ষে অনুসন্ধান বারে টাইপ করুন। আপনি যদি ডাউনলোডযোগ্য এর অধীনে একটি ফন্ট নির্বাচন করেন, তাহলে আপনি ডাউনলোডযোগ্য ফন্ট হিসাবে রানটাইমে ফন্ট লোড করতে ডাউনলোডযোগ্য ফন্ট তৈরি করুন ক্লিক করতে পারেন অথবা আপনার APK-এ TTF ফন্ট ফাইল প্যাকেজ করতে প্রজেক্টে ফন্ট যোগ করুন ক্লিক করুন। অ্যান্ড্রয়েডের অধীনে তালিকাভুক্ত ফন্টগুলি অ্যান্ড্রয়েড সিস্টেম দ্বারা সরবরাহ করা হয়েছে, তাই সেগুলিকে আপনার APK এ ডাউনলোড বা বান্ডিল করার দরকার নেই৷
6. শেষ করতে ওকে ক্লিক করুন।

লেআউট বৈধতা

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

চিত্র 10 । লেআউট যাচাইকরণ ট্যাব।

উপলব্ধ কনফিগারেশন সেটগুলির মধ্যে স্যুইচ করতে, লেআউট যাচাইকরণ উইন্ডোর শীর্ষে থাকা রেফারেন্স ডিভাইস ড্রপ-ডাউন থেকে নিম্নলিখিতগুলির মধ্যে একটি নির্বাচন করুন:

• রেফারেন্স ডিভাইস
• কাস্টম
• বর্ণান্ধ
• হরফের আকার

চিত্র 11 । রেফারেন্স ডিভাইস ড্রপ-ডাউন।

রেফারেন্স ডিভাইস

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

চিত্র 12 । লেআউট যাচাইকরণ টুলে ডিভাইসের পূর্বরূপ উল্লেখ করুন।

কাস্টম

প্রিভিউ করার জন্য একটি ডিসপ্লে কনফিগারেশন কাস্টমাইজ করতে, ভাষা, ডিভাইস বা স্ক্রিন ওরিয়েন্টেশন সহ বিভিন্ন সেটিংস থেকে বেছে নিন:

চিত্র 16 । লেআউট যাচাইকরণ টুলে একটি কাস্টম ডিসপ্লে কনফিগার করুন।

বর্ণান্ধ

বর্ণান্ধ ব্যবহারকারীদের জন্য আপনার অ্যাপটিকে আরও অ্যাক্সেসযোগ্য করে তুলতে, সাধারণ ধরনের বর্ণান্ধতার সিমুলেশন সহ আপনার লেআউটকে যাচাই করুন:

চিত্র 13 । লেআউট বৈধকরণ টুলে রঙ অন্ধত্ব সিমুলেশন পূর্বরূপ।

হরফের আকার

বিভিন্ন ফন্টের আকারে আপনার লেআউটগুলি যাচাই করুন, এবং বড় ফন্টগুলির সাথে আপনার লেআউটগুলি পরীক্ষা করে দৃষ্টি প্রতিবন্ধী ব্যবহারকারীদের জন্য আপনার অ্যাপের অ্যাক্সেসযোগ্যতা উন্নত করুন:

চিত্র 14 । বিন্যাস যাচাইকরণ টুলে পরিবর্তনশীল ফন্ট আকারের পূর্বরূপ।