বোতাম

ব্যবহারকারীদের দ্বারা ভালভাবে বোঝা এবং পাঠ্য লেবেলের প্রয়োজন নেই এমন ক্রিয়াগুলির জন্য একটি বোতাম উপাদান ব্যবহার করুন৷ বোতামগুলি তাদের বৃত্তাকার আকৃতি দ্বারা চিপ থেকে আলাদা করা হয়।

অ্যানাটমি

উ: বিষয়বস্তু

বোতামগুলিতে একটি আইকন বা পাঠ্যের জন্য সংরক্ষিত একটি একক স্লট থাকে। একটি আইকন নির্বাচন করুন যা বোতামটি যে ক্রিয়া করে তার সাথে প্রাসঙ্গিক। একটি আইকন প্রাসঙ্গিক ক্রিয়া বর্ণনা করতে অক্ষম হলে আপনি সর্বাধিক তিনটি অক্ষর সহ পাঠ্য ব্যবহার করতে পারেন। একটি চিপ উপাদান ব্যবহার বিবেচনা করুন যদি একটি আইকন স্পষ্টভাবে ক্রিয়া বর্ণনা করতে না পারে

B. ধারক

বোতাম পাত্রে একটি একক কঠিন রঙ পূরণ সীমাবদ্ধ.


বোতামের ধরন

টগল বোতাম

টগল বোতাম ব্যবহারকারীদের দুই রাজ্যের মধ্যে টগল করতে সক্ষম করে।

কমপ্যাক্ট বোতাম

কমপ্যাক্ট বোতামগুলি ছোট দেখায় তবে একটি বড় ট্যাপযোগ্য এলাকা রয়েছে। ডিফল্ট ট্যাপযোগ্য এলাকা হল 48x48 dp।

অনুক্রম

বোতামের শ্রেণিবিন্যাস বোঝাতে বিভিন্ন রঙের ফিল ব্যবহার করুন।

উচ্চ জোর

উচ্চ জোর দেওয়া বোতামে এমন অ্যাকশন থাকে যা অ্যাপের জন্য প্রাথমিক। উচ্চ জোর দেওয়া বোতামগুলির জন্য কন্টেইনারের জন্য প্রাথমিক বা মাধ্যমিক রং এবং বিষয়বস্তুর জন্য প্রাথমিক এবং অন মাধ্যমিক রং ব্যবহার করুন। আরও তথ্যের জন্য পরিধান উপাদান থিমিং দেখুন.

মাঝারি জোর

মাঝারি জোরের বোতামগুলি কম বিপরীত রঙের ফিল দ্বারা আলাদা করা হয়। এগুলিতে এমন ক্রিয়া রয়েছে যা প্রাথমিক ক্রিয়াগুলির চেয়ে কম গুরুত্বপূর্ণ। কন্টেইনারের জন্য সারফেস কালার এবং কন্টেন্টের জন্য অন সারফেস কালার ব্যবহার করুন।

বিকল্পভাবে, একটি মাঝারি জোর বোতামের জন্য কাস্টম OutlinedButton উপাদান ব্যবহার করুন। এটির একটি স্বচ্ছ পটভূমি, 60% অস্বচ্ছতার একটি প্রাথমিক বৈকল্পিক রঙিন স্ট্রোক এবং প্রাথমিক রঙিন সামগ্রী রয়েছে।

কম জোর (শুধুমাত্র আইকন)

কম জোর দেওয়া বোতামগুলি কোন ফিল না থাকার দ্বারা আলাদা করা হয়। এগুলি ঘড়ির মুখের ছোট এলাকার জন্য সবচেয়ে উপযুক্ত যেখানে একটি কম্প্যাক্ট ব্যবস্থা প্রয়োজন। বিষয়বস্তুর জন্য অন সারফেস রঙ ব্যবহার করুন।

মাপ

বিভিন্ন আকারের বোতামগুলিকে জোর দেওয়া বা ডি-জোর করার জন্য ব্যবহার করুন।

বড়

আইকন (30 x 30 dp)
ধারক (60 x 60 dp)

ডিফল্ট

আইকন (26 x 26 dp)
ধারক (52 x 52 dp)

ছোট

আইকন (24 x 24 dp)
ধারক (48 x 48 dp)

অতিরিক্ত ছোট

আইকন (24 x 24 dp)
ধারক (32 x 32 dp)

কমপক্ষে 48 ডিপির ট্যাপ টার্গেট তৈরি করতে এই বোতামের চারপাশে অতিরিক্ত প্যাডিং যুক্ত করার পরামর্শ দেওয়া হচ্ছে। অ্যাক্সেসযোগ্যতার জন্য এটি আমাদের ন্যূনতম ট্যাপ লক্ষ্য আকার।

ব্যবহার

একটি কল গ্রহণ বা প্রত্যাখ্যান বা টাইমার শুরু করার মতো একটি একক পদক্ষেপ নিতে ব্যবহারকারীকে সক্ষম করতে স্ট্যান্ডার্ড বোতামগুলি ব্যবহার করুন৷

ব্যবহারকারীকে একটি বিকল্প চালু বা বন্ধ করার অনুমতি দিতে টগল বোতামগুলি ব্যবহার করুন, যেমন সপ্তাহের দিনগুলি নির্বাচন এবং অনির্বাচন করা বা একটি টাইমার বিরতি এবং পুনরায় চালু করা।

অভিযোজিত বিন্যাস

প্রতিক্রিয়াশীল আচরণ

1 বোতাম

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

2 বোতাম

যখন 2টি বোতাম থাকে, তখন শতাংশের অভ্যন্তরীণ মার্জিন যোগ করা হয় যাতে বোতামগুলিকে খুব বেশি প্রসারিত করা বন্ধ করা যায় এবং একটি আপেক্ষিক আকার রাখা হয়।

আইএমই

1 বা 2 বোতাম

2 বা একটি একক বোতাম লকআপ সহ IME গুলি সর্বদা স্ক্রীনের আকার নির্বিশেষে পাশের মার্জিনে প্রসারিত করে।

3 বোতাম

225 dp-এর চেয়ে ছোট স্ক্রিনে, বোতামগুলি বৃত্তাকার থাকে এবং প্রসারিত হয় না। বড় স্ক্রিনে, 225 dp বা বড়, বোতামগুলি পার্শ্ব মার্জিনে প্রসারিত হয়।