বিভাজক

ডিভাইডার হলো পাতলা রেখা যা তালিকা বা অন্যান্য কন্টেইনারের আইটেমগুলোকে আলাদা করে। আপনি HorizontalDivider এবং VerticalDivider কম্পোজেবল ব্যবহার করে আপনার অ্যাপে ডিভাইডার প্রয়োগ করতে পারেন।

  • HorizontalDivider : একটি কলামের আইটেমগুলোকে আলাদা করে।
  • VerticalDivider : একই সারির আইটেমগুলোকে আলাদা করে।

এপিআই পৃষ্ঠ

উভয় উপাদানই তাদের চেহারা পরিবর্তন করার জন্য প্যারামিটার প্রদান করে:

  • thickness : বিভাজক রেখার পুরুত্ব নির্দিষ্ট করতে এই প্যারামিটারটি ব্যবহার করুন।
  • color : বিভাজক রেখার রঙ নির্দিষ্ট করতে এই প্যারামিটারটি ব্যবহার করুন।

অনুভূমিক বিভাজকের উদাহরণ

নিম্নলিখিত উদাহরণটি HorizontalDivider কম্পোনেন্টের একটি বাস্তবায়ন প্রদর্শন করে। এটি লাইনের উচ্চতা নিয়ন্ত্রণ করতে thickness প্যারামিটারটি ব্যবহার করে:

@Composable
fun HorizontalDividerExample() {
    Column(
        verticalArrangement = Arrangement.spacedBy(8.dp),
    ) {
        Text("First item in list")
        HorizontalDivider(thickness = 2.dp)
        Text("Second item in list")
    }
}

এই বাস্তবায়নটি দুটি টেক্সট কম্পোনেন্টের মধ্যে একটি পাতলা অনুভূমিক রেখা রেন্ডার করে:

একটি অ্যান্ড্রয়েড অ্যাপের স্ক্রিনে 'তালিকার প্রথম আইটেম' এবং 'তালিকার দ্বিতীয় আইটেম'—এই দুটি লেখা একটি পাতলা অনুভূমিক রেখা দিয়ে আলাদা করে দেখানো হচ্ছে।
চিত্র ১. দুটি পাঠ্য উপাদানকে পৃথককারী একটি অনুভূমিক বিভাজক।

উল্লম্ব বিভাজকের উদাহরণ

নিম্নলিখিত উদাহরণটি VerticalDivider কম্পোনেন্টের একটি বাস্তবায়ন প্রদর্শন করে। এটি লাইনের জন্য একটি কাস্টম রঙ প্রদান করতে color প্যারামিটারটি ব্যবহার করে:

@Composable
fun VerticalDividerExample() {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .height(IntrinsicSize.Min),
        horizontalArrangement = Arrangement.SpaceEvenly
    ) {
        Text("First item in row")
        VerticalDivider(color = MaterialTheme.colorScheme.secondary)
        Text("Second item in row")
    }
}

এই বাস্তবায়নটি দুটি টেক্সট কম্পোনেন্টের মধ্যে একটি পাতলা উল্লম্ব রেখা রেন্ডার করে:

একটি অ্যান্ড্রয়েড অ্যাপের স্ক্রিনে 'সারিটির প্রথম আইটেম' এবং 'সারিটির দ্বিতীয় আইটেম'—এই দুটি লেখা একটি পাতলা উল্লম্ব রেখা দ্বারা বিভক্ত হয়ে প্রদর্শিত হচ্ছে।
চিত্র ২. দুটি পাঠ্য উপাদানকে পৃথককারী একটি উল্লম্ব বিভাজক।

অতিরিক্ত সম্পদ