জেটপ্যাক কম্পোজ গ্লিমার জেটপ্যাক কম্পোজের উপর নির্মিত এবং এতে কম্পোজেবল, উপাদান, আচরণ এবং একটি থিম রয়েছে যা ডিসপ্লে সহ AI চশমার জন্য ডিজাইন করা হয়েছে। গ্লিমারের সাহায্যে, আপনি কমপোজ ব্যবহার করে AI চশমার জন্য নেটিভ UI তৈরি করতে পারেন, কম কোড, শক্তিশালী সরঞ্জাম এবং স্বজ্ঞাত Kotlin API ব্যবহার করে আপনার অ্যাপের অভিজ্ঞতাগুলিকে প্রাণবন্ত করে তুলতে পারেন।
জেটপ্যাক কম্পোজ গ্লিমার কম্পোজেবল
জেটপ্যাক কম্পোজ গ্লিমার @Composable ফাংশন প্রদান করে যা AI চশমা প্রদর্শনের জন্য তৈরি করা হয়েছে, যেমন Text , Button এবং ListItem । জেটপ্যাক কম্পোজ গ্লিমার কম্পোজেবলের কিছু অনন্য বৈশিষ্ট্য এখানে দেওয়া হল:
- সরলীকৃত স্টাইলিং : উদাহরণস্বরূপ, অপটিক্যাল ডিসপ্লে অপ্টিমাইজেশনের জন্য
Surfaceউপাদানগুলি কালো বা স্বচ্ছ ব্যাকগ্রাউন্ডে ডিফল্ট থাকে। - অপ্টিমাইজড রঙের ডিফল্ট : জেটপ্যাক কম্পোজ গ্লিমার ডিফল্টরূপে ব্যাকগ্রাউন্ড রঙের উপর ভিত্তি করে কন্টেন্টের রঙ গণনা করে, তাই ডেভেলপারদের খুব কমই ম্যানুয়ালি টেক্সটের রঙ সেট করার প্রয়োজন হয়, যা কোনও অতিরিক্ত কাজ ছাড়াই স্পষ্টতা বৃদ্ধি করে।
ডিফারেনশিয়েটেড ফোকাস : ফোকাস রিপল এফেক্টের পরিবর্তে রূপরেখা-ভিত্তিক ভিজ্যুয়াল ফিডব্যাক ব্যবহার করে নির্দেশিত হয়, যা স্পষ্ট দৃশ্যমানতা বৃদ্ধি করে।
চিত্র ১. জেটপ্যাক কম্পোজ গ্লিমারে তিনটি ফোকাস অবস্থা, যা রূপরেখা-ভিত্তিক ভিজ্যুয়াল প্রতিক্রিয়া ব্যবহার করে আলাদা করা হয়েছে। অপ্টিমাইজড এলিভেশন : জেটপ্যাক কম্পোজ গ্লিমার ভিজ্যুয়াল সেপারেশনের জন্য সীমিত বক্স-শ্যাডো ব্যবহার করে
চিত্র ২. জেটপ্যাক কম্পোজ গ্লিমারে উচ্চতার পাঁচটি স্তর, যা সীমিত বক্স-শ্যাডো ব্যবহার করে আলাদা করা হয়েছে।
জেটপ্যাক কম্পোজ গ্লিমার উপাদান
জেটপ্যাক কম্পোজ গ্লিমারে নিজস্ব কাস্টম-ডিজাইন করা উপাদানগুলির একটি সেট রয়েছে, যা জেটপ্যাক কম্পোজের উপাদানগুলির মতোই, তবে বিশেষভাবে এআই চশমার অনন্য ভিজ্যুয়াল এবং ইন্টারেক্টিভ চাহিদার জন্য অপ্টিমাইজ করা হয়েছে। জেটপ্যাক কম্পোজ গ্লিমার উপাদানগুলি জেটপ্যাক কম্পোজ গ্লিমারের থিমের সাথে কাস্টমাইজযোগ্য এবং ডিফল্টভাবে ট্যাপ এবং সোয়াইপের মতো ব্যবহারকারীর ইনপুট পদ্ধতিগুলিকে সমর্থন করার জন্য নিম্ন-স্তরের কম্পোজ বৈশিষ্ট্যগুলির উপর ভিত্তি করে তৈরি।
একটি নির্দিষ্ট উপাদান ব্যবহার সম্পর্কে আরও জানতে, নিম্নলিখিত নির্দেশিকাগুলি দেখুন:
যদি এই উচ্চ-স্তরের উপাদানগুলির মধ্যে একটি আপনার ব্যবহারের ক্ষেত্রে কাজ না করে, তাহলে আপনি একটি কাস্টম উপাদান তৈরি করতে একটি surface ব্যবহার করতে পারেন। Jetpack Compose Glimmer-এ সারফেস হল সবচেয়ে মৌলিক বিল্ডিং ব্লক—আপনি যে কোনও নির্দিষ্ট, কাস্টম ডিজাইন বা ইন্টারঅ্যাকশন তৈরি করতে চান তার জন্য একটি ফাঁকা ক্যানভাস।
জেটপ্যাক কম্পোজ গ্লিমার মডিফায়ার
জেটপ্যাক কম্পোজ গ্লিমারের মডিফায়ারগুলি কম্পোজ মডিফায়ারের মতোই কাজ করে, যা আপনাকে কম্পোজেবলগুলিকে তাদের লেআউট, চেহারা এবং আচরণ কাস্টমাইজ করে বৃদ্ধি করতে দেয়। জেটপ্যাক কম্পোজ গ্লিমার নির্দিষ্ট মডিফায়ার প্রবর্তন করতে পারে অথবা চশমা-নির্দিষ্ট ভিজ্যুয়াল প্রতিক্রিয়া এবং কর্মক্ষমতার জন্য অনন্য ডিফল্ট প্রয়োগ করতে পারে।
জেটপ্যাক কম্পোজ গ্লিমার ডেপথ
জেটপ্যাক কম্পোজ গ্লিমার উপাদানগুলি শ্রেণিবিন্যাস উপস্থাপনের জন্য গভীরতা ব্যবহার করে, যা অন্যান্য কার্ডের উপরে (উপরে) প্রদর্শিত উপাদানগুলিকে দৃশ্যত আলাদা করতে সাহায্য করে। AI চশমায় গভীরতা হল z-স্পেস এবং ছায়ায় স্থাপনের সংমিশ্রণ। বেশিরভাগ উচ্চ-স্তরের উপাদানগুলির জন্য, যেমন তালিকার আইটেমগুলির জন্য, ফোকাস অবস্থার উপর ভিত্তি করে গভীরতা স্বয়ংক্রিয়ভাবে প্রয়োগ করা হয়। যখন একটি উপাদান ফোকাস করা হয়, তখন এটি গভীরতা অর্জন করে; যখন এটি ফোকাস হারায়, তখন এটি তার স্বাভাবিক অবস্থায় ফিরে আসে। তবে কাস্টম উপাদানগুলির সাথে কাজ করার জন্য, আপনি Modifier.surface , অথবা Modifier.depth এ গভীরতা প্যারামিটার ব্যবহার করতে পারেন।
জেটপ্যাক কম্পোজ গ্লিমারের থিম
জেটপ্যাক কম্পোজ গ্লিমারে এআই চশমার জন্য একটি ডেডিকেটেড থিমিং সিস্টেম রয়েছে। জেটপ্যাক কম্পোজ গ্লিমারের থিম রঙ, টাইপোগ্রাফি এবং আকারের একটি সরলীকৃত এবং অপ্টিমাইজড প্যালেট প্রয়োগ করে। এটি এআই চশমার জন্য সর্বাধিক দৃশ্যমানতা এবং সংক্ষিপ্ততা বৃদ্ধি করে। সমস্ত জেটপ্যাক কম্পোজ গ্লিমার উপাদানগুলি এআই চশমার নির্দিষ্ট ইনপুট পদ্ধতির সাথে স্বয়ংক্রিয়ভাবে একীভূত করার জন্য ডিজাইন করা হয়েছে। জেটপ্যাক কম্পোজ গ্লিমারের থিমটি GlimmerTheme ক্লাস ব্যবহার করে উন্মুক্ত করা হয়েছে।
জেটপ্যাক কম্পোজের অন্যান্য থিমের মতো, GlimmerTheme বেশ কয়েকটি সাবসিস্টেম রয়েছে: রঙ, আকার, টাইপোগ্রাফি এবং আইকন (প্রতীক)। জেটপ্যাক কম্পোজ গ্লিমারের থিমে জেটপ্যাক কম্পোজ গ্লিমার উপাদানও রয়েছে যা আপনি কাস্টমাইজ করতে পারেন।
রঙ
জেটপ্যাক কম্পোজ গ্লিমারের কালার সিস্টেমে এর অপ্টিমাইজড প্যালেটে সাতটি রঙ রয়েছে, যা AI চশমা ডিসপ্লেতে সর্বাধিক দৃশ্যমানতা এবং সংক্ষিপ্ততার জন্য ডিজাইন করা হয়েছে যেখানে কালো মান রেন্ডার হয় না।
GlimmerTheme এর রঙগুলির একটি সারসংক্ষেপ। মনে রাখবেন যে "চালু ..." রঙগুলি GlimmerTheme এর মাধ্যমে প্রকাশ করা হয় না। এই রঙগুলি পটভূমির রঙের উপর ভিত্তি করে সিস্টেম দ্বারা স্বয়ংক্রিয়ভাবে গণনা করা হয়।
এই রঙগুলি GlimmerTheme.colors.primary এর মাধ্যমে প্রকাশ করা হয়, প্রতিটি রঙের ভূমিকার জন্য মান নিম্নলিখিত টেবিলে বর্ণিত হয়েছে:
রঙের ভূমিকা | ডিফল্ট |
|---|---|
প্রাথমিক | #এ৮সি৭এফএ |
গৌণ | #৪সি৮৮ই৯ |
ইতিবাচক | #৪সিই৯৯৫ |
নেতিবাচক | #F57084 সম্পর্কে |
পৃষ্ঠ | #০০০০০০ |
রূপরেখা | #606460 |
রূপরেখা বৈকল্পিক | #৪২৪৩৪এ |
মনে রাখবেন যে surface , outline এবং outlineVariant কে কাস্টমাইজেবল হিসেবে চিহ্নিত করা হলেও, আমরা দৃঢ়ভাবে সুপারিশ করছি যে আপনি এই মানগুলি কাস্টমাইজ করবেন না।
আকার
জেটপ্যাক কম্পোজ গ্লিমারের শেপ সিস্টেমটি উপাদানগুলির জন্য স্ট্যান্ডার্ড কর্নার ট্রিটমেন্ট এবং জ্যামিতিক ফর্মগুলির একটি সেট সংজ্ঞায়িত করে, যা AI চশমা UI-তে একটি সামঞ্জস্যপূর্ণ এবং ন্যূনতম ভিজ্যুয়াল ভাষা তৈরি করার জন্য ডিজাইন করা হয়েছে, যেখানে সমস্ত আকার GlimmerTheme.shapes এর মাধ্যমে প্রকাশিত হবে।
টাইপোগ্রাফি
জেটপ্যাক কম্পোজ গ্লিমারের টাইপোগ্রাফি সিস্টেমে AI চশমা প্রদর্শনের ক্ষেত্রে স্পষ্টতা এবং সংক্ষিপ্ততার জন্য ছয়টি টাইপোগ্রাফি স্টাইল অন্তর্ভুক্ত রয়েছে। এই স্টাইলগুলি আরও সাহসী ওজন, বৃহত্তর অক্ষর ব্যবধান এবং উপযুক্ত লাইন উচ্চতার মাধ্যমে বৈসাদৃশ্য সর্বাধিক করার এবং পাঠ্য পাঠযোগ্যতা উন্নত করার জন্য ডিজাইন করা হয়েছে। এই স্টাইলগুলি GlimmerTheme.typography এর মাধ্যমে প্রকাশ করা হয়েছে।
আইকন
জেটপ্যাক কম্পোজ গ্লিমারের আইকন সিস্টেমটি এআই চশমা UI-এর সরলীকৃত ভিজ্যুয়াল ভাষার সাথে সুসংগতভাবে সংহত করার জন্য ডিজাইন করা হয়েছে, প্রায়শই সর্বোত্তম পঠনযোগ্যতার জন্য ম্যাটেরিয়াল সিম্বলস রাউন্ডেডের মতো গোলাকার ফর্মগুলি ব্যবহার করে।