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

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

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

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

নির্ভরতা

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

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

@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 এর মান টগল করে।
  • textObfuscationMode অ্যাট্রিবিউট এবং showPassword অবস্থা দ্বারা ট্রেলিং আইকনের দৃশ্যমান/অদৃশ্যমান অবস্থা সংজ্ঞায়িত করে।

ফলাফল

চিত্র 1. পাসওয়ার্ড প্রদর্শন এবং লুকান আইকন টগল করা।

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

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

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

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

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