ফোকাস টার্গেট

ফোকাস টার্গেট হল একটি UI এলিমেন্ট যেখানে কীবোর্ড ফোকাস সরানো যেতে পারে। ব্যবহারকারীরা ট্যাব কী বা দিকনির্দেশক (তীরচিহ্ন) কী ব্যবহার করে কীবোর্ড ফোকাস সরাতে পারবেন:

• Tab বা Shift+Tab — এক-মাত্রিক উপস্থিতির ক্রমে ফোকাস সামনে বা পিছনে সরান।
• দিকনির্দেশক কী — ফোকাসকে দ্বিমাত্রিকভাবে সরান (উপরে, নিচে, বাঁদিকে এবং ডানদিকে)।

ইন্টার‍্যাক্টিভ UI এলিমেন্ট ডিফল্ট হিসেবে ফোকাস টার্গেট হয়

ইন্টার‍্যাক্টিভ কম্পোনেন্ট ডিফল্ট হিসেবে ফোকাস টার্গেট হয়। অন্যভাবে বলতে গেলে, ব্যবহারকারী কোনও UI এলিমেন্টে ট্যাপ বা ক্লিক করতে পারলে, সেটি হল ফোকাস টার্গেট।

যেমন, তিনটি কার্ড কম্পোনেন্ট বিবেচনা করুন। প্রথম ও তৃতীয় কার্ড ইন্টার‍্যাক্টিভ (সেগুলি onClick কলব্যাক নির্ধারণ করে) হলেও দ্বিতীয় কার্ডটি শুধুমাত্র তথ্যমূলক (ক্লিক হ্যান্ডলিং নেই) হলে, প্রথম কার্ডে Tab কী প্রেস করলে দ্বিতীয় কার্ডটি এড়িয়ে সরাসরি তৃতীয় কার্ডে চলে যায়।

Card(onClick = { /* First card action */ }) {
    Text("Card 1 (Interactive)")
}
Card {
    Text("Card 2 (Informational - not focusable)")
}
Card(onClick = { /* Third card action */ }) {
    Text("Card 3 (Interactive)")
}
FocusTarget.kt

আপনি onClick প্যারামিটার প্রদান করে দ্বিতীয় কার্ডটিকে ফোকাস টার্গেট করতে পারেন:

Card(onClick = { /* Second card action */ }) {
    Text("Card 2 (Now interactive and focusable)")
}
FocusTarget.kt

clickable মডিফায়ার কাস্টম বা স্ট্যান্ডার্ড UI এলিমেন্টকে ফোকাস টার্গেটে পরিবর্তন করে। বিস্তারিত জানতে ট্যাপ ও প্রেস করুন বিকল্প দেখুন।

সতর্কতা: একই সাথে focusable মডিফায়ার এবং clickable মডিফায়ার ব্যবহার করবেন না। এটি ভুল আচরণ করে কারণ এটি দুটি স্বাধীন ফোকাস টার্গেট তৈরি করে।

Box(
    modifier = Modifier
        .clickable { /* Handle click */ }
) {
    Text("Custom interactive element")
}
FocusTarget.kt

কম্পোজেবলকে ক্লিক করা যায় না এমন ফোকাস টার্গেট হিসেবে সেট করা

focusable মডিফায়ার ক্লিক সিম্যান্টিক্সের প্রয়োজন ছাড়াই কম্পোজেবলকে ফোকাস টার্গেট করে তোলে। ব্যবহারকারীরা কীবোর্ড ফোকাসকে পরিবর্তিত কম্পোজেবলে সরাতে পারেন (যেমন, অ্যাক্সেসিবিলিটি টুলের সাহায্যে কন্টেন্ট পরীক্ষা করতে বা ভিউপোর্ট স্ক্রল করতে), কিন্তু Enter বা Space কী প্রেস করলে ক্লিক অ্যাকশন ট্রিগার হয় না:

Box(
    modifier = Modifier
        .focusable()
) {
    Text("Non-clickable focus target")
}
FocusTarget.kt

কম্পোজেবলকে আনফোকাসেবল করুন

কিছু ক্ষেত্রে, আপনি হয়ত পয়েন্টার বা ক্লিক ইভেন্ট বন্ধ না করেই কীবোর্ড নেভিগেশন থেকে ইন্টারঅ্যাক্টিভ এলিমেন্ট বাদ দিতে চাইবেন। আপনি focusProperties মডিফায়ারের মধ্যে canFocus = false সেট করে কোনও কম্পোনেন্টকে ফোকাস পাওয়া থেকে আটকাতে পারেন:

var checked by remember { mutableStateOf(false) }

Switch(
    checked = checked,
    onCheckedChange = { checked = it },
    // Prevent component from being focused
    modifier = Modifier
        .focusProperties { canFocus = false }
)
FocusSnippets.kt