বোতাম

একটি বোতাম একটি ক্রিয়াকে যোগাযোগ করে যা ঘটবে যখন একজন ব্যবহারকারী এটি স্পর্শ করে।

বোতামগুলি হল স্ট্যান্ডার্ড অ্যান্ড্রয়েড ওপেন সোর্স প্রজেক্ট (AOSP) উপাদান। এগুলি হয় একটি কঠিন পটভূমির রঙ দিয়ে পূর্ণ হতে পারে, বা অপূর্ণ (স্বচ্ছ পটভূমি সহ)। ভরা বোতাম একটি প্রাথমিক বা পছন্দের ক্রিয়া নির্দেশ করে। বোতামগুলি স্বাধীনভাবে বা গোষ্ঠীতে উপস্থিত হতে পারে - ট্যাবগুলির বিপরীতে, যা সর্বদা গোষ্ঠীতে উপস্থিত হয়৷

অ্যানাটমি

বোতাম অ্যানাটমি
1. অপূর্ণ বোতাম ধারক
2. ভরা বোতাম ধারক, প্রাথমিক বা পছন্দের ক্রিয়া নির্দেশ করে
3. বোতাম লেবেল

চশমা

বোতাম ন্যূনতম এবং সর্বোচ্চ দৈর্ঘ্য

সর্বাধিক বোতাম লেবেল দৈর্ঘ্য 20 অক্ষর। ন্যূনতম বোতামের প্রস্থ হল 156dp।
সর্বাধিক বোতাম লেবেল দৈর্ঘ্য 20 অক্ষর। ন্যূনতম বোতামের প্রস্থ হল 156dp।

আইকন বনাম ডিফল্ট বোতাম সহ বোতাম

বোতামে আইকন থাকতে পারে। অন্তর্ভুক্ত করা হলে, আইকনগুলি সাধারণত বোতাম পাঠ্যের বাম দিকে প্রদর্শিত হয়।
বোতামে আইকন থাকতে পারে। অন্তর্ভুক্ত করা হলে, আইকনগুলি সাধারণত বোতাম পাঠ্যের বাম দিকে প্রদর্শিত হয়।

বোতামগুলি অন্যান্য উপাদানগুলির উপাদান হিসাবে উপস্থিত হতে পারে, যেমন অ্যাপ বার বা ডায়ালগ ৷

অ্যাপ বারে বোতাম বসানো

অ্যাপ বারের ডানদিকে বোতামগুলো রাখা হয়েছে
অ্যাপ বারের ডানদিকে বোতামগুলো রাখা হয়েছে

ডায়ালগে বোতাম

ডায়ালগের বোতামগুলি সাধারণত একটি ডায়ালগের নীচে বাম দিকে অবস্থিত
ডায়ালগের বোতামগুলি সাধারণত একটি ডায়ালগের নীচে বাম দিকে অবস্থিত

হিরো বোতাম

একটি হিরো বোতামের গোলাকার প্রান্তগুলি এর গুরুত্বের উপর জোর দেয়
হিরো বোতামের গোলাকার প্রান্তগুলি এর গুরুত্বকে জোর দেয়

কাস্টমাইজেশন

OEMs একটি বোতামের চাক্ষুষ চেহারা পরিবর্তন করে তাদের ব্র্যান্ড প্রতিফলিত করতে পারে, যেমন:

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

কার UI লাইব্রেরি ইন্টিগ্রেশন গাইড উপাদান কাস্টমাইজ করার জন্য OEM নির্দেশিকা প্রদান করে।

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

উদাহরণ

অপূর্ণ এবং ভরা বোতাম
অপূর্ণ এবং ভরা বোতাম, যেখানে ভরা বোতাম প্রাথমিক ক্রিয়া নির্দেশ করে
অক্ষম ভরা বোতাম
এই ভরা বোতামের রঙ এবং অস্বচ্ছতা একটি অক্ষম অবস্থা নির্দেশ করে
অপূর্ণ বোতাম ডায়ালগ
একটি ডায়ালগে অপূর্ণ বোতামগুলি সমানভাবে ভারযুক্ত ক্রিয়াগুলি নির্দেশ করে৷
বোতাম লহর গতির সময়কাল
এই লহরী গতির সময়কাল 330ms হয়। এগুলি একটি বোতামের মাধ্যমে ব্যবহারকারীর যোগাযোগ নিশ্চিত করতে ব্যবহৃত হয়।
বোতাম রিপল অ্যানিমেশন
এই লহরী গতি প্রাথমিকভাবে বোতাম পৃষ্ঠের 60% ওভারলে করে। তারা ব্যবহারকারীর ট্যাপ থেকে দূরে প্রসারিত হয় এবং বোতামের প্রান্ত থেকে 10dp বন্ধ করে।