Login Page

Layout

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/light_blue"
    android:orientation="vertical"
    android:padding="16dp">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:fontFamily="@font/purista_medium"
        android:text="Welcome Back"
        android:textAlignment="center"
        android:textColor="@android:color/white"
        android:textSize="40sp" />

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="20dp"
        android:layout_marginTop="30dp"
        app:cardCornerRadius="20dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="20dp"
            android:orientation="vertical">

            <ImageView
                android:layout_width="200dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:src="@drawable/logo_digital_talent" />

            <android.support.design.widget.TextInputLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp">

                <android.support.design.widget.TextInputEditText
                    android:id="@+id/tedt_email"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:fontFamily="@font/purista_medium"
                    android:hint="Email"
                    android:inputType="textEmailAddress"
                    android:textSize="18sp" />

            </android.support.design.widget.TextInputLayout>

            <android.support.design.widget.TextInputLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="20dp">

                <android.support.design.widget.TextInputEditText
                    android:id="@+id/tedt_password"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:fontFamily="@font/purista_medium"
                    android:hint="Password"
                    android:inputType="textPassword"
                    android:textSize="18sp" />

            </android.support.design.widget.TextInputLayout>
        </LinearLayout>
    </android.support.v7.widget.CardView>

    <TextView
        android:id="@+id/tv_forgot_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="20dp"
        android:layout_marginTop="10dp"
        android:clickable="true"
        android:fontFamily="@font/purista_medium"
        android:text="Forgot Password?"
        android:textAlignment="textEnd"
        android:textColor="@drawable/text_color"
        android:textSize="18sp" />

    <Button
        android:id="@+id/btn_login"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="20dp"
        android:layout_marginTop="10dp"
        android:background="@drawable/button_blue"
        android:fontFamily="@font/purista_bold"
        android:text="LOGIN"
        android:textColor="@android:color/white"
        android:textSize="20sp" />


    <TextView
        android:id="@+id/tv_sign_up"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_marginTop="10dp"
        android:clickable="true"
        android:fontFamily="@font/purista_medium"
        android:gravity="center"
        android:text="Dont have an account ? Register Now"
        android:textAlignment="center"
        android:textColor="@drawable/text_color"
        android:textSize="15sp" />


</LinearLayout>

Text Color

• Buat file di res - drawable

• Berikan nama sesuai yang dibutuhkan

text_color.xml

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

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

    <item android:color="#ffffffff" android:state_pressed="true" />
    <!-- pressed -->
    <item android:color="#ff0000ff" android:state_focused="true" />
    <!-- focused -->
    <item android:color="#ff000000" />
    <!-- default -->

</selector>

LoginActivity

public class LoginActitivity extends AppCompatActivity {

    Button btnLogin;

    TextInputEditText tedtEmail, tedtPassword;
    TextView tvforgotPassword, tvSignUp;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);

        btnLogin = findViewById(R.id.btn_login);
        tedtEmail = findViewById(R.id.tedt_email);
        tedtPassword = findViewById(R.id.tedt_password);
        tvforgotPassword = findViewById(R.id.tv_forgot_password);
        tvSignUp = findViewById(R.id.tv_sign_up);


        tvSignUp.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent i = new Intent(LoginActitivity.this, SignUpActivity.class);
                startActivity(i);
            }
        });


    }

    public void postLogin(View view) {
        if (TextUtils.isEmpty(tedtEmail.getText().toString().trim())
                && TextUtils.isEmpty(tedtPassword.getText().toString().trim())) {
            tedtEmail.setError("Email tidak boleh kosong!");
            tedtPassword.setError("Password tidak boleh kosong!");

        } else if (TextUtils.isEmpty(tedtEmail.getText().toString().trim())) {

            tedtEmail.setError("Email tidak boleh kosong!");

        } else if (!isValidEmail(tedtEmail.getText().toString().trim())) {

            tedtEmail.setError("Email tidak valid!");

        } else if (TextUtils.isEmpty(tedtPassword.getText().toString())) {

            tedtPassword.setError("Password tidak boleh kosong!");

        } else {
            Toast.makeText(view.getContext(), "Sukses Login", Toast.LENGTH_LONG).show();
        }
    }

    public static boolean isValidEmail(CharSequence email) {
        return (Patterns.EMAIL_ADDRESS.matcher(email).matches());
    }
}