ব্যবহারকারীর টগলের উপর ভিত্তি করে পাসওয়ার্ড দেখান বা লুকান

নিরাপত্তা বাড়াতে এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে, আপনি ইউজার টগলের উপর ভিত্তি করে পাসওয়ার্ড লুকানো বা দেখানোর জন্য একটি আইকন তৈরি করতে পারেন।

ফলাফল

চিত্র ১. পাসওয়ার্ড আইকনটি দেখানো ও লুকানো।

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

এই বাস্তবায়নের জন্য আপনার প্রোজেক্টের minSDK অবশ্যই API লেভেল ২১ বা তার বেশি হতে হবে।

নির্ভরশীলতা

ব্যবহারকারীর টগলের উপর ভিত্তি করে পাসওয়ার্ড দেখানো বা লুকানো

ব্যবহারকারীর টগলের উপর ভিত্তি করে পাসওয়ার্ড দেখানো বা লুকানোর জন্য, তথ্য প্রবেশের জন্য একটি ইনপুট ফিল্ড তৈরি করুন এবং টগলের জন্য একটি ক্লিকযোগ্য আইকন ব্যবহার করুন:

@Composable
fun PasswordTextField() {
    val state = remember { TextFieldState() }
    var showPassword by remember { mutableStateOf(false) }
    BasicSecureTextField(
        state = state,
        textObfuscationMode =
        if (showPassword) {
            TextObfuscationMode.Visible
        } else {
            TextObfuscationMode.RevealLastTyped
        },
        modifier = Modifier
            .fillMaxWidth()
            .padding(6.dp)
            .border(1.dp, Color.LightGray, RoundedCornerShape(6.dp))
            .padding(6.dp),
        decorator = { innerTextField ->
            Box(modifier = Modifier.fillMaxWidth()) {
                Box(
                    modifier = Modifier
                        .align(Alignment.CenterStart)
                        .padding(start = 16.dp, end = 48.dp)
                ) {
                    innerTextField()
                }
                Icon(
                    if (showPassword) {
                        Icons.Filled.Visibility
                    } else {
                        Icons.Filled.VisibilityOff
                    },
                    contentDescription = "Toggle password visibility",
                    modifier = Modifier
                        .align(Alignment.CenterEnd)
                        .requiredSize(48.dp).padding(16.dp)
                        .clickable { showPassword = !showPassword }
                )
            }
        }
    )
}

কোড সম্পর্কে মূল বিষয়গুলো

  • showPassword এ পাসওয়ার্ডের দৃশ্যমানতার অবস্থা বজায় রাখে।
  • পাসওয়ার্ড লেখার জন্য একটি কম্পোজেবল BasicSecureTextField ব্যবহার করা হয়।
  • এর শেষে একটি ক্লিকযোগ্য আইকন রয়েছে, যা showPassword এর মান পরিবর্তন করে।
  • showPassword এর অবস্থার মাধ্যমে textObfuscationMode অ্যাট্রিবিউট এবং শেষের আইকনের দৃশ্যমান/অদৃশ্য অবস্থা নির্ধারণ করে।

যে সংগ্রহগুলিতে এই নির্দেশিকাটি রয়েছে

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

যেকোনো UI-এর একটি কেন্দ্রীয় অংশ হলো টেক্সট। আপনার অ্যাপে টেক্সট উপস্থাপনের বিভিন্ন উপায় জেনে নিন, যা ব্যবহারকারীকে একটি আনন্দদায়ক অভিজ্ঞতা দেবে।
টেক্সট লিখে এবং অন্যান্য ইনপুট পদ্ধতি ব্যবহার করে ব্যবহারকারীরা কীভাবে আপনার অ্যাপের সাথে ইন্টারঅ্যাক্ট করতে পারে, তা বাস্তবায়ন করার উপায়গুলো শিখুন।

কোনো প্রশ্ন বা মতামত থাকলে

আমাদের প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী পেজে গিয়ে সংক্ষিপ্ত নির্দেশিকাগুলো সম্পর্কে জানুন অথবা আমাদের সাথে যোগাযোগ করে আপনার মতামত জানান।