কম্পোজে ভিউ ব্যবহার করা

আপনি একটি Compose UI-তে একটি Android View অনুক্রম অন্তর্ভুক্ত করতে পারেন। এই পদ্ধতিটি বিশেষভাবে কার্যকর যদি আপনি UI উপাদানগুলি ব্যবহার করতে চান যা এখনও Compose-এ উপলব্ধ নয়, যেমন AdView । এই পদ্ধতিটি আপনাকে আপনার ডিজাইন করা কাস্টম ভিউগুলি পুনরায় ব্যবহার করতে দেয়।

একটি ভিউ এলিমেন্ট বা হায়ারার্কি অন্তর্ভুক্ত করতে, AndroidView কম্পোজেবল ব্যবহার করুন। AndroidView একটি ল্যাম্বডা পাস করে যা একটি View প্রদান করে। AndroidView একটি update কলব্যাকও প্রদান করে যা ভিউ ফুলে গেলে কল করা হয়। কলব্যাকের মধ্যে থাকা কোনও State রিড পরিবর্তন হলে AndroidView পুনরায় কম্পোজ করে। AndroidView , অন্যান্য অনেক বিল্ট-ইন কম্পোজেবলের মতো, একটি Modifier প্যারামিটার নেয় যা ব্যবহার করা যেতে পারে, উদাহরণস্বরূপ, প্যারেন্ট কম্পোজেবলে এর অবস্থান সেট করতে।

@Composable
fun CustomView() {
    var selectedItem by remember { mutableIntStateOf(0) }

    // Adds view to Compose
    AndroidView(
        modifier = Modifier.fillMaxSize(), // Occupy the max size in the Compose UI tree
        factory = { context ->
            // Creates view
            MyView(context).apply {
                // Sets up listeners for View -> Compose communication
                setOnClickListener {
                    selectedItem = 1
                }
            }
        },
        update = { view ->
            // View's been inflated or state read in this block has been updated
            // Add logic here if necessary

            // As selectedItem is read here, AndroidView will recompose
            // whenever the state changes
            // Example of Compose -> View communication
            view.selectedItem = selectedItem
        }
    )
}

@Composable
fun ContentExample() {
    Column(Modifier.fillMaxSize()) {
        Text("Look at this CustomView!")
        CustomView()
    }
}
InteroperabilityAPIsSnippets.kt

দ্রষ্টব্য: AndroidView এর বাইরে View রেফারেন্স remember রাখার পরিবর্তে AndroidView factory lambda তে একটি View তৈরি করতে পছন্দ করুন।

ভিউ বাইন্ডিং সহ AndroidView

XML লেআউট এম্বেড করার জন্য, AndroidViewBinding API ব্যবহার করুন, যা androidx.compose.ui:ui-viewbinding লাইব্রেরি দ্বারা সরবরাহ করা হয়। এটি করার জন্য, আপনার প্রকল্পকে view binding সক্ষম করতে হবে।

@Composable
fun AndroidViewBindingExample() {
    AndroidViewBinding(ExampleLayoutBinding::inflate) {
        exampleView.setBackgroundColor(Color.GRAY)
    }
}
InteroperabilityAPIsSnippets.kt

অলস তালিকায় AndroidView

যদি আপনি একটি Lazy তালিকাতে ( LazyColumn , LazyRow , Pager , ইত্যাদি) AndroidView ব্যবহার করেন, তাহলে 1.4.0-rc01 সংস্করণে প্রবর্তিত AndroidView ওভারলোড ব্যবহার করার কথা বিবেচনা করুন। এই ওভারলোডটি Compose কে অন্তর্নিহিত View ইনস্ট্যান্সটি পুনঃব্যবহার করার অনুমতি দেয় যখন ধারণকারী রচনাটি পুনঃব্যবহার করা হয়, যেমনটি Lazy তালিকার ক্ষেত্রে হয়।

AndroidView এই ওভারলোড 2টি অতিরিক্ত প্যারামিটার যোগ করে:

