Sign in And Sign up  Layout in Android

Dashboard Wallet in Android Studio, Login and Register UI/UX Design Android Studio XML || Animation Transition || Sign in / Sign up UI The best UI design using Android, Login PHP and MySQL Android, Fragment, Clipboard, Grid and Splash.

LOGIN

<?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"
	android:layout_gravity="center"
	android:background="@color/login_bk_color"
	android:focusableInTouchMode="true"
	android:gravity="center"
	tools:context=".MainActivity">
	<ScrollView
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_alignParentLeft="true"
	android:layout_alignParentTop="true"
	android:layout_centerInParent="true"
	android:paddingTop="20dp">
	<LinearLayout
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:orientation="vertical"
	android:padding="20dp">
	<RelativeLayout
	android:layout_width="match_parent"
	android:layout_height="wrap_content">
	<TextView
	style="@style/viewParent.headerText.NoMode"
	android:layout_alignParentLeft="true"
	android:layout_centerVertical="true"
	android:text="@string/already_have_an_account" />
	<ImageView
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_alignParentTop="true"
	android:layout_alignParentRight="true"
	android:src="@drawable/ic_register_hero" />
	</RelativeLayout>
	<com.google.android.material.textfield.TextInputLayout
	android:id="@+id/textInputEmail"
	style="@style/parent"
	android:layout_marginTop="@dimen/loginViewsMargin">
	<EditText
	android:id="@+id/inputEmailLogin"
	style="@style/modifiedEditText"
	android:hint="@string/email_hint"
	android:inputType="textEmailAddress"
	android:maxLines="1" />
	</com.google.android.material.textfield.TextInputLayout>
	<com.google.android.material.textfield.TextInputLayout
	android:id="@+id/textInputPassword"
	style="@style/parent"
	android:layout_marginTop="@dimen/loginViewsMargin">
	<EditText
	android:id="@+id/inputPasswordLogin"
	style="@style/modifiedEditText"
	android:hint="@string/password_hint"
	android:inputType="textPassword"
	android:maxLines="1" />
	</com.google.android.material.textfield.TextInputLayout>
	<TextView
	style="@style/viewParent"
	android:layout_gravity="end"
	android:layout_marginTop="10dp"
	android:text="@string/forgot_password"
	android:textColor="@color/primaryTextColor"
	android:textSize="@dimen/newsMoreTextSize" />x
	<br.com.simplepass.loading_button_lib.customViews.CircularProgressButton
	android:id="@+id/btnLoginButton"
	style="@style/loginButton"
	android:layout_gravity="center_horizontal"
	android:layout_marginTop="@dimen/loginViewsMargin"
	android:onClick="onLoginAuth"
	android:text="Login"
	app:initialCornerAngle="27dp"
	app:spinning_bar_color="#FFF"
	app:spinning_bar_padding="6dp"
	app:spinning_bar_width="4dp" />
	<TextView
	style="@style/parent"
	android:layout_marginTop="@dimen/loginViewsMargin"
	android:onClick="onLoginClick"
	android:text="@string/new_user"
	android:textAlignment="center"
	android:textColor="@color/themeColor"
	android:textSize="17sp"
	android:textStyle="bold" />
	<LinearLayout
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_marginTop="30dp"
	android:gravity="center"
	android:weightSum="12">
	<View
	android:layout_width="0dp"
	android:layout_height="1dp"
	android:layout_weight="3"
	android:background="@color/colorPrimaryDark" />
	<TextView
	style="@style/viewParent.headerText.NoMode"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_weight="6"
	android:text="@string/use_other_methods"
	android:textAlignment="center"
	android:textSize="12sp" />
	<View
	android:layout_width="0dp"
	android:layout_height="1dp"
	android:layout_weight="3"
	android:background="@color/colorPrimaryDark" />
	</LinearLayout>
	<LinearLayout
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_marginTop="20dp"
	android:gravity="center">
	<ImageView
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:src="@drawable/ic_facebook" />
	<ImageView
	android:layout_width="41dp"
	android:layout_height="41dp"
	android:layout_marginLeft="10dp"
	android:src="@drawable/ic_google" />
	</LinearLayout>
	</LinearLayout>
	</ScrollView>
	<View
	android:layout_width="11dp"
	android:layout_height="match_parent"
	android:layout_alignParentTop="true"
	android:layout_alignParentRight="true"
	android:layout_marginTop="20dp"
	android:background="@drawable/ic_side_bg" />
	<ImageView
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_alignParentRight="true"
	android:layout_alignParentBottom="true"
	android:layout_marginRight="11dp"
	android:layout_marginBottom="30dp"
	android:onClick="onLoginClick"
	android:src="@drawable/ic_add_img" />
	</RelativeLayout>

