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

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

জেটপ্যাক কম্পোজ গ্লিমার জেটপ্যাক কম্পোজের উপর ভিত্তি করে তৈরি এবং এতে কম্পোজেবল, কম্পোনেন্ট, বিহেভিয়ার ও একটি থিম অন্তর্ভুক্ত রয়েছে, যা ডিসপ্লেযুক্ত এআই গ্লাসের জন্য ডিজাইন করা হয়েছে। গ্লিমারের সাহায্যে, আপনি কম্পোজ ব্যবহার করে এআই গ্লাসের জন্য নেটিভ 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 কম্পোনেন্টগুলো স্তরবিন্যাস বোঝাতে ডেপথ (depth ) ব্যবহার করে, যা অন্য কার্ডের উপরে প্রদর্শিত উপাদানগুলোকে দৃশ্যত আলাদা করতে সাহায্য করে। AI গ্লাসে ডেপথ হলো z-স্পেসে অবস্থান এবং শ্যাডোর সমন্বয়। বেশিরভাগ উচ্চ-স্তরের কম্পোনেন্টের জন্য, যেমন লিস্ট আইটেম, ফোকাস অবস্থার উপর ভিত্তি করে ডেপথ স্বয়ংক্রিয়ভাবে প্রয়োগ করা হয়। যখন কোনো কম্পোনেন্ট ফোকাসড হয়, তখন এটি ডেপথ লাভ করে; যখন এটি ফোকাস হারায়, তখন এটি তার স্বাভাবিক অবস্থায় ফিরে আসে। তবে কাস্টম কম্পোনেন্ট নিয়ে কাজ করার জন্য, আপনি Modifier.surface বা Modifier.depth এ ডেপথ প্যারামিটার ব্যবহার করতে পারেন।

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

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

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

রং

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

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

উল্লেখ্য যে, "On ..." কালারগুলো GlimmerTheme মাধ্যমে প্রদর্শিত হয় না। এই কালারগুলো ব্যাকগ্রাউন্ড কালারের উপর ভিত্তি করে সিস্টেম দ্বারা স্বয়ংক্রিয়ভাবে নির্ধারিত হয়।

এই রঙগুলো GlimmerTheme.colors.primary এর মাধ্যমে প্রকাশ করা হয়, যেখানে প্রতিটি রঙের ভূমিকার জন্য মানগুলো নিম্নলিখিত সারণিতে বর্ণিত আছে:

রঙের ভূমিকা

ডিফল্ট

প্রাথমিক

#9BBFFF

দ্বিতীয়

#4C88E9

ইতিবাচক

#63FEA8

নেতিবাচক

#এফএফএ৭এ০

পৃষ্ঠতল

#২৬২৬২৬

রূপরেখা

#৬০৬৪৬০

রূপরেখা রূপ

#42434A

উল্লেখ্য যে, যদিও surface , outline , এবং outlineVariant কাস্টমাইজযোগ্য হিসেবে চিহ্নিত করা হয়েছে, আমরা দৃঢ়ভাবে পরামর্শ দিচ্ছি যে আপনি এই মানগুলো কাস্টমাইজ করবেন না।

আকৃতি

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

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

টাইপোগ্রাফি

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

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

আইকন

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