Android में पासवर्ड को छुपाने और दिखाने के बीच कैसे स्विच करें

Android में पासवर्ड विजिबिलिटी टॉगल: छुपाएं/दिखाएं

ऐसे कई मामले हैं जहां पासवर्ड दर्ज करते समय या दर्ज करने के बाद पासवर्ड दिखाना आवश्यक होता है। यह उदाहरण दर्शाता है कि पासवर्ड को छुपाने और दिखाने के बीच कैसे स्विच करें।

चरण 1 - नया प्रोजेक्ट बनाएं

Android Studio में एक नया प्रोजेक्ट बनाएं: File → New Project पर जाएं और नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें।

चरण 2 - activity_main.xml लेआउट

res/layout/activity_main.xml में निम्न कोड जोड़ें:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:background="#dde4dd"
    android:orientation="vertical">
    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/layoutEmail"
        android:layout_marginTop="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        style="@style/Widget.MaterialComponents.TextInputLayout.FilledBox">
        <android.support.design.widget.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/email"
            android:hint="Enter Email id"
            android:inputType="textEmailAddress"/>
    </android.support.design.widget.TextInputLayout>
    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/layoutPassword"
        android:layout_marginTop="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        style="@style/Widget.MaterialComponents.TextInputLayout.FilledBox">
        <android.support.design.widget.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/password"
            android:hint="Password"
            android:inputType="textPassword"/>
    </android.support.design.widget.TextInputLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:gravity="center"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/passwordVisible"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Show"/>
        <Button
            android:id="@+id/click"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Click"/>
    </LinearLayout>
</LinearLayout>

उपरोक्त कोड में हमने दो TextInputEditText और एक बटन दिया है। यदि आप क्लिक बटन पर क्लिक करते हैं तो यह एडिट टेक्स्ट से डेटा लेगा और टोस्ट पर दिखाएगा। या यदि आप शो बटन पर क्लिक करते हैं, तो यह आवश्यकता के अनुसार पासवर्ड दिखाएगा और छुपाएगा।

चरण 3 - MainActivity.java

src/MainActivity.java में निम्न कोड जोड़ें:

package com.example.andy.myapplication;

import android.graphics.Point;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.method.PasswordTransformationMethod;
import android.view.TextureView;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    Button passwordVisible;
    EditText email, password;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        email = findViewById(R.id.email);
        password = findViewById(R.id.password);
        passwordVisible = findViewById(R.id.passwordVisible);

        passwordVisible.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (password.getText().toString().isEmpty()) {
                    password.setError("कृपया पासवर्ड दर्ज करें");
                } else {
                    if (passwordVisible.getText().toString().equals("Show")) {
                        passwordVisible.setText("Hide");
                        password.setTransformationMethod(null);
                    } else {
                        passwordVisible.setText("Show");
                        password.setTransformationMethod(new PasswordTransformationMethod());
                    }
                }
            }
        });

        Button click = findViewById(R.id.click);
        click.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (!email.getText().toString().isEmpty() && !password.getText().toString().isEmpty()) {
                    Toast.makeText(MainActivity.this, "आपने ईमेल आईडी दर्ज की: " + email.getText().toString() + " पासवर्ड: " + password.getText().toString(), Toast.LENGTH_LONG).show();
                } else {
                    email.setError("कृपया ईमेल आईडी दर्ज करें");
                    password.setError("कृपया पासवर्ड दर्ज करें");
                }
            }
        });
    }
}

पासवर्ड दिखाने और छुपाने के लिए हम PasswordTransformationMethod का उपयोग कर रहे हैं:

if (passwordVisible.getText().toString().equals("Show")) {
    passwordVisible.setText("Hide");
    password.setTransformationMethod(null);
} else {
    passwordVisible.setText("Show");
    password.setTransformationMethod(new PasswordTransformationMethod());
}

उपरोक्त परिभाषित करता है:

पासवर्ड दिखाएं: password.setTransformationMethod(null);
पासवर्ड छुपाएं: password.setTransformationMethod(new PasswordTransformationMethod());

चरण 4 - build.gradle निर्भरताएं

build.gradle खोलें और डिज़ाइन सपोर्ट लाइब्रेरी निर्भरता जोड़ें।

apply plugin: 'com.android.application'
android {
    compileSdkVersion 28
    defaultConfig {
        applicationId "com.example.andy.myapplication"
        minSdkVersion 15
        targetSdkVersion 28
        compileSdkVersion 28
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}
dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.android.support:design:28.0.0'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

आइए अपने एप्लिकेशन को चलाने का प्रयास करें। मान लें कि आपने अपने वास्तविक Android मोबाइल डिवाइस को कंप्यूटर से जोड़ा है। Android Studio से ऐप चलाने के लिए, अपनी प्रोजेक्ट की एक्टिविटी फ़ाइलों में से एक खोलें और टूलबार से Run आइकन पर क्लिक करें। विकल्प के रूप में अपना मोबाइल डिवाइस चुनें और फिर अपने मोबाइल डिवाइस की जांच करें जो आपकी डिफ़ॉल्ट स्क्रीन प्रदर्शित करेगा।

यह प्रारंभिक स्क्रीन है और पासवर्ड में इनपुट दर्ज करके शो बटन पर क्लिक करें। यह ऊपर दिखाए अनुसार त्रुटि दिखाएगा।

अब पासवर्ड एडिट टेक्स्ट में कुछ डेटा दर्ज करें और शो बटन पर क्लिक करें, यह नीचे दिखाए अनुसार आउटपुट दिखाएगा: