অ্যান্ড্রয়েড লেআউট ডিজাইনের টিউটোরিয়াল: আপনার জানা দরকার Everything



এই অ্যান্ড্রয়েড লেআউট ডিজাইনের টিউটোরিয়ালটি আপনাকে ডেমো দিয়ে ভিউ এবং ভিউ গ্রুপগুলি ব্যবহার করে কীভাবে বিন্যাসগুলি ডিজাইন করা যায় তা বুঝতে সহায়তা করবে।

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

আমি নীচের বিষয়গুলি নিয়ে আলোচনা করব:





চল শুরু করা যাক!

কীভাবে পাইথনে স্ট্রিংগুলি বিপরীত করা যায়

অ্যান্ড্রয়েড লেআউট ডিজাইনের টিউটোরিয়াল: ইউআই উপাদানগুলির পরিচিতি

ইউআই উপাদানগুলির বিষয়ে কথা বলছি, যে কোনও অ্যান্ড্রয়েড অ্যাপ্লিকেশনটির সাধারণ ইউআই এই উপাদানগুলি নিয়ে গঠিত:



  • মেইন অ্যাকশন বার
  • নিয়ন্ত্রণ দেখুন
  • উপাদানের স্থান
  • স্প্লিট অ্যাকশন বার

আপনি একটি জটিল অ্যাপ্লিকেশন বিকাশের সময় এগুলি একটি প্রধান ভূমিকা পালন করে। আমরা এই নিবন্ধটির ডেমো বিভাগে উঠলে আপনি এর একটি পরিষ্কার দৃষ্টিভঙ্গি পাবেন।

আর একটি গুরুত্বপূর্ণ বিষয় যা ইউআই ডিজাইনকে অনুকূলিতকরণে সহায়তা করে তা হ'ল ভিউ উপাদান।

আসুন দেখে নেওয়া যাক এর মধ্যে কী রয়েছে



অ্যান্ড্রয়েড লেআউট ডিজাইনের টিউটোরিয়াল: ভিউ

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

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

আপনার একটি প্রশ্ন থাকতে পারে, এই আয়তক্ষেত্রের আকারটি কী হতে পারে?

উত্তরটি হ'ল আপনি হয় সঠিক আকার নির্দিষ্ট করে (যথাযথ ইউনিট সহ) বা কিছু পূর্বনির্ধারিত মান ব্যবহার করে ম্যানুয়ালি সেট করতে পারেন। এই পূর্বনির্ধারিত মান হয় ম্যাচ_প্যারেন্ট এবং মোড়ানো_ কনটেন্ট। এই ম্যাচ_পিতা ইঙ্গিত করে যে এটি ডিভাইসের প্রদর্শনে উপলব্ধ সম্পূর্ণ স্থান দখল করবে। যেখানে, মোড়ানো_ কনটেন্ট বোঝায় যে এটির সামগ্রীতে প্রদর্শিত হওয়ার জন্য এটি কেবলমাত্র এতটা জায়গা দখল করবে।

এখন আসুন দেখুন এবং ভিউগ্রুপের মধ্যে প্রধান পার্থক্য চিহ্নিত করুন।

দেখুন

  1. দেখুন অবজেক্টগুলি অ্যান্ড্রয়েডের ইউআই উপাদানগুলির প্রাথমিক বিল্ডিং ব্লক।
  2. ভিউ হ'ল একটি সাধারণ আয়তক্ষেত্র বাক্স যা ব্যবহারকারীর ক্রিয়াতে প্রতিক্রিয়া জানায়।
  3. ভিউ অ্যান্ড্রয়েড.ভিউ.ভিউ ক্লাসকে বোঝায়, যা সমস্ত ইউআই ক্লাসের বেস ক্লাস।
  4. উদাহরণগুলি হ'ল সম্পাদনা পাঠ্য বাটন, চেকবক্স, ইত্যাদি ..