• onReset - View পুনঃব্যবহারের ইঙ্গিত দেওয়ার জন্য একটি কলব্যাক আহ্বান করা হয়। ভিউ পুনঃব্যবহার সক্ষম করতে এটি অবশ্যই অ-নাল হতে হবে।
• onRelease (ঐচ্ছিক) - একটি কলব্যাক আহ্বান করা হয় যা ইঙ্গিত দেয় যে View কম্পোজিশন থেকে বেরিয়ে গেছে এবং আবার ব্যবহার করা হবে না।

@Composable
fun AndroidViewInLazyList() {
    LazyColumn {
        items(100) { index ->
            AndroidView(
                modifier = Modifier.fillMaxSize(), // Occupy the max size in the Compose UI tree
                factory = { context ->
                    MyView(context)
                },
                update = { view ->
                    view.selectedItem = index
                },
                onReset = { view ->
                    view.clear()
                }
            )
        }
    }
}
InteroperabilityAPIsSnippets.kt

কম্পোজে টুকরো

কম্পোজে একটি Fragment যোগ করতে AndroidFragment কম্পোজেবল ব্যবহার করুন। AndroidFragment ফ্র্যাগমেন্ট-নির্দিষ্ট হ্যান্ডলিং আছে যেমন কম্পোজেবল কম্পোজিশন থেকে বেরিয়ে গেলে ফ্র্যাগমেন্টটি সরিয়ে ফেলা।

একটি ফ্র্যাগমেন্ট অন্তর্ভুক্ত করতে, AndroidFragment কম্পোজেবল ব্যবহার করুন। আপনি একটি Fragment ক্লাস AndroidFragment এ পাস করেন, যা তারপর সেই ক্লাসের একটি উদাহরণ সরাসরি কম্পোজিশনে যোগ করে। AndroidFragment একটি fragmentState অবজেক্টও প্রদান করে যা একটি নির্দিষ্ট অবস্থা সহ AndroidFragment তৈরি করে, নতুন ফ্র্যাগমেন্টে পাস করার জন্য arguments এবং একটি onUpdate কলব্যাক যা কম্পোজিশন থেকে ফ্র্যাগমেন্ট সরবরাহ করে। অন্যান্য অনেক বিল্ট-ইন কম্পোজেবলের মতো, AndroidFragment একটি Modifier প্যারামিটার গ্রহণ করে যা আপনি ব্যবহার করতে পারেন, উদাহরণস্বরূপ, প্যারেন্ট কম্পোজেবলে এর অবস্থান সেট করতে।

Compose-এ AndroidFragment কল করুন নিম্নরূপ:

@Composable
fun FragmentInComposeExample() {
    AndroidFragment<MyFragment>()
}
InteroperabilityAPIsSnippets.kt

কম্পোজ থেকে অ্যান্ড্রয়েড ফ্রেমওয়ার্ক কল করা হচ্ছে

কম্পোজ অ্যান্ড্রয়েড ফ্রেমওয়ার্ক ক্লাসের মধ্যে কাজ করে। উদাহরণস্বরূপ, এটি Activity বা Fragment মতো অ্যান্ড্রয়েড ভিউ ক্লাসে হোস্ট করা হয় এবং Context , সিস্টেম রিসোর্স, Service , অথবা BroadcastReceiver মতো অ্যান্ড্রয়েড ফ্রেমওয়ার্ক ক্লাস ব্যবহার করতে পারে।

সিস্টেম রিসোর্স সম্পর্কে আরও জানতে, কম্পোজে রিসোর্স দেখুন।

রচনা স্থানীয়

CompositionLocal ক্লাসগুলি কম্পোজেবল ফাংশনের মাধ্যমে পরোক্ষভাবে ডেটা পাস করার অনুমতি দেয়। সাধারণত UI ট্রির একটি নির্দিষ্ট নোডে একটি মান প্রদান করা হয়। কম্পোজেবল ফাংশনে CompositionLocal কে প্যারামিটার হিসেবে ঘোষণা না করেই এর কম্পোজেবল ডিসেন্ডেন্টরা এই মানটি ব্যবহার করতে পারে।

