Halaman Login Mudah di Android Studio menggunakan Java

 Halaman Login Mudah di Android Studio menggunakan Java

Buat warna 

Silakan temukan warna merek sebagai #8692f7 (Ungu)

Tambahkan warna pada file colours.xml seperti yang diberikan:

<color name="purple">#8692f7</color>

Unduh Gambar Latar Belakang Masuk

Unduh gambar latar belakang login secara gratis:

Download

Implementasi Langkah demi Langkah:

Step 1: Open Android Studio, Create New Project and Choose Empty Activity. Click Finish.

Step 2: Add Color under folder res ->values->colors.xml

Anda dapat menggunakan warna apa pun sesuai dengan kebutuhan aplikasi Anda, saya telah menggunakan warna merek kami #8692f7.

<color name="purple">#8692f7</color>

Step 3: Create custom_edittext.xml

Klik kanan pada folder drawable di bawah folder res lalu klik New -> Drawable Resource File

Sudut bundar berukuran 20dp, Anda dapat menyesuaikannya sesuai kebutuhan Anda.

Ketikkan kode di bawah ini:

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

android:shape="rectangle">

<stroke

android:width="3dp"

android:color="@color/purple"/>

<corners

android:radius="20dp"/>

</shape>

Step 4: Type the below code in activity_main.xml

Kami telah membuat desain minimal dan indah untuk halaman login di Android studio.

Kami telah menggunakan Tata Letak Linear di mana ada CardView dan kemudian dua EditText dan satu Tombol.

Untuk memberikan gaya, kami telah menambahkan latar belakang CardView sebagai custom_edittext.xml yang akan memberikan sudut bulat dengan warna ungu.

<?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"

xmlns:card_view="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:gravity="center"

android:background="@drawable/loginbkg"

tools:context=".MainActivity">

<androidx.cardview.widget.CardView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="30dp"

app:cardCornerRadius="30dp"

app:cardElevation="20dp"

android:background="@drawable/custom_edittext">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical"

android:layout_gravity="center_horizontal"

android:padding="24dp">

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Login"

android:id="@+id/loginText"

android:textSize="36sp"

android:textAlignment="center"

android:textStyle="bold"

android:textColor="@color/purple"/>

<EditText

android:layout_width="match_parent"

android:layout_height="50dp"

android:id="@+id/username"

android:background="@drawable/custom_edittext"

android:drawableLeft="@drawable/ic_baseline_person_24"

android:drawablePadding="8dp"

android:hint="Username"

android:padding="8dp"

android:textColor="@color/black"

android:textColorHighlight="@color/cardview_dark_background"

android:layout_marginTop="40dp"/>

<EditText

android:layout_width="match_parent"

android:layout_height="50dp"

android:id="@+id/password"

android:background="@drawable/custom_edittext"

android:drawableLeft="@drawable/ic_baseline_lock_24"

android:drawablePadding="8dp"

android:hint="Password"

android:padding="8dp"

android:inputType="textPassword"

android:textColor="@color/black"

android:textColorHighlight="@color/cardview_dark_background"

android:layout_marginTop="20dp"/>

<Button

android:layout_width="match_parent"

android:layout_height="60dp"

android:id="@+id/loginButton"

android:text="Login"

android:textSize="18sp"

android:layout_marginTop="30dp"

android:backgroundTint="@color/purple"

app:cornerRadius = "20dp"/>

</LinearLayout>

</androidx.cardview.widget.CardView>

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:padding="8dp"

android:text="Not yet registered? SignUp Now"

android:textSize="14sp"

android:textAlignment="center"

android:id="@+id/signupText"

android:textColor="@color/purple"

android:layout_marginBottom="20dp"/>

</LinearLayout>

Step 5: Type the below code in MainActivity.java

Ada tombol bernama loginButton yang telah kita atur onClickListenernya dan di dalamnya, kita telah menulis logika di bawah ini.

Kami telah menetapkan nama pengguna sebagai "pengguna" dan kata sandi sebagai "1234", jadi jika string cocok dengan string pengguna maka toast akan ditampilkan sebagai Login Berhasil tetapi jika string pengguna tidak cocok dengan string statis maka toast akan ditampilkan akan ditampilkan sebagai "Login Gagal!".

package com.example.loginscreen;

import androidx.appcompat.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 {

EditText username;

EditText password;

Button loginButton;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

username = findViewById(R.id.username);

password = findViewById(R.id.password);

loginButton = findViewById(R.id.loginButton);

loginButton.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

if (username.getText().toString().equals("user") && password.getText().toString().equals("1234")) {

Toast.makeText(MainActivity.this, "Login Successful!", Toast.LENGTH_SHORT).show();

} else {

Toast.makeText(MainActivity.this, "Login Failed!", Toast.LENGTH_SHORT).show();

}

}

});

}

}

Output