একটি স্ক্রোলযোগ্য গ্রিড তৈরি করুন

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

সংস্করণ সামঞ্জস্য

এই বাস্তবায়নের জন্য আপনার প্রজেক্ট minSDK এপিআই লেভেল 21 বা তার উপরে সেট করা প্রয়োজন।

নির্ভরতা

গ্রিড অভিযোজন সিদ্ধান্ত

LazyHorizontalGrid এবং LazyVerticalGrid composables একটি গ্রিডে আইটেম প্রদর্শনের জন্য সমর্থন প্রদান করে। একটি অলস উল্লম্ব গ্রিড তার আইটেমগুলিকে একটি উল্লম্বভাবে স্ক্রোলযোগ্য পাত্রে প্রদর্শন করে, একাধিক কলাম জুড়ে বিস্তৃত, যখন অলস অনুভূমিক গ্রিডগুলি অনুভূমিক অক্ষে একই আচরণ করে।

একটি স্ক্রোলযোগ্য গ্রিড তৈরি করুন

নিম্নলিখিত কোড তিনটি কলাম সহ একটি অনুভূমিক স্ক্রোলিং গ্রিড তৈরি করে:

@Composable
fun ScrollingGrid() {
    val itemsList = (0..15).toList()

    val itemModifier = Modifier
        .border(1.dp, Color.Blue)
        .width(80.dp)
        .wrapContentSize()

    LazyHorizontalGrid(
        rows = GridCells.Fixed(3),
        horizontalArrangement = Arrangement.spacedBy(16.dp),
        verticalArrangement = Arrangement.spacedBy(16.dp)
    ) {
        items(itemsList) {
            Text("Item is $it", itemModifier)
        }

        item {
            Text("Single item", itemModifier)
        }
    }
}

কোড সম্পর্কে মূল পয়েন্ট

  • LazyHorizontalGrid composable গ্রিডের অনুভূমিক অভিযোজন নির্ধারণ করে।
    • একটি উল্লম্ব গ্রিড তৈরি করতে, পরিবর্তে LazyVerticalGrid ব্যবহার করুন।
  • rows বৈশিষ্ট্য গ্রিড বিষয়বস্তু ব্যবস্থা কিভাবে নির্দিষ্ট করে.
    • একটি উল্লম্ব গ্রিডের জন্য, বিন্যাস নির্দিষ্ট করতে columns বৈশিষ্ট্য ব্যবহার করুন।
  • items(itemsList) LazyHorizontalGriditemsList যোগ করে। ল্যাম্বডা প্রতিটি আইটেমের জন্য একটি Text কম্পোজযোগ্য রেন্ডার করে এবং টেক্সটটিকে আইটেমের বিবরণে সেট করে।
  • item() LazyHorizontalGrid এ একটি একক আইটেম যোগ করে যখন lambda একটি একক Text items() এর অনুরূপভাবে কম্পোজযোগ্য রেন্ডার করে।
  • GridCells.Fixed সারি বা কলামের সংখ্যা নির্ধারণ করে।
  • যতটা সম্ভব সারি দিয়ে একটি গ্রিড তৈরি করতে, GridCells.Adaptive ব্যবহার করে সারির সংখ্যা সেট করুন। অ্যাডাপ্টিভ।

    নিম্নলিখিত কোডে, 20.dp মানটি নির্দিষ্ট করে যে প্রতিটি কলাম কমপক্ষে 20.dp, এবং সমস্ত কলামের প্রস্থ সমান। যদি স্ক্রিনটি 88.dp চওড়া হয়, প্রতিটি 22.dp-এ 4টি কলাম থাকে।

ফলাফল

চিত্র 1. LazyHorizontalGrid ব্যবহার করে একটি অনুভূমিক স্ক্রোলযোগ্য গ্রিড।

এই নির্দেশিকা ধারণকারী সংগ্রহ

এই নির্দেশিকাটি এই কিউরেট করা কুইক গাইড সংগ্রহের অংশ যা বৃহত্তর অ্যান্ড্রয়েড উন্নয়ন লক্ষ্যগুলি কভার করে:

তালিকা এবং গ্রিডগুলি আপনার অ্যাপটিকে একটি দৃশ্যত আনন্দদায়ক আকারে সংগ্রহগুলি প্রদর্শন করার অনুমতি দেয় যা ব্যবহারকারীদের জন্য ব্যবহার করা সহজ৷
মেটেরিয়াল ডিজাইন ডিজাইন সিস্টেমের উপর ভিত্তি করে কীভাবে কম্পোজেবল ফাংশনগুলি আপনাকে সহজেই সুন্দর UI উপাদান তৈরি করতে সক্ষম করে তা শিখুন।
এই সিরিজের ভিডিওগুলি বিভিন্ন কম্পোজ API-এর সাথে পরিচয় করিয়ে দেয়, যা আপনাকে দ্রুত দেখায় এবং কীভাবে সেগুলি ব্যবহার করতে হয়৷

প্রশ্ন বা প্রতিক্রিয়া আছে

আমাদের প্রায়শই জিজ্ঞাসিত প্রশ্ন পৃষ্ঠায় যান এবং দ্রুত গাইড সম্পর্কে জানুন বা যোগাযোগ করুন এবং আপনার চিন্তাভাবনা আমাদের জানান।