জটিল সত্তার প্রতিনিধিত্ব করতে একটি চিপ তৈরি করুন

Chip উপাদান একটি কমপ্যাক্ট, ইন্টারেক্টিভ UI উপাদান। এটি একটি পরিচিতি বা ট্যাগের মতো জটিল সত্তাকে প্রতিনিধিত্ব করে, প্রায়ই একটি আইকন এবং লেবেল সহ। এটি পরীক্ষাযোগ্য, বাতিলযোগ্য বা ক্লিকযোগ্য হতে পারে।

পাঁচ ধরনের চিপ এবং আপনি কোথায় ব্যবহার করতে পারেন তা নিম্নরূপ:

  • সহায়তা : একটি কাজের সময় ব্যবহারকারীকে গাইড করে। ব্যবহারকারীর ইনপুটের প্রতিক্রিয়া হিসাবে প্রায়শই একটি অস্থায়ী UI উপাদান হিসাবে উপস্থিত হয়।
  • ফিল্টার : ব্যবহারকারীদের বিকল্পগুলির একটি সেট থেকে সামগ্রী পরিমার্জন করতে দেয়৷ এগুলি নির্বাচন বা অনির্বাচিত হতে পারে এবং নির্বাচিত হলে একটি চেকমার্ক আইকন অন্তর্ভুক্ত করতে পারে৷
  • ইনপুট : ব্যবহারকারী-প্রদত্ত তথ্য প্রতিনিধিত্ব করে, যেমন একটি মেনুতে নির্বাচন। এগুলিতে একটি আইকন এবং পাঠ্য থাকতে পারে এবং অপসারণের জন্য একটি 'X' প্রদান করতে পারে৷
  • পরামর্শ : ব্যবহারকারীর সাম্প্রতিক কার্যকলাপ বা ইনপুটের উপর ভিত্তি করে সুপারিশ প্রদান করে। সাধারণত একটি ইনপুট ক্ষেত্রের নীচে প্রদর্শিত ব্যবহারকারীর ক্রিয়া প্রম্পট করে৷
  • এলিভেটেড : ফ্ল্যাট দেখার পরিবর্তে একটি উন্নত চেহারা রয়েছে।

সংস্করণ সামঞ্জস্য

এই বাস্তবায়নের জন্য আপনার প্রজেক্ট minSDK এপিআই লেভেল 21 বা তার উপরে সেট করা প্রয়োজন।

নির্ভরতা

একটি সহায়ক চিপ তৈরি করুন

AssistChip কম্পোজেবল একটি সহায়ক চিপ তৈরি করার একটি সহজ উপায় প্রদান করে যা ব্যবহারকারীকে একটি নির্দিষ্ট দিকে নিয়ে যায়। একটি স্বতন্ত্র বৈশিষ্ট্য হল এর leadingIcon প্যারামিটার যা আপনাকে চিপের বাম দিকে একটি আইকন প্রদর্শন করতে দেয়, যেমনটি চিত্র 1-এ দেখানো হয়েছে। নিম্নলিখিত উদাহরণটি দেখায় যে আপনি কীভাবে এটি বাস্তবায়ন করতে পারেন:

একটি সাধারণ সহায়তা চিপ।
চিত্র 1. অ্যাসিস্ট চিপ।

একটি ফিল্টার চিপ তৈরি করুন

FilterChip কম্পোজেবলের জন্য আপনাকে চিপটি নির্বাচন করা হয়েছে কিনা তা ট্র্যাক করতে হবে। নিম্নলিখিত উদাহরণটি প্রদর্শন করে যে ব্যবহারকারী চিপটি নির্বাচন করলেই আপনি কীভাবে একটি অগ্রণী চেক করা আইকন দেখাতে পারেন:

ফলাফল

একটি অনির্বাচিত ফিল্টার চিপ, কোন চেক এবং একটি পরিকল্পনা ব্যাকগ্রাউন্ড ছাড়া।
চিত্র 2. অনির্বাচিত ফিল্টার চিপ।
একটি চেক এবং একটি রঙিন ব্যাকগ্রাউন্ড সহ নির্বাচিত ফিল্টার চিপ।
চিত্র 3. নির্বাচিত ফিল্টার চিপ।

