জেটপ্যাক কম্পোজ গ্লিমারে কী কী অন্তর্ভুক্ত রয়েছে

প্রযোজ্য এক্সআর ডিভাইস
এই নির্দেশিকা আপনাকে এই ধরনের এক্সআর ডিভাইসগুলির জন্য অভিজ্ঞতা তৈরি করতে সাহায্য করে।
ডিসপ্লে গ্লাস

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

জেটপ্যাক কম্পোজ গ্লিমার কম্পোজেবলস

Jetpack Compose Glimmer, AI গ্লাস ডিসপ্লের জন্য বিশেষভাবে তৈরি @Composable ফাংশন প্রদান করে, যেমন Text , Button , এবং ListItem । Jetpack Compose Glimmer-এর কম্পোজেবলগুলোর কিছু অনন্য বৈশিষ্ট্য নিচে দেওয়া হলো:

  • সরলীকৃত স্টাইলিং : উদাহরণস্বরূপ, অপটিক্যাল ডিসপ্লে অপ্টিমাইজেশনের জন্য Surface কম্পোনেন্টগুলোর ব্যাকগ্রাউন্ড ডিফল্টভাবে কালো বা স্বচ্ছ থাকে।
  • অপ্টিমাইজ করা ডিফল্ট রঙ : Jetpack Compose Glimmer ডিফল্টরূপে ব্যাকগ্রাউন্ড রঙের উপর ভিত্তি করে কন্টেন্টের রঙ নির্ধারণ করে, তাই ডেভেলপারদের খুব কমই ম্যানুয়ালি টেক্সটের রঙ সেট করতে হয়, যা কোনো অতিরিক্ত কাজ ছাড়াই পাঠযোগ্যতা বাড়ায়।
  • পৃথকীকৃত ফোকাস : রিপল এফেক্টের পরিবর্তে আউটলাইন-ভিত্তিক ভিজ্যুয়াল ফিডব্যাকের মাধ্যমে ফোকাস নির্দেশ করা হয়, যা স্পষ্ট দৃশ্যমানতা বাড়ায়।

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

    চিত্র ২। জেটপ্যাক কম্পোজ গ্লিমার-এর উচ্চতার পাঁচটি স্তর, যেগুলোকে সীমিত বক্স-শ্যাডো ব্যবহার করে আলাদা করা হয়েছে।

জেটপ্যাক কম্পোজ গ্লিমার উপাদানসমূহ

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

চিত্র ৩. জেটপ্যাক কম্পোজ গ্লিমারে বিভিন্ন ধরনের কম্পোনেন্ট রয়েছে যা আপনাকে ডিসপ্লে গ্লাসের জন্য অপ্টিমাইজ করা অ্যাপ অভিজ্ঞতা তৈরি করতে সাহায্য করে।

কোনো নির্দিষ্ট উপাদানের ব্যবহার সম্পর্কে আরও জানতে, নিম্নলিখিত নির্দেশিকাগুলো দেখুন:

যদি এই উচ্চ-স্তরের কম্পোনেন্টগুলোর কোনোটি আপনার ব্যবহারের জন্য উপযুক্ত না হয়, তবে আপনি একটি কাস্টম কম্পোনেন্ট তৈরি করতে surface ব্যবহার করতে পারেন। সারফেস হলো জেটপ্যাক কম্পোজ গ্লিমারের সবচেয়ে মৌলিক বিল্ডিং ব্লক—এটি আপনার তৈরি করতে চাওয়া যেকোনো নির্দিষ্ট, কাস্টম ডিজাইন বা ইন্টারঅ্যাকশনের জন্য একটি ফাঁকা ক্যানভাস।

জেটপ্যাক কম্পোজ গ্লিমার মডিফায়ার

Jetpack Compose Glimmer-এর মডিফায়ারগুলো Compose মডিফায়ারগুলোর মতোই কাজ করে, যা আপনাকে কম্পোজেবলগুলোর লেআউট, চেহারা এবং আচরণ কাস্টমাইজ করার মাধ্যমে সেগুলোকে উন্নত করতে দেয়। Jetpack Compose Glimmer-এ চশমা-নির্দিষ্ট ভিজ্যুয়াল ফিডব্যাক এবং পারফরম্যান্সের জন্য মডিফায়ার ও স্বতন্ত্র ডিফল্ট সেটিংস অন্তর্ভুক্ত রয়েছে।

জেটপ্যাক কম্পোজ গ্লিমারের থিম

Jetpack Compose Glimmer-এ ডিসপ্লে গ্লাসের জন্য একটি বিশেষ থিমিং সিস্টেম রয়েছে। Jetpack Compose Glimmer-এর থিমটি রঙ, টাইপোগ্রাফি এবং আকারের একটি সরলীকৃত ও অপ্টিমাইজড প্যালেট প্রয়োগ করে। এটি ডিসপ্লে গ্লাসের জন্য সর্বোচ্চ দৃশ্যমানতা এবং সংক্ষিপ্ততা নিশ্চিত করে। Jetpack Compose Glimmer-এর সমস্ত কম্পোনেন্ট গ্লাস-নির্দিষ্ট ইনপুট মেথডের সাথে স্বয়ংক্রিয়ভাবে সংযুক্ত হওয়ার জন্য ডিজাইন করা হয়েছে। Jetpack Compose Glimmer-এর থিমটি GlimmerTheme ক্লাস ব্যবহার করে প্রকাশ করা হয়।

