Hay sobat, kali ini kita akan belajar cara membuat Login sederhana tanpa database di Android Studio.
Aplikasi android login
yang akan kita buat kali ini cukup sederhana karena tujuan utamanya
adalah membuat sobat mengerti dulu konsep dasarnya. Nanti pada
tutorial-tutorial berikutnya perlahan-lahan kita akan menyempurnakan
aplikasi ini menjadi semakin kompleks lagi.
Oke kira-kira aplikasi jadinya nanti akan seperti ini :
Baiklah pertama-tama buka dulu Android Studionya, selanjutnya pilih file-new-new project lalu beri nama pada projectnya dan pilih blank activity dan beri nama default saja yaitu MainActivity.
Selanjutnya buat tampilan layoutnya dulu.
1. activitymain.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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.trisaptoaji.loginproject.MainActivity"> <TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="LOGIN"
android:textStyle="bold"
android:textColor="@color/colorHitam"
android:textSize="30dp"
android:layout_centerHorizontal="true"
android:id="@+id/textView"
android:layout_marginTop="15dp"/> <ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="200dp"
android:layout_weight="1"
android:layout_centerHorizontal="true"
android:focusable="false"
app:srcCompat="@drawable/iak"
android:scaleType="centerCrop"
android:layout_below="@+id/textView"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_centerInParent="true" /> <EditText
android:id="@+id/editUser"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Input User Name"
android:layout_alignParentBottom="true"
android:padding="10dp"
android:layout_above="@+id/imageView"
android:layout_marginBottom="121dp" /> <EditText
android:id="@+id/editPass"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Input Password"
android:padding="10dp"
android:layout_alignTop="@+id/editUser"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_below="@+id/editUser"
android:inputType="textPassword"
android:layout_marginTop="49dp" /> <TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/editPass"
android:padding="10dp"
android:id="@+id/textView2"
android:text="Attemps Left"
android:textColor="#db0a15"/> <EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/textView2"
android:layout_toLeftOf="@+id/textView"
android:layout_toStartOf="@+id/textView"
android:id="@+id/txtTemp"/> <Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="LOGIN"
android:onClick="login"
android:id="@+id/btnLogin"
android:layout_alignParentBottom="true"
android:layout_toLeftOf="@+id/txtTemp"
android:layout_toStartOf="@+id/txtTemp" /> <Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="15dp"
android:text="RESET"
android:onClick="reset"
android:id="@+id/btnReset"
android:layout_alignParentBottom="true"
android:layout_toRightOf="@+id/textView"
android:layout_toEndOf="@+id/textView" />
</RelativeLayout>
2. activity_selamat_datang.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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.trisaptoaji.loginproject.SelamatDatang"> <Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="BACK TO LOGIN"
android:onClick="back"
android:id="@+id/btnBack"/> <ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/pelita"
android:layout_below="@+id/btnBack"/> <TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:textColor="#db0a15"
android:textSize="20dp"
android:text="SELAMAT DATANG DI PELITA BANGSA"/> </RelativeLayout>
Selanjutnya masuk di java
3. MainActivity.java
package com.trisaptoaji.loginproject; import android.content.Intent; 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.TextView; import android.widget.Toast; public class MainActivity extends AppCompatActivity { Button btnLogin; Button btnReset; EditText txtUser; EditText txtPass; TextView txtAttempt; int counter = 5; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); btnLogin = (Button) findViewById(R.id.btnLogin); btnReset = (Button) findViewById(R.id.btnReset); txtUser = (EditText) findViewById(R.id.editUser); txtPass = (EditText) findViewById(R.id.editPass); txtAttempt = (EditText) findViewById(R.id.txtTemp); btnReset.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { txtUser.setText(""); txtPass.setText(""); } }); btnLogin.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (txtUser.getText().toString().equals("admin") && txtPass.getText().toString().equals("password")){ Toast.makeText(getApplicationContext(),"Berhasil Login", Toast.LENGTH_LONG).show(); Intent i = new Intent(MainActivity.this, SelamatDatang.class); startActivity(i); } else { txtAttempt.setVisibility(View.VISIBLE); Toast.makeText(getApplicationContext(),"Gagal Login", Toast.LENGTH_LONG).show(); counter--; txtAttempt.setText(Integer.toString(counter)); if (counter==0){ btnLogin.setEnabled(false); } } } }); } }
4. Selamat Datang.java
package com.trisaptoaji.loginproject; import android.content.Intent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; public class SelamatDatang extends AppCompatActivity { Button back; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_selamat_datang); back = (Button) findViewById(R.id.btnBack); back.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { finish(); } }); } }
Selanjutnya kita run saja
User Name = "admin"
Password = "password" tanpa tanda "
sekian dulu postingan saya untuk kali ini, semoga bisa bermanfaat
Terima kasih
Komentar
Posting Komentar