CompositionLocal ব্যবহার করা হয় Compose-এ Android ফ্রেমওয়ার্ক টাইপের জন্য মান প্রচার করতে যেমন Context , Configuration অথবা View যেখানে Compose কোডটি সংশ্লিষ্ট LocalContext , LocalConfiguration , অথবা LocalView দিয়ে হোস্ট করা হয়। মনে রাখবেন যে IDE-তে স্বয়ংক্রিয়ভাবে সম্পূর্ণ হওয়ার সাথে সাথে আরও ভালো আবিষ্কারের জন্য CompositionLocal ক্লাসগুলিকে Local এর সাথে প্রিফিক্স করা হয়।

একটি CompositionLocal এর বর্তমান মান তার current সম্পত্তি ব্যবহার করে অ্যাক্সেস করুন। উদাহরণস্বরূপ, নীচের কোডটি Toast.makeToast পদ্ধতিতে LocalContext.current প্রদান করে একটি টোস্ট বার্তা দেখায়।

@Composable
fun ToastGreetingButton(greeting: String) {
    val context = LocalContext.current
    Button(onClick = {
        Toast.makeText(context, greeting, Toast.LENGTH_SHORT).show()
    }) {
        Text("Greet")
    }
}
InteroperabilityAPIsSnippets.kt

আরও সম্পূর্ণ উদাহরণের জন্য, এই নথির শেষে কেস স্টাডি: ব্রডকাস্ট রিসিভার বিভাগটি দেখুন।

অন্যান্য মিথস্ক্রিয়া

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

class OtherInteractionsActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        // get data from savedInstanceState
        setContent {
            MaterialTheme {
                ExampleComposable(data, onButtonClick = {
                    startActivity(Intent(this, MyActivity::class.java))
                })
            }
        }
    }
}

@Composable
fun ExampleComposable(data: DataExample, onButtonClick: () -> Unit) {
    Button(onClick = onButtonClick) {
        Text(data.title)
    }
}
InteroperabilityAPIsSnippets.kt

কেস স্টাডি: ব্রডকাস্ট রিসিভার

Compose-এ আপনি যে বৈশিষ্ট্যগুলি মাইগ্রেট বা বাস্তবায়ন করতে চাইতে পারেন তার আরও বাস্তবসম্মত উদাহরণের জন্য, এবং CompositionLocal এবং পার্শ্ব প্রতিক্রিয়াগুলি প্রদর্শন করতে, ধরা যাক একটি BroadcastReceiver একটি composable ফাংশন থেকে নিবন্ধিত হতে হবে।

সমাধানটি বর্তমান প্রেক্ষাপট ব্যবহার করার জন্য LocalContext ব্যবহার করে এবং UpdatedState এবং DisposableEffect পার্শ্বপ্রতিক্রিয়াগুলি rememberUpdatedState ।

@Composable
fun SystemBroadcastReceiver(
    systemAction: String,
    onSystemEvent: (intent: Intent?) -> Unit
) {
    // Grab the current context in this part of the UI tree
    val context = LocalContext.current

    // Safely use the latest onSystemEvent lambda passed to the function
    val currentOnSystemEvent by rememberUpdatedState(onSystemEvent)

    // If either context or systemAction changes, unregister and register again
    DisposableEffect(context, systemAction) {
        val intentFilter = IntentFilter(systemAction)
        val broadcast = object : BroadcastReceiver() {
            override fun onReceive(context: Context?, intent: Intent?) {
                currentOnSystemEvent(intent)
            }
        }

        context.registerReceiver(broadcast, intentFilter)

        // When the effect leaves the Composition, remove the callback
        onDispose {
            context.unregisterReceiver(broadcast)
        }
    }
}

@Composable
fun HomeScreen() {

    SystemBroadcastReceiver(Intent.ACTION_BATTERY_CHANGED) { batteryStatus ->
        val isCharging = /* Get from batteryStatus ... */ true
        /* Do something if the device is charging */
    }

    /* Rest of the HomeScreen */
}
InteroperabilityAPIsSnippets.kt

পরবর্তী পদক্ষেপ

এখন যেহেতু আপনি ভিউতে কম্পোজ ব্যবহার করার সময় এবং এর বিপরীতে ইন্টারঅপারেবিলিটি API গুলি জানেন, আরও জানতে অন্যান্য বিবেচনা পৃষ্ঠাটি ঘুরে দেখুন।

{% অক্ষরে অক্ষরে %} {% এন্ডভারব্যাটিম %}