Jetpack Compose-এর অন্যান্য থিমের মতো, GlimmerTheme বেশ কয়েকটি সাবসিস্টেম রয়েছে, যেগুলো এবং সেগুলোর কাস্টমাইজযোগ্য বৈশিষ্ট্যগুলো নিম্নলিখিত বিভাগগুলিতে সংক্ষেপে বর্ণনা করা হলো:

  • রং
  • টাইপোগ্রাফি
  • উপাদান ব্যবধান মান
  • আকৃতি
  • গভীরতার প্রভাব স্তর
  • আইকনের আকার

রং

জেটপ্যাক কম্পোজ গ্লিমারের কালার সিস্টেমটি অ্যাডিটিভ ডিসপ্লে এবং বাস্তব পরিবেশের জন্য ডিজাইন করা হয়েছে। সাধারণ অ্যান্ড্রয়েড থিমের থেকে ভিন্ন, GlimmerTheme Colors আংশিক স্বচ্ছতা ও উজ্জ্বল অ্যাকসেন্টসহ গাঢ় ব্যাকগ্রাউন্ডকে প্রাধান্য দেয়, যাতে বাস্তব জগতের অপ্রত্যাশিত আলোর মধ্যেও কন্টেন্ট পাঠযোগ্য থাকে।

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

চিত্র ৪. GlimmerTheme রঙগুলোর একটি সংক্ষিপ্ত বিবরণ।

টাইপোগ্রাফি

জেটপ্যাক কম্পোজ গ্লিমার-এর টাইপোগ্রাফি সিস্টেমে ডিসপ্লে গ্লাসে পাঠযোগ্যতা ও সংক্ষিপ্ততার জন্য বিভিন্ন টাইপোগ্রাফি স্টাইল অন্তর্ভুক্ত রয়েছে। এই স্টাইলগুলো বোল্ডার ওয়েট, প্রশস্ত লেটার স্পেসিং এবং উপযুক্ত লাইন হাইটের মাধ্যমে কনট্রাস্ট সর্বাধিক করতে ও টেক্সটের পাঠযোগ্যতা উন্নত করার জন্য ডিজাইন করা হয়েছে। এই স্টাইলগুলো GlimmerTheme.typography মাধ্যমে পাওয়া যায়।

চিত্র ৫. জেটপ্যাক কম্পোজ গ্লিমারের ছয়টি টাইপোগ্রাফি শৈলীর একটি উদাহরণ।

উপাদান ব্যবধান মান

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

আকৃতি

Jetpack Compose Glimmer-এর শেপ সিস্টেম কম্পোনেন্টগুলির জন্য এক সেট স্ট্যান্ডার্ড কর্নার ট্রিটমেন্ট এবং জ্যামিতিক আকার সংজ্ঞায়িত করে, যা ডিসপ্লে গ্লাসের UI-তে একটি সামঞ্জস্যপূর্ণ ও মিনিমালিস্ট ভিজ্যুয়াল ল্যাঙ্গুয়েজ তৈরি করার জন্য ডিজাইন করা হয়েছে এবং এর সমস্ত শেপ GlimmerTheme.shapes এর মাধ্যমে প্রকাশ করা হয়।

চিত্র ৬। জেটপ্যাক কম্পোজ গ্লিমারে বড়, মাঝারি ও ছোট আকারের একটি উদাহরণ।

গভীরতার প্রভাব স্তর

Jetpack Compose Glimmer কম্পোনেন্টগুলো স্তরবিন্যাস বোঝাতে ডেপথ (depth ) ব্যবহার করে, যা অন্য কার্ডের উপরে প্রদর্শিত উপাদানগুলোকে দৃশ্যত আলাদা করতে সাহায্য করে। ডিসপ্লে গ্লাসের ডেপথ হলো z-স্পেসে অবস্থান এবং শ্যাডোর সমন্বয়। বেশিরভাগ উচ্চ-স্তরের কম্পোনেন্টের জন্য, যেমন লিস্ট আইটেম, ফোকাস অবস্থার উপর ভিত্তি করে ডেপথ স্বয়ংক্রিয়ভাবে প্রয়োগ করা হয়। যখন কোনো কম্পোনেন্ট ফোকাসড হয়, তখন এটি ডেপথ লাভ করে; যখন এটি ফোকাস হারায়, তখন এটি তার স্বাভাবিক অবস্থায় ফিরে আসে। তবে কাস্টম কম্পোনেন্ট নিয়ে কাজ করার জন্য, আপনি Modifier.surfacedepthEffect প্যারামিটার, অথবা depthEffect ব্যবহার করতে পারেন।

আইকনের আকার

Jetpack Compose Glimmer-এর আইকন সিস্টেমটি ডিসপ্লে গ্লাসের UI-এর সরলীকৃত ভিজ্যুয়াল ল্যাঙ্গুয়েজের সাথে সুসংগতভাবে একীভূত হওয়ার জন্য ডিজাইন করা হয়েছে এবং সর্বোত্তম পঠনযোগ্যতার জন্য প্রায়শই Material Symbols Rounded-এর মতো গোলাকার আকৃতি ব্যবহার করে।