একটি ইনপুট চিপ তৈরি করুন

আপনি ব্যবহারকারীর ইন্টারঅ্যাকশনের ফলে চিপ তৈরি করতে InputChip কম্পোজেবল ব্যবহার করতে পারেন। উদাহরণস্বরূপ, একটি ইমেল ক্লায়েন্টে, যখন ব্যবহারকারী একটি ইমেল লিখছেন, তখন একটি ইনপুট চিপ এমন একজন ব্যক্তির প্রতিনিধিত্ব করতে পারে যার ঠিকানা ব্যবহারকারী "থেকে:" ক্ষেত্রে প্রবেশ করেছে।

নিম্নলিখিত বাস্তবায়ন একটি ইনপুট চিপ প্রদর্শন করে যা একটি নির্বাচিত অবস্থায় রয়েছে। ব্যবহারকারী চিপটি চাপলে তা বাতিল করে দেয়।

ফলাফল

একটি অবতার এবং একটি ট্রেলিং আইকন সহ একটি ইনপুট চিপ৷
চিত্র 4. ইনপুট চিপ।

একটি পরামর্শ চিপ তৈরি করুন

SuggestionChip composable হল এই পৃষ্ঠায় তালিকাভুক্ত কম্পোজেবলগুলির মধ্যে সবচেয়ে মৌলিক, এর API সংজ্ঞা এবং এর সাধারণ ব্যবহারের ক্ষেত্রে উভয় ক্ষেত্রেই। সাজেশন চিপগুলি গতিশীলভাবে জেনারেট করা ইঙ্গিতগুলি উপস্থাপন করে। উদাহরণস্বরূপ, একটি AI চ্যাট অ্যাপে, আপনি সাম্প্রতিক বার্তায় সম্ভাব্য প্রতিক্রিয়া উপস্থাপন করতে পরামর্শ চিপ ব্যবহার করতে পারেন।

SuggestionChip এই বাস্তবায়ন বিবেচনা করুন:

ফলাফল

একটি সাধারণ সহায়তা চিপ।
চিত্র 5. অ্যাসিস্ট চিপ।

একটি উন্নত চিপ তৈরি করুন

এই নথির সমস্ত উদাহরণ বেস কম্পোজেবল ব্যবহার করে যা একটি সমতল চেহারা নেয়। আপনি যদি এমন একটি চিপ চান যাতে একটি উন্নত চেহারা থাকে, তাহলে নিম্নলিখিত তিনটি কম্পোজেবলের মধ্যে একটি ব্যবহার করুন:

মূল পয়েন্ট

চারটি কম্পোজেবল চার ধরণের চিপগুলির সাথে মিলে যায় এবং তারা নিম্নলিখিত পরামিতিগুলি ভাগ করে:

  • label : চিপে প্রদর্শিত স্ট্রিং।
  • icon : চিপের শুরুতে প্রদর্শিত আইকন। কিছু কম্পোজেবলের আলাদা leadingIcon এবং trailingIcon প্যারামিটার থাকে।
  • onClick : ব্যবহারকারী এটি ক্লিক করলে চিপ যে ল্যাম্বডাকে কল করে।

এই নির্দেশিকা ধারণকারী সংগ্রহ

এই নির্দেশিকাটি এই কিউরেট করা কুইক গাইড সংগ্রহের অংশ যা বৃহত্তর অ্যান্ড্রয়েড উন্নয়ন লক্ষ্যগুলি কভার করে:

মেটেরিয়াল ডিজাইন ডিজাইন সিস্টেমের উপর ভিত্তি করে কীভাবে কম্পোজেবল ফাংশনগুলি আপনাকে সহজেই সুন্দর UI উপাদান তৈরি করতে সক্ষম করে তা শিখুন।

প্রশ্ন বা প্রতিক্রিয়া আছে

আমাদের প্রায়শই জিজ্ঞাসিত প্রশ্ন পৃষ্ঠায় যান এবং দ্রুত গাইড সম্পর্কে জানুন বা যোগাযোগ করুন এবং আপনার চিন্তাভাবনা আমাদের জানান।