SIGNUP:

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

    android:layout_gravity="center"

    android:background="@color/register_bk_color"

    android:focusableInTouchMode="true"

    android:gravity="center"

    tools:context=".RegisterActivity">

    <ScrollView

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:layout_alignParentTop="true">

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginTop="30dp"

            android:orientation="vertical"

            android:padding="20dp">

            <RelativeLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content">

                <TextView

                    style="@style/viewParent.headerText.NoMode"

                    android:layout_alignParentLeft="true"

                    android:layout_centerVertical="true"

                    android:text="@string/heres_your_first_step_with_us"

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

                <ImageView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_alignParentTop="true"

                    android:layout_alignParentRight="true"

                    android:src="@drawable/ic_login_hero" />

            </RelativeLayout>

            <androidx.cardview.widget.CardView

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_marginTop="10dp"

                app:cardBackgroundColor="@color/whiteTextColor"

                app:cardCornerRadius="10dp">

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content"

                    android:layout_margin="10dp"

                    android:orientation="vertical">

                    <com.google.android.material.textfield.TextInputLayout

                        android:id="@+id/textInputName"

                        style="@style/parent"

                        android:layout_marginTop="@dimen/loginViewsMargin">

                        <EditText

                            android:id="@+id/inputNameRegister"

                            style="@style/modifiedEditText"

                            android:hint="@string/name"

                            android:inputType="textPersonName"

                            android:maxLines="1" />

                    </com.google.android.material.textfield.TextInputLayout>

                    <com.google.android.material.textfield.TextInputLayout

                        android:id="@+id/textInputLastName"

                        style="@style/parent"

                        android:layout_marginTop="@dimen/loginViewsMargin">

                        <EditText

                            android:id="@+id/inputLastNameRegister"

                            style="@style/modifiedEditText"

                            android:hint="@string/last_name"

                            android:inputType="textPersonName"

                            android:maxLines="1" />

                    </com.google.android.material.textfield.TextInputLayout>

                    <com.google.android.material.textfield.TextInputLayout

                        android:id="@+id/textInputEmail"

                        style="@style/parent"

                        android:layout_marginTop="@dimen/loginViewsMargin">

                        <EditText

                            android:id="@+id/inputEmailRegister"

                            style="@style/modifiedEditText"

                            android:hint="@string/email_hint"

                            android:inputType="textEmailAddress"

                            android:maxLines="1" />

                    </com.google.android.material.textfield.TextInputLayout>

                    <com.google.android.material.textfield.TextInputLayout

                        android:id="@+id/textInputPassword"

                        style="@style/parent"

                        android:layout_marginTop="@dimen/loginViewsMargin">

                        <EditText

                            android:id="@+id/inputPasswordRegister"

                            style="@style/modifiedEditText"

                            android:hint="@string/password_hint"

                            android:inputType="textPassword"

                            android:maxLines="1" />

                    </com.google.android.material.textfield.TextInputLayout>

                    <br.com.simplepass.loading_button_lib.customViews.CircularProgressButton

                        android:id="@+id/cirRegisterButton"

                        style="@style/loginButton"

                        android:layout_gravity="center_horizontal"

                        android:layout_marginTop="@dimen/loginViewsMargin"

                        android:onClick="onRegisterClick"

                        android:text="@string/register"

                        app:initialCornerAngle="27dp"

                        app:spinning_bar_color="#FFF"

                        app:spinning_bar_padding="6dp"

                        app:spinning_bar_width="4dp" />

                    <TextView

                        style="@style/parent"

                        android:layout_marginTop="@dimen/loginViewsMargin"

                        android:onClick="onLoginClick"

                        android:text="@string/already_have_an_account"

                        android:textAlignment="center"

                        android:textColor="@color/themeColor"

                        android:textSize="17sp"

                        android:textStyle="bold" />

                </LinearLayout>

            </androidx.cardview.widget.CardView>

            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_marginTop="30dp"

                android:gravity="center"

                android:weightSum="12">

                <View

                    android:layout_width="0dp"

                    android:layout_height="1dp"

                    android:layout_weight="3"

                    android:background="@color/whiteTextColor" />

                <TextView

                    style="@style/viewParent.headerText.NoMode"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_weight="6"

                    android:text="@string/use_other_methods"

                    android:textAlignment="center"

                    android:textColor="@color/whiteTextColor"

                    android:textSize="12sp" />

                <View

                    android:layout_width="0dp"

                    android:layout_height="1dp"

                    android:layout_weight="3"

                    android:background="@color/whiteTextColor" />

            </LinearLayout>

            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_marginTop="20dp"

                android:layout_marginBottom="30dp"

                android:gravity="center">

                <ImageView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:src="@drawable/ic_facebook" />

                <ImageView

                    android:layout_width="41dp"

                    android:layout_height="41dp"

                    android:layout_marginLeft="10dp"

                    android:src="@drawable/ic_google" />

            </LinearLayout>

        </LinearLayout>

    </ScrollView>

    <View

        android:layout_width="11dp"

        android:layout_height="match_parent"

        android:layout_alignParentTop="true"

        android:layout_alignParentRight="true"

        android:layout_marginTop="20dp"

        android:background="@drawable/ic_side_bg" />

    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_alignParentBottom="true"

        android:layout_marginRight="11dp"

        android:layout_marginBottom="30dp"

        android:adjustViewBounds="false"

        android:onClick="onLoginClick"

        android:src="@drawable/ic_back_img" />

</RelativeLayout>