Cara Membuat Show Hide Password Di Android

Sudah banyak kita temui disetiap aplikasi yang menggunakan sistem login, menggunakan fitur show password. Tutorial Android kali ini, saya akan share cara membuat show hide password di android. Untuk lebih jelasnya silahkan lihat video demo berikut :

Download Source Code

Langkah-langkah membuat show hide password di android

• Buat project terlebih dahulu di android studio atau eclipse

• Tambahkan code berikut pada strings.xml

<string name="txtPassword">Type Password</string> <string name="txtShow">Show Password</string>

• Selanjutnya edit file activity_main.xml menjadi seperti berikut :

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/edtPass" android:hint="@string/txtPassword" android:inputType="textPassword" android:layout_marginTop="15dp"/> <CheckBox android:id="@+id/chkShow" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/txtShow" android:layout_below="@id/edtPass"/> </RelativeLayout>

• Setelah itu edit file Main_Activity.xml menjadi seperti berikut :

package com.rhosy.tux.showhidepassword; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.text.method.HideReturnsTransformationMethod; import android.text.method.PasswordTransformationMethod; import android.view.Menu; import android.view.MenuItem; import android.widget.CheckBox; import android.widget.CompoundButton; import android.widget.EditText; import android.widget.Toast; public class MainActivity extends ActionBarActivity { EditText txtPass; CheckBox txtShow; private boolean backPressedToExitOnce = false; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); txtPass = (EditText) findViewById(R.id.edtPass); txtShow = (CheckBox) findViewById(R.id.chkShow); txtShow.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { if(!isChecked) { txtPass.setTransformationMethod(PasswordTransformationMethod.getInstance()); } else { txtPass.setTransformationMethod(HideReturnsTransformationMethod.getInstance()); } } }); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); return true; } @Override public void onBackPressed() { if(backPressedToExitOnce) { super.onBackPressed(); } else { this.backPressedToExitOnce = true; Toast.makeText(getApplicationContext(), "Tekan Back Satu Kali Lagi Untuk Keluar", Toast.LENGTH_SHORT).show(); } } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }

Terakhir silahkan jalankan aplikasinya. Mudah-mudahan berhasil.

Sekian Tutorial Android Cara Membuat Show Hide Password semoga bermanfaat.