Membuat Form Login di Android Studio
Membuat Form Login di Android Studio
Membuat form login di android studio tidak terlalu sulit, asalkan kita mau untuk membuatnya. Sebelumnya kita telah membahas tutorial tentang cara install android studio di windows . Jika kalian belum menginstalnya kalian bisa melihartnya di artikel cara install android studio di windows. Setelah kalian menginstallnya silahkan buka android studio kalian dan buatlah project baru. Caranya adalah dengan mengklik File > New > New Project ... dan beri nama prject dengan nama Login Form.
Membuat desain Form Login
Setelah kalian membuat project seperti diatas, selanjutnya silahkan buka file activity_man.xml dan masukkan koding seperti dibawah ini.
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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=".MainActivity">
<ImageView
android:id="@+id/logo"
android:layout_width="62dp"
android:layout_height="51dp"
android:layout_centerHorizontal="true"
android:layout_marginLeft="16dp"
android:layout_marginStart="16dp"
android:layout_marginTop="32dp"
android:src="@drawable/home"
android:text="Selamat Datang"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView"
android:layout_width="259dp"
android:layout_height="54dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:layout_marginTop="32dp"
android:text="Silahkan Login"
android:textAppearance="@style/TextAppearance.AppCompat.Display1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/user"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/logo"
android:layout_marginLeft="16dp"
android:layout_marginStart="16dp"
android:layout_marginTop="108dp"
android:text="Username :"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<EditText
android:id="@+id/inuser"
android:singleLine="true"
android:layout_width="359dp"
android:layout_height="wrap_content"
android:layout_below="@+id/user"
android:layout_marginTop="135dp"
android:hint="Username"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.52"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/pass"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/inuser"
android:layout_marginLeft="16dp"
android:layout_marginStart="16dp"
android:layout_marginTop="208dp"
android:hint="Password :"
android:inputType="textPassword"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
/>
<EditText
android:id="@+id/inpass"
android:singleLine="true"
android:layout_width="359dp"
android:layout_height="wrap_content"
android:layout_below="@+id/pass"
android:layout_marginTop="235dp"
android:hint="Password"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.52"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/btnlng"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/inpass"
android:layout_centerHorizontal="true"
android:hint="Login"
android:textColorHint="#000000"
android:onClick="pindah"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.699"
android:background="@drawable/drawable"/>
</android.support.constraint.ConstraintLayout>
Membuat Konfigurasi MainActivity.java
Setelah kalian memasukkan coding diatas selanjutnya silahkan buka file MainActivity.java dan masukkan coding seperti berikut ini.
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
private Button btnlng;
private EditText inuser, inpass;
//public String username, password;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
inuser = (EditText) findViewById(R.id.inuser);
inpass = (EditText) findViewById(R.id.inpass);
btnlng = (Button)findViewById(R.id.btnlng);
btnlng.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if (inuser.getText().toString().equals("erji") && inpass.getText().toString().equals("123")){
Toast.makeText(getApplicationContext(),"Anda Login Sebagai : "+ inuser.getText().toString() + " dan Password : "+inpass.getText().toString(),Toast.LENGTH_SHORT).show();
Intent i = new Intent(MainActivity.this, HasilLogin.class);
i.putExtra("username",inuser.getText().toString());
i.putExtra("password",inpass.getText().toString());
startActivity(i);
}
else {
Toast.makeText(getApplicationContext(),"Username dan Pssword tidak sesuai Anda gagal Login",Toast.LENGTH_SHORT).show();
}
}
});
}
}
Membuat Form Hasil_Login.xml
Setelah semua koding diatas kita masukkan, selanjutnya silahkan buat lagi Activity baru dengan nama HasilLogin, cara membuatnya adalah dengan mengklik kanan pada folder app > New > Activity > Empty Activity lalu isikan nama activitynya seperti diatas. Setelah itu masukkan code seperti dibawah ini untuk file xml nya.
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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=".HasilLogin">
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Username :"
android:layout_centerHorizontal="true"
android:layout_marginTop="106dp"
android:layout_marginLeft="30dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"/>
<TextView
android:id="@+id/txthasiluser"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="username"
android:layout_centerHorizontal="true"
android:layout_marginTop="106dp"
android:layout_marginLeft="130dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"/>
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Password :"
android:layout_centerHorizontal="true"
android:layout_marginTop="156dp"
android:layout_marginLeft="30dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"/>
<TextView
android:id="@+id/txthasilpass"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:layout_centerHorizontal="true"
android:layout_marginTop="156dp"
android:layout_marginLeft="130dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"/>
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Anda Login Sebagai"
android:textAppearance="@style/TextAppearance.AppCompat.Display1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/btnExit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Exit"
android:layout_centerHorizontal="true"
android:layout_marginTop="206dp"
android:layout_marginLeft="30dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:background="@drawable/drawable"/>
</android.support.constraint.ConstraintLayout>
Membuat kofigurasi di HasilLogin.java
Setelah kalian memasukkan coding diatas di file hasil_login.xml maka selanjtnya kita akan memasukkan coding untuk file java nya. Untuk code nya silahkan masukkan seperti dibawah ini.
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.widget.EditText;
import android.widget.Button;
import android.widget.TextView;
public class HasilLogin extends AppCompatActivity implements View.OnClickListener {
private TextView txtUsername,txtPassword;
private Button keluar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_hasil_login);
txtUsername = (TextView)findViewById(R.id.txthasiluser);
txtPassword = (TextView)findViewById(R.id.txthasilpass);
Intent i = getIntent();
String txthasiluser = i.getStringExtra("username");
String txthasilpass = i.getStringExtra("password");
txtUsername.setText(txthasiluser.toString());
txtPassword.setText(txthasilpass.toString());
keluar = (Button) findViewById(R.id.btnExit);
keluar.setOnClickListener(this);
}
public void onClick(View clicked) {
switch (clicked.getId()) {
case R.id.btnExit:
exit();
break;
}
}
public boolean onKeyDown(int keyCode, KeyEvent event) {
//jika tombol BACK ditekan
if(keyCode == KeyEvent.KEYCODE_BACK){
exit();
}
return super.onKeyDown(keyCode,event );
}
private void exit() {
AlertDialog.Builder builder = new AlertDialog.Builder(this)
.setMessage("Apakah Kamu Benar-Benar ingin keluar?")
.setNegativeButton("Tidak", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.dismiss();
}
})
.setPositiveButton("Ya", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.dismiss();
finish();
}
});
AlertDialog dialog = builder.create();
dialog.show();
}
}
Tadaaa!!! Proses pembuatan Form Login di Android Studio pun sudah selesai, selanjtnya adalah kita akan melakukan testing, untuk menjalankan nya kalian bisa menggunakan emulator atau pun melalui hp android kalian dengan menggunakan debugger. Setelah kalian menjalankannya maka aplikasi akan jalan dengan tamplan seperti dibawah ini.
Mantap mas, izin jadi referensi ya mas
ReplyDeleteoke silahkan mas. Silahkan di share ya :)
Delete