Jetpack Compose Glimmer-এ ফোকাস করুন

প্রযোজ্য XR ডিভাইস
এই নির্দেশিকা আপনাকে এই ধরনের XR ডিভাইসের জন্য অভিজ্ঞতা তৈরি করতে সাহায্য করে।
ডিসপ্লে গ্লাস

সব Jetpack Compose Glimmer কম্পোনেন্ট স্ট্যান্ডার্ড ইনপুট পদ্ধতির সাথে কাজ করার জন্য ডিজাইন করা হয়েছে, যেমন চশমার টাচপ্যাডে ট্যাপ বা সোয়াইপ করা, একই সাথে ডিসপ্লে গ্লাসের হার্ডওয়্যারের জন্য নির্দিষ্ট লোয়ার-লেভেল ইনপুট কমান্ডের ক্ষেত্রেও এটি কাজ করে। Jetpack Compose Glimmer কম্পোনেন্ট অটোমেটিক প্রয়োজনীয় ইনপুট ইভেন্ট ম্যানেজ করে।

স্ক্রল ও ড্র্যাগের মতো স্ট্যান্ডার্ড অ্যাকশনের জন্য, Jetpack Compose Glimmer কম্পোনেন্ট ব্যবহার করুন যাতে একই ধরনের অভিজ্ঞতা প্রদান করা যায়। তবে, কাস্টম কম্পোনেন্ট বা বেস্পোক ইন্টার‍্যাকশন আচরণের জন্য, আপনি আগে থেকে থাকা Compose API ব্যবহার করতে পারেন, যেমন Modifier.draggable বা Modifier.scrollable।

পয়েন্টার ইনপুট ও ফোকাস

ডিসপ্লে গ্লাসে, পয়েন্টার ইনপুট ফোকাসকে প্রভাবিত করতে পারে:

  • ট্যাপ করুন: এলিমেন্ট অ্যাক্টিভেট করার জন্য সরাসরি ইন্টার‍্যাক্ট করুন। ব্যবহারকারী কোনও এলিমেন্টের সাথে ইন্টার‍্যাক্ট করলে, ফোকাস সেই এলিমেন্টে চলে যায়।
  • সোয়াইপ: নেভিগেট ও স্ক্রল করার জন্য ব্যবহার করা হয়। হ্যান্ডেল না করা সোয়াইপ জেসচার অটোমেটিক ফোকাস মুভমেন্টে অনুবাদ করে, যা সরাসরি পয়েন্টার ইনপুট ছাড়াই নির্বিঘ্ন UI নেভিগেশন চালু করে।

ব্যবহারকারী আপনার অ্যাপ নেভিগেট করার সময় ফোকাস মুভমেন্ট ও অর্ডার পরিবর্তন।

ফোকাস মুভমেন্ট

স্ক্রল করা যায় এমন কন্টেনারে, টাচপ্যাডে সোয়াইপ করার মাধ্যমে ফোকাস ক্রমাগত পরিবর্তিত হয়। বোতামের সারির মতো বিচ্ছিন্ন এলিমেন্টের জন্য, প্রতিটি সোয়াইপ একবারে একটি এলিমেন্টে ফোকাস সরায়।

ফোকাস অর্ডার

Jetpack Compose-এর মতোই, Jetpack Compose Glimmer এক-মাত্রিক ফোকাস সার্চ ব্যবহার করে। ফোকাস ট্রাভার্সালের ক্রম সম্পর্কে আরও জানতে, ফোকাস ট্রাভার্সালের ক্রম পরিবর্তন করুন দেখুন।

প্রাথমিক ফোকাস করা আইটেম পরিবর্তন করতে, আপনি টপ-লেভেল Modifier.focusGroup() যোগ করতে এবং কাস্টম onEnter focusProperty নির্দিষ্ট করতে পারবেন:

Modifier.focusProperties {
    onEnter = {
        initialFocus.requestFocus()
        // Prevent focus from exiting the group
        cancelFocusChange()
    }
}
.focusGroup()

স্ক্রল করার কন্টেনার

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

ডিফল্ট ফোকাসড মোড

Jetpack Compose Glimmer, সারফেস, কার্ড এবং তালিকার আইটেম সহ এর ইন্টার‍্যাক্ট করা যায় এমন কম্পোনেন্ট জুড়ে ডিফল্ট ফোকাস স্টেট প্রয়োগ করে, ব্যবহারকারীর ইন্টার‍্যাকশনের সময় সামঞ্জস্যপূর্ণ এবং স্পষ্ট ভিজ্যুয়াল ফিডব্যাক প্রদান করে।

ছবি ১. Jetpack Compose Glimmer-এ তিনটি ফোকাস স্টেট, যেগুলি আউটলাইন-ভিত্তিক ভিজ্যুয়াল ফিডব্যাক ব্যবহার করে আলাদা করা হয়।
  • ডিফল্ট: বোতামের ব্যাকগ্রাউন্ড কালার GlimmerTheme.colors.surface থেকে নেওয়া হয়, এর মূল কন্টেন্ট সেই সারফেসের কন্টেন্ট কালার হিসাব করে।

  • ফোকাস করা: ফোকাস বোঝাতে বর্ডারের প্রস্থ বাড়ানো হয়েছে।

  • ফোকাস করা + প্রেস করা: ব্যাকগ্রাউন্ডটি GlimmerTheme.colors.surface-এ সেট করা হয়েছে, যার অপাসিটি বাড়ানো হয়েছে যাতে এটি বেছে নেওয়া স্ট্যাটাসকে বোঝাতে পারে।