আইকন মার্কার

আইকন মার্কার হল স্পেশাল অ্যানোটেশন সিস্টেমের অংশ। বাস্তব জগতের অবজেক্ট অ্যানোটেট করতে আইকন মার্কার ব্যবহার করুন।

UI এলিমেন্ট সহ এবং ছাড়া আইকন মার্কারের ওভারভিউ

নীতি

প্রাসঙ্গিক: আইকন মার্কার বাস্তব জগতের অবজেক্ট বা পয়েন্টে লক করা থাকে।

সংক্ষিপ্ত: আইকন মার্কার হল স্পেশিয়াল অ্যাঙ্করের সংক্ষিপ্ত ভিজ্যুয়াল ইন্ডিকেটর।

ব্যবহার ও প্লেসমেন্ট

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

বাস্তব জগতের অবজেক্ট অ্যানোটেট করতে আইকন মার্কার ব্যবহার করুন।
আইকন বোতাম আরও উপযুক্ত হলে, আলঙ্কারিক এলিমেন্ট বা অবাস্তব অবজেক্ট অ্যানোটেশনের জন্য আইকন মার্কার ব্যবহার করুন।

ব্যবহারকারীর আশেপাশের পরিবেশ সম্পর্কে আরও স্পষ্টতা বা ইনসাইট পেতে, অন্য যেকোনও Jetpack Compose Glimmer কম্পোনেন্টকে মার্কারের সাথে পেয়ার করা যেতে পারে।

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

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

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

রাজ্য

আইকন মার্কারটি আইকন বোতামের মতোই। প্রধান পার্থক্য হল, বন্ধ থাকার পরিবর্তে, এটি ইন্টার‍্যাক্টিভ নয় এমন অবস্থায় থাকে।

আইকন মার্কারের ইন্টার‍্যাক্টিভ ও নন-ইন্টার‍্যাক্টিভ
ভেরিয়েন্ট আছে আকর্ষণীয় জায়গা চিহ্নিত করার মতো নন-ইন্টার‍্যাক্টিভ স্টেট সহ বাস্তব জগৎ অ্যানোটেট করুন।

আরও তথ্য উপলভ্য থাকলে, আপনি ইন্টার‍্যাক্টিভ স্টেট ব্যবহার করতে পারেন যেখানে বোতামের সুবিধা আছে। ব্যবহারকারী আইকন মার্কারে ট্যাপ করলে, আরও তথ্য সহ একটি Glimmer কার্ড দেখানো হয়।

অঙ্গব্যবচ্ছেদ - বিদ্যা

আইকন মার্কার নিজেই একটি ছোট আইকন বোতাম UI এলিমেন্ট, যার প্যাডিং একটি নির্দিষ্ট UI অ্যালাইনমেন্ট এবং ওরিয়েন্টেশনের অনুমতি দেয়। আইকন মার্কার আইকনের পরিবর্তে বড় বা ছোট ডটও ব্যবহার করতে পারে। ইন্টার‍্যাক্টিভ স্টেটে বোতামের স্টেট বোঝানোর জন্য ভিজ্যুয়াল অ্যাফর্ডেন্স অন্তর্ভুক্ত থাকে।

আইকন মার্কারের ইন্টার‍্যাক্টিভ ও নন-ইন্টার‍্যাক্টিভ স্টেট থাকে, এর সাথে ফোকাসড, প্রেসড ও চালু করা স্টেটও থাকে

প্যাডিং

অনুভূমিক এবং উল্লম্বভাবে অবস্থান করা UI-তে একটি মাঝারি প্যাডিং থাকে, যখন তির্যকভাবে পেয়ার করা এলিমেন্টে ০ ডিপি ডিফল্ট প্যাডিং থাকে।

অনুভূমিক ও উল্লম্ব এলিমেন্টের জন্য ডিফল্ট ১২ ডিপি প্যাডিং

পংক্তিবিন্যাস

UI এলিমেন্ট অনুভূমিক, উল্লম্ব বা কোণাকুণি পয়েন্টে পজিশন করা যেতে পারে।

Glimmer UI এলিমেন্ট উপরে মাঝখানে এবং উপরে ডানদিকে সারিবদ্ধ করা হয়েছে

সজ্জা

কন্টেন্ট ব্যবহারকারীর দিকে বিলবোর্ড করা উচিত, পাশাপাশি কন্টেন্টকে সংগঠিত করার জন্য মাধ্যাকর্ষণকে সম্মান করা উচিত।

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

ভিজ্যুয়াল অ্যাফর্ডেন্স সামঞ্জস্যপূর্ণ রাখতে, আইকন মার্কার কাস্টমাইজ করা এড়িয়ে চলুন। তবে, আপনি অ্যাটাচ করা UI এলিমেন্টের ওরিয়েন্টেশন ও অ্যালাইনমেন্ট কাস্টমাইজ করতে পারবেন।

প্রপার্টি কাস্টমাইজেশন ডিফল্ট
আইকন হ্যাঁ বড় ডট, ছোট ডট, আইকন
প্যাডিং না উপরের মাঝখানে, মাঝখানের ডানদিকে, নিচের মাঝখানে, মাঝখানের বাঁদিকে = মাঝারি উপরের বাঁদিকে, উপরের ডানদিকে, নিচের ডানদিকে, নিচের বাঁদিকে = ০ ডিপি
পংক্তিবিন্যাস হ্যাঁ TopLeft, TopCenter, TopRight, CenterLeft, CenterRight, BottomLeft, BottomCenter, BottomRight
সজ্জা হ্যাঁ RotateToLookAtUser: রোটেশনের অ্যাঙ্গেল যাই হোক না কেন, ডট বিলবোর্ড ব্যবহারকারীর দিকে মুখ করে থাকে।