Jetpack Compose Glimmer-এ কী কী অন্তর্ভুক্ত আছে

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

Jetpack Compose Glimmer কম্পোজেবল

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

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

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

  

• অপ্টিমাইজ করা এলিভেশন: Jetpack Compose Glimmer ভিজ্যুয়াল সেপারেশনের জন্য সীমিত বক্স-শ্যাডো ব্যবহার করে

  

Jetpack Compose Glimmer কম্পোনেন্ট

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

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

• বোতাম
• কার্ড
• হরিজন্টাল পেজার
• আইকন
• আইকন বোতাম
• তালিকা
• আইটেমের তালিকা
• সারফেস
• টেক্সট
• টগল করার বোতাম
• Title Chips
• ভার্টিক্যাল স্ট্যাক
• ভয়েস ইনপুট ইন্ডিকেটর

এইসব হাই-লেভেল কম্পোনেন্টের মধ্যে কোনও একটি আপনার ব্যবহারের ক্ষেত্রে কাজ না করলে, আপনি কাস্টম কম্পোনেন্ট তৈরি করতে surface ব্যবহার করতে পারবেন। Jetpack Compose Glimmer-এ সারফেস হল সবচেয়ে প্রাথমিক বিল্ডিং ব্লক—আপনি তৈরি করতে চান এমন যেকোনও নির্দিষ্ট, কাস্টম ডিজাইন বা ইন্টার‍্যাকশনের জন্য একটি ফাঁকা ক্যানভাস।

Jetpack Compose-এর গ্লিমার মডিফায়ার

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

Jetpack Compose Glimmer-এর থিম

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

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

• রঙ
• টাইপোগ্রাফি
• কম্পোনেন্ট স্পেসিং ভ্যালু
• আকার
• ডেপথ এফেক্ট লেভেল
• আইকনের সাইজ

রঙ

Jetpack Compose Glimmer-এর কালার সিস্টেম অ্যাডিটিভ ডিসপ্লে ও বাস্তব পরিবেশের জন্য ডিজাইন করা হয়েছে। Android-এর স্ট্যান্ডার্ড থিমের মতো নয়, GlimmerTheme Colors-এ ডার্ক ব্যাকগ্রাউন্ডকে অগ্রাধিকার দেওয়া হয়, যেখানে সেমি-ট্রান্সপারেন্সি ও উজ্জ্বল অ্যাকসেন্ট ব্যবহার করা হয় যাতে বাস্তব জগতের অনিশ্চিত আলোর মধ্যেও কন্টেন্ট সহজে পড়া যায়।

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

টাইপোগ্রাফি

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

কম্পোনেন্ট স্পেসিং ভ্যালু

Jetpack Compose Glimmer কম্পোনেন্ট জুড়ে সামঞ্জস্যপূর্ণ স্পেসিং নিশ্চিত করতে এই মানগুলি ব্যবহার করা হয়। এর মধ্যে কম্পোনেন্ট প্যাডিং, কম্পোনেন্টের মধ্যে ব্যবধান এবং অন্যান্য ব্যবধানের এলিমেন্ট অন্তর্ভুক্ত। মনে রাখবেন, এইসব ভ্যালু পরিবর্তন করলে বেশিরভাগ কম্পোনেন্টের ডিফল্ট সাইজে প্রভাব পড়ে।

আকার

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

ডেপথ এফেক্ট লেভেল

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

আইকনের সাইজ

Jetpack Compose Glimmer-এর আইকন সিস্টেম এমনভাবে ডিজাইন করা হয়েছে যাতে ডিসপ্লে গ্লাস UI-এর সহজ ভিজ্যুয়াল ল্যাঙ্গুয়েজের সাথে এটি সামঞ্জস্যপূর্ণভাবে ইন্টিগ্রেট করা যায়। এটি প্রায়ই Material Symbols Rounded-এর মতো রাউন্ডেড ফর্ম ব্যবহার করে যাতে সহজে পড়া যায়।