ভিউ গ্রুপ

  1. ভিউ গ্রুপ অদৃশ্য ধারক যা ভিউ এবং ভিউগ্রুপ ধারণ করে।
  2. ভিউগ্রুপটি এর জন্য বেস ক্লাস লেআউট
  3. উদাহরণস্বরূপ, লিনিয়ারলআউট হ'ল ভিউগ্রুপ যা বাটন (ভিউ) এবং অন্যান্য লেআউটগুলি অন্তর্ভুক্ত করে।

এখন এগিয়ে চলুন এবং উপস্থিত লেআউটগুলি বুঝতে পারি।

অ্যান্ড্রয়েড লেআউট ডিজাইনের টিউটোরিয়াল: বিন্যাসের প্রকার

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

এখন আসুন দেখুন কীভাবে লেআউটটি ঘোষণা করবেন।

আপনি দুটি উপায়ে একটি বিন্যাস ঘোষণা করতে পারেন:

  • এক্সএমএলে ইউআই উপাদানগুলি ঘোষণা করুন। অ্যান্ড্রয়েড একটি সোজা এক্সএমএল ভোকাবুলারি সরবরাহ করে যা ভিউ ক্লাস এবং সাবক্লাসগুলির সাথে সম্পর্কিত, যেমন উইজেট এবং বিন্যাসের জন্য lay

বিঃদ্রঃ: আপনি ড্রাগ-এন্ড-ড্রপ ইন্টারফেস ব্যবহার করে আপনার এক্সএমএল লেআউটটি তৈরি করতে অ্যান্ড্রয়েড স্টুডিওর লেআউট সম্পাদকও ব্যবহার করতে পারেন।

  • এতে বিন্যাসের উপাদানগুলি ইনস্ট্যান্ট করুন রান সময় । অ্যাপ্লিকেশন তৈরি করতে পারেন দেখুন এবং ভিউ গ্রুপ বস্তু এবং তাদের বৈশিষ্ট্য প্রোগ্রামে ম্যানিপুলেট।

আসুন বিভিন্ন ধরণের লেআউটগুলি নিয়ে আলোচনা করা যাক।

অ্যান্ড্রয়েডের ইউআই হ'ল ভিউ এবং ভিউগ্রুপগুলির শ্রেণিবদ্ধ। ভিউগ্রুপগুলি শ্রেণিবদ্ধের মধ্যবর্তী নোডগুলি হবে, এবং দর্শনগুলি টার্মিনাল নোডগুলি হবে।

  • রৈখিক বিন্যাস
  • পরম বিন্যাস
  • আপেক্ষিক বিন্যাস
  • টেবিল বিন্যাস
  • ফ্রেম বিন্যাস

আসুন তাদের বিস্তারিত আলোচনা করা যাক।

রৈখিক বিন্যাস

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

পরম বিন্যাস

পরম বিন্যাসে, আপনি স্থাপন করতে চান এমন প্রতিটি নিয়ন্ত্রণের সঠিক স্থানাঙ্ক নির্দিষ্ট করতে পারেন। এই ধরণের লেআউটে আপনি প্রতিটি নিয়ন্ত্রণের সঠিক X এবং Y স্থানাঙ্ক দিতে পারেন। এটি আপনাকে তার বাচ্চাদের সঠিক অবস্থান নির্দিষ্ট করতে সক্ষম করে।

আপেক্ষিক বিন্যাস

একটি সম্পর্কিত লেআউট হ'ল ক ভিউ গ্রুপ যা আপেক্ষিক অবস্থানে শিশুদের দৃষ্টিভঙ্গি প্রদর্শন করে। আপনিঅন্যান্য উপাদানগুলির সাথে বা পিতামাতার ধারক সম্পর্কিত ক্ষেত্রে উপাদানগুলির অবস্থান নির্দিষ্ট করতে পারে।

টেবিল বিন্যাস

সারণী বিন্যাসটি ব্যবহার করে, আপনি সারি এবং কলামগুলি সহ একটি টেবিল তৈরি করতে পারেন এবং এর মধ্যে উপাদান স্থাপন করতে পারেন। প্রতিটি সারিতে আপনি এক বা একাধিক উপাদান নির্দিষ্ট করতে পারেন। আপনি এই কমান্ডটি ব্যবহার করতে পারেন একটি নতুন টেবিল বিন্যাস তৈরি করতে।

