একটি কাস্টম পৃষ্ঠা সূচক যোগ করুন

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

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

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

নির্ভরতা

একটি কাস্টম পৃষ্ঠা নির্দেশক সহ একটি অনুভূমিক পেজার তৈরি করুন

নিম্নলিখিত কোডটি একটি অনুভূমিক পেজার তৈরি করে যার একটি পৃষ্ঠা নির্দেশক রয়েছে, ব্যবহারকারীকে কতগুলি পৃষ্ঠা রয়েছে এবং কোন পৃষ্ঠাটি দৃশ্যমান তার জন্য চাক্ষুষ সংকেত দেয়:

val pagerState = rememberPagerState(pageCount = {
    4
})
HorizontalPager(
    state = pagerState,
    modifier = Modifier.fillMaxSize()
) { page ->
    // Our page content
    Text(
        text = "Page: $page",
    )
}
Row(
    Modifier
        .wrapContentHeight()
        .fillMaxWidth()
        .align(Alignment.BottomCenter)
        .padding(bottom = 8.dp),
    horizontalArrangement = Arrangement.Center
) {
    repeat(pagerState.pageCount) { iteration ->
        val color = if (pagerState.currentPage == iteration) Color.DarkGray else Color.LightGray
        Box(
            modifier = Modifier
                .padding(2.dp)
                .clip(CircleShape)
                .background(color)
                .size(16.dp)
        )
    }
}

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

  • কোডটি একটি HorizontalPager প্রয়োগ করে, যা আপনাকে বিষয়বস্তুর বিভিন্ন পৃষ্ঠার মধ্যে অনুভূমিকভাবে সোয়াইপ করতে দেয়। এই ক্ষেত্রে, প্রতিটি পৃষ্ঠা পৃষ্ঠা নম্বর প্রদর্শন করে।
  • rememberPagerState() ফাংশন পেজারকে আরম্ভ করে এবং পৃষ্ঠার সংখ্যা 4 এ সেট করে। এই ফাংশনটি একটি স্টেট অবজেক্ট তৈরি করে যা বর্তমান পৃষ্ঠাটিকে ট্র্যাক করে এবং আপনাকে পেজার নিয়ন্ত্রণ করতে দেয়।
  • pagerState.currentPage বৈশিষ্ট্যটি কোন পৃষ্ঠা নির্দেশক হাইলাইট করা উচিত তা নির্ধারণ করতে ব্যবহৃত হয়।
  • পৃষ্ঠা নির্দেশক একটি Row বাস্তবায়ন দ্বারা আচ্ছাদিত একটি পেজারে প্রদর্শিত হয়।
  • পেজারে প্রতিটি পৃষ্ঠার জন্য একটি 16 ডিপি বৃত্ত আঁকা হয়। বর্তমান পৃষ্ঠার সূচকটি DarkGray হিসাবে প্রদর্শিত হয়, যখন বাকি সূচক বৃত্তগুলি LightGray
  • HorizontalPager মধ্যে Text প্রতিটি পৃষ্ঠায় "পৃষ্ঠা: [পৃষ্ঠা নম্বর]" পাঠ্য প্রদর্শন করে।

ফলাফল

চিত্র 1. পেজার বিষয়বস্তুর অধীনে একটি বৃত্ত নির্দেশক দেখাচ্ছে।

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

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

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

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

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