Login

Login Details

Try material login xml design

Android Login Screen

XML layout design for android

Android Material login screen with androidx dependency

buildToolsVersion 30.0.1

minSdkVersion 14

implementation 'com.google.android.material:material:1.0.0'

                    <com.google.android.material.textfield.TextInputLayout
                        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                        android:layout_width="match_parent"
                        android:textColorHint="@color/white"
                        android:textColor="@color/white"
                        app:boxStrokeColor="@color/white"
                        android:layout_height="wrap_content">

                        <com.google.android.material.textfield.TextInputEditText
                            android:id="@+id/editTextName"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:inputType="text"
                            android:textColorHint="@color/white"
                            android:textColor="@color/white"
                            app:backgroundTint="@color/white"
                            android:hint="Username" />
                    </com.google.android.material.textfield.TextInputLayout>

                    <com.google.android.material.textfield.TextInputLayout
                        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                        android:layout_width="match_parent" android:textColorHint="@color/white"
                        android:textColor="@color/white"
                        android:layout_height="wrap_content">

                        <com.google.android.material.textfield.TextInputEditText
                            android:id="@+id/editTextEmail"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:inputType="textWebEmailAddress"
                            android:hint="Password" />
                    </com.google.android.material.textfield.TextInputLayout>
                </LinearLayout>
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="right"
                    android:layout_margin="10dp"
                    android:padding="15dp"
                    android:orientation="horizontal">
                    <Button
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        style="@style/Widget.AppCompat.Light.ActionButton.CloseMode"
                        android:text="Cancel"
                        android:textColor="@color/white"
                        app:backgroundTint="@color/white"
                        android:textAllCaps="false" />
                    <com.google.android.material.button.MaterialButton
                        android:layout_width="150dp"
                        android:layout_height="wrap_content"
                        app:cornerRadius="18dp"
                        android:elevation="5dp"
                        app:backgroundTint="@color/white"
                        android:textColor="@color/colorPrimary"
                        style="@style/AppTheme.RoundedCornerMaterialButton"
                        android:text="Login">
                    </com.google.android.material.button.MaterialButton>
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>
    </ScrollView>
</LinearLayout>