Cara Menampilkan Password di Aplikasi Android

TUTORIAL CARA MEMBUAT APLIKASI ANDROID UNTUK MENAMPILKAN PASSWORD

Halo semuanya. Bagaimana kabar kalian hari ini? saya harap kalian baik-baik saja. Pada kesempatan kali ini, saya akan membagikan tutorial tentang cara menampilkan password yang tersembunyi di aplikasi android.

Password adalah sederet karakter yang membuat informasi penting untuk melakukan proses autentifikasi. Password sifatnya statis, artinya password tidak akan berubah sampai pengguna mengubahnya. Password sangatlah rahasia, jika orang lain mengetahuinya maka dia akan mendapatkan akses ke sebuah informasi.

Bahkan untuk penggunanya sendiri pun memiliki akses yang minim untuk melihat karakter apa yang di gunakan dalam password tersebut. Contohnya pada aplikasi-aplikasi yang terdapat pada OS Android. Biasanya setiap aplikasi android tidak menampilkan password pengguna secara umum dan hanya menampilkan karakter asterik (*). Jika pengguna ingin melihat karakter apa yang digunakan maka pengguna harus menekan tombol khusus.

- Advertisement -

Nah, pada tutorial ini kalian akan belajar bagaimana cara membuat aplikasi untuk menampilkan password yang tersembunyi di android.

Tutorial Cara Menampilkan Password di Aplilkasi Android

Buatlah projek android studio dengan informasi sebagai berikut:

Application Name:Password App
Company Name:androidrion.com
Package Name:com.androidrion.passwordapp
Language:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml layout yang digunakan dalam projek ini:

  1. activity_main.xml

Daftar file drawable yang digunakan dalam projek ini:

  1. ic_visibility_off.xml
  2. ic_visibility_on.xml

Berikut ini adalah langkah-langkah dalam pembuatan aplikasi Password App.

Dependencies File

Untuk membuat aplikasi yang bisa melihat password tersembunyi, maka kita harus menambahkan beberapa kode dependensi di projek kita. Berikut ini adalah kode dependensi yang ditambahkan pada projek aplikasi ini.

Gradle Scripts/build.gradle (Module: app)

implementation 'com.google.android.material:material:1.0.0'
implementation 'com.github.scottyab:showhidepasswordedittext:0.8'

Setelah kalian menambahkan kode tersebut, lakukan sinkronisasi pada projek android studio kalian.

Drawable File

Dalam projek ini, kita memerlukan ikon yang digunakan sebagai tanda bawah kita telah berhasil memperlihatkan password yang tersembunyi. Berikut adalah ikon yang digunakan dalam projek ini.

Untuk mendapatkan ikon diatas, kalian harus menggunakan Vector Asset Studio pada aplikasi Android Studio. Ikuti tutorial pada link di bawah ini untuk mendapatkan ikon tersebut.

CARA MENAMBAHKAN IKON KE PROJEK ANDROID STUDIO

XML Layout File

Setelah kalian menambahkan ikon ke dalam projek android studio kalian, sekarang saatnya kita akan mendesain aplikasi. Untuk mendapatkan karakter yang akan digunakan sebagai Password, maka kita menggunakan widget EditText. Pada tutorial ini saya menggunakan TextInputLayout yang digunakan oleh Google. Widget ini sangatlah bagus karena ini adalah material design yang dibuat oleh google. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

[sociallocker id=”1410″]

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp"
    tools:context=".MainActivity">

    <com.google.android.material.textfield.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.scottyab.showhidepasswordedittext.ShowHidePasswordEditText
            android:id="@+id/android_hide_show_edittext_password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Password"
            app:drawable_hide="@drawable/ic_visibility_off"
            app:drawable_show="@drawable/ic_visibility_on"
            app:tint_color="#D50000" />

    </com.google.android.material.textfield.TextInputLayout>

</LinearLayout>

[/sociallocker]

Run ‘app’

Ya, pada tutorial ini kita tidak memerlukan kode pada file java activity. Jadi kalian sudah bisa menjalankan projek kalian. Pada tampilan awal aplikasi, kalian akan diperlihatkan EditText atau TextInputLayout. Ketika kalian menulis kata atau karakter, maka apa yang kalian ketik di dalam widget tersebut akan berubah menjadi bintang-bintang atau asterik (*). Dan di sebelah kanan terlihat ikon mata. Jika kalian mengklik ikon mata tersebut, maka karakter asterik (*) berubah menjadi teks yang kalian ketik sebelumnya. Jika kalian menulis kode di atas dengan benar, maka aplikasi akan terlihat seperti pada gambar dibawah ini.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah cara membuat aplikasi android untuk memperlihatkan password yang tersembunyi. Tutorial di atas sangatlah mudah dikerjakan karena kode yang digunakan tidaklah banyak sampai-sampai file java activity pun tidak gunakan.

Jika kalian mengalami kendala dalam tutorial ini, silahkan berkomentar pada kolom komentar di bawah artikel ini yang telah di sediakan. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian semua. Terima Kasih.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.