Pada Android, Anda dapat menggunakan " android.widget.EditText ", dengan
inputType="textPassword"
untuk membuat komponen password.
Dalam tutorial ini, kami tunjukkan cara menggunakan XML untuk membuat sandi, bidang label dan tombol. Ketika Anda klik pada tombol, nilai password akan ditampilkan sebagai pesan (message toast).
Contoh Membuat Project Android
1. Pada Android Studio, buatlah project baru.
=> Jika Anda tidak memiliki sebuah project, di layar Welcome klik New Project.
=> Jika Anda telah membuka project, dari menu File, pilih New Project.
=> Jika Anda telah membuka project, dari menu File, pilih New Project.
3. Pada Select the form factors your app will run on, centang untuk Phone and Tablet.
4. Pada Add an activity to Mobile, pilih Blank Activity dan klik Next.
Next ->5. Klik tombol Finish untuk membuat project.
6. Pilih View Anda sebagai Project, Buka file layout untuk kegiatan utama (activity_main.xml) terletak di bawah App ⇒ res ⇒ layout.
activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout 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:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="passwordfield.megadistudio.com.passwordfield.MainActivity"> <TextView android:text="@string/tk" android:textSize="50sp" android:textStyle="bold" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:id="@+id/textView" /> <ImageView android:layout_width="150dp" android:layout_height="150dp" app:srcCompat="@drawable/tk" android:layout_below="@+id/textView" android:layout_centerHorizontal="true" android:layout_marginTop="12dp" android:id="@+id/imageView" /> <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:inputType="textPassword" android:ems="10" android:layout_below="@+id/imageView" android:layout_toRightOf="@+id/textView2" android:layout_toEndOf="@+id/textView2" android:layout_marginLeft="15dp" android:layout_marginStart="15dp" android:layout_marginTop="54dp" android:id="@+id/editText" /> <TextView android:text="@string/txtPass" android:textStyle="bold" android:textSize="15sp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/textView2" android:layout_marginLeft="13dp" android:layout_marginStart="13dp" android:layout_alignBaseline="@+id/editText" android:layout_alignBottom="@+id/editText" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <Button android:text="Button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/editText" android:layout_centerHorizontal="true" android:layout_marginTop="25dp" android:id="@+id/button" /> </RelativeLayout>
7. Buka string.xml terletak di app ⇒ res ⇒ value dan copy kode di bawah ini.
string.xml
<resources> <string name="app_name">PasswordField</string> <string name="tk">Tahu Koding</string> <string name="txtPass">Enter your password</string> </resources>
8. Sekarang Buka MainActivity.java terletak di app ⇒ src ⇒ Java dan copy kode di bawah ini.
MainActivity.java
package passwordfield.megadistudio.com.passwordfield; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.Toast; public class MainActivity extends AppCompatActivity { private Button btn; private EditText pass; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); btn = (Button) findViewById(R.id.button); pass = (EditText) findViewById(R.id.editText); btn.setOnClickListener(new View.OnClickListener(){ @Override public void onClick(View v) { Toast.makeText(MainActivity.this, pass.getText(), Toast.LENGTH_LONG).show(); } }); } }
Untuk menjalankan aplikasi dari Android Studio , klik Run ikon dari toolbar.