ফ্রেম বিন্যাস

আপনি প্রতিটি স্ক্রিনে একটি আইটেম প্রদর্শন করতে চাইলে ফ্রেম বিন্যাসটি ব্যবহৃত হয়। ফ্রেম বিন্যাসটি ব্যবহার করে আপনার একাধিক আইটেম থাকতে পারে।এই ফ্রেম লেআউটটি পর্দার একটি স্থানধারক যা আপনি কোনও একক দর্শন প্রদর্শনের জন্য ব্যবহার করতে পারেন।

অ্যান্ড্রয়েড লেআউট ডিজাইনের টিউটোরিয়াল: পরিমাপের একক

আপনি যখন অ্যান্ড্রয়েড ইউআইতে কোনও উপাদানটির আকার নির্দিষ্ট করছেন, আপনার অবশ্যই পরিমাপের নিম্নলিখিত ইউনিটগুলি মনে রাখা উচিত।

ইউনিট বর্ণনা
ডিপি ঘনত্ব ইন্ডিপেন্ডেন্ট পিক্সেল। 1 ডিপি একটিতে এক পিক্সেলের সমান 160 ডিপিআই পর্দা।
এসপি স্কেল ইন্ডিপেন্ডেন্ট পিক্সেল। এটি ডিপি-র সাথে খুব অনুরূপ তবে এটি ফন্টের আকারগুলি নির্দিষ্ট করার জন্য প্রস্তাবিত।
pt পয়েন্ট। একটি পয়েন্ট একটি ইঞ্চি 1/72 হতে সংজ্ঞায়িত করা হয়।
px পিক্সেল। স্ক্রিনে প্রকৃত পিক্সেলের সাথে সম্পর্কিত

এখন, এই নিবন্ধের চূড়ান্ত বিষয়ে এগিয়ে চলুন।

অ্যান্ড্রয়েড লেআউট ডিজাইনের টিউটোরিয়াল: ডেমো

এই ডেমো বিভাগে, লেআউটগুলিতে কীভাবে কাজ করবেন তা বুঝতে দিন অ্যান্ড্রয়েড স্টুডিও

উল্লেখ করুন অ্যান্ড্রয়েড স্টুডিওতে।

লেআউটটি দেখতে কেমন লাগে। কেবল অঙ্কনযোগ্য নির্বাচন করুন এবং আপনি কয়েকটি ক্লাস পাবেন, এই অঙ্কনযোগ্য এর অধীনে অন্য কোনও শ্রেণি নির্বাচন করুন। আপনি হয় বিন্যাস কাঠামো কোড করতে পারেন বা আপনি নকশাটি দেখতে পারেন এবং কেবল নকশাগুলির জায়গাগুলিতে টানুন এবং ড্রপ করতে পারেন।

ডেমো - অ্যান্ড্রয়েড লেআউট ডিজাইনের টিউটোরিয়াল - এডুরেকা

আপনি উপাদান গাছের নীচে যে উপাদানগুলি নির্বাচন করেছেন তা দেখতে পারেন।

এগুলি আপনি বিন্যাসেও পেতে পারেন।

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

এটির সাথে আমরা 'অ্যান্ড্রয়েড লেআউট ডিজাইনের টিউটোরিয়াল' শীর্ষক এই নিবন্ধটির শেষে এসেছি। আশা করি আপনারা এই টিউটোরিয়ালে আপনার সাথে যা ভাগ করেছেন তার সাথে পরিষ্কার হয়ে গেছেন clearআপনার অ্যান্ড্রয়েড বিকাশ ক্যারিয়ারের সাথে অন্য ব্লগ এবং শুভকামের জন্য থাকুন।

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

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

আমাদের জন্য একটি প্রশ্ন আছে? দয়া করে এই 'অ্যান্ড্রয়েড লেআউট ডিজাইন টিউটোরিয়াল' ব্লগের মন্তব্য বিভাগে উল্লেখ করুন এবং আমরা যত তাড়াতাড়ি সম্ভব আপনার কাছে ফিরে আসব।