Created
November 9, 2019 16:34
-
-
Save polojerry/8a5978e14061e04e838e49fcabcc4c56 to your computer and use it in GitHub Desktop.
Login design for dating app
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="utf-8"?> | |
<androidx.constraintlayout.widget.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" | |
> | |
<ImageView | |
android:id="@+id/img_login_couple" | |
android:layout_width="match_parent" | |
android:layout_height="200dp" | |
android:scaleType="fitXY" | |
android:src="@drawable/couple_image" | |
app:layout_constraintEnd_toEndOf="parent" | |
app:layout_constraintStart_toStartOf="parent" | |
app:layout_constraintTop_toTopOf="parent" | |
android:foreground="#CCe8a2ab"/> | |
<androidx.cardview.widget.CardView | |
android:id="@+id/card_view_logo" | |
android:layout_width="wrap_content" | |
android:layout_height="wrap_content" | |
android:layout_marginTop="150dp" | |
app:cardCornerRadius="20dp" | |
app:layout_constraintEnd_toEndOf="parent" | |
app:layout_constraintStart_toStartOf="parent" | |
app:layout_constraintTop_toTopOf="parent"> | |
<ImageView | |
android:id="@+id/img_login_logo" | |
android:layout_width="100dp" | |
android:layout_height="100dp" | |
android:padding="8dp" | |
android:src="@drawable/image_dating_logo" | |
tools:layout_editor_absoluteX="159dp" | |
tools:layout_editor_absoluteY="162dp" /> | |
</androidx.cardview.widget.CardView> | |
<TextView | |
android:id="@+id/tv_sign_in" | |
android:layout_width="wrap_content" | |
android:layout_height="wrap_content" | |
android:layout_marginTop="165dp" | |
android:text="Sign In" | |
android:textColor="#ffffffff" | |
android:textSize="18sp" | |
app:layout_constraintEnd_toStartOf="@+id/card_view_logo" | |
app:layout_constraintStart_toStartOf="parent" | |
app:layout_constraintTop_toTopOf="parent" /> | |
<TextView | |
android:id="@+id/tv_sign_up" | |
android:layout_width="wrap_content" | |
android:layout_height="wrap_content" | |
android:layout_marginTop="165dp" | |
android:text="Sign Up" | |
android:textColor="#ffffffff" | |
android:textSize="18sp" | |
app:layout_constraintEnd_toEndOf="parent" | |
app:layout_constraintStart_toEndOf="@+id/card_view_logo" | |
app:layout_constraintTop_toTopOf="parent" /> | |
<TextView | |
android:id="@+id/tv_find_match" | |
android:layout_width="wrap_content" | |
android:layout_height="wrap_content" | |
android:layout_marginTop="16dp" | |
android:textSize="18sp" | |
android:text="Find your perfect match" | |
app:layout_constraintEnd_toEndOf="parent" | |
app:layout_constraintStart_toStartOf="parent" | |
app:layout_constraintTop_toBottomOf="@+id/card_view_logo" /> | |
<androidx.cardview.widget.CardView | |
android:id="@+id/card_sign_in_email" | |
android:layout_width="match_parent" | |
android:layout_height="wrap_content" | |
android:layout_marginStart="32dp" | |
android:layout_marginTop="64dp" | |
android:layout_marginEnd="32dp" | |
android:elevation="32dp" | |
app:cardCornerRadius="8dp" | |
app:layout_constraintEnd_toEndOf="parent" | |
app:layout_constraintStart_toStartOf="parent" | |
app:layout_constraintTop_toBottomOf="@+id/tv_find_match"> | |
<EditText | |
android:padding="8dp" | |
android:layout_width="match_parent" | |
android:layout_height="wrap_content" | |
android:drawableEnd="@drawable/ic_mail_24" | |
android:hint="Email" | |
android:background="@android:color/transparent" | |
/> | |
</androidx.cardview.widget.CardView> | |
<androidx.cardview.widget.CardView | |
android:id="@+id/card_sign_in_password" | |
android:layout_width="match_parent" | |
android:layout_height="wrap_content" | |
android:layout_marginStart="32dp" | |
android:layout_marginTop="32dp" | |
android:layout_marginEnd="32dp" | |
android:elevation="32dp" | |
app:cardCornerRadius="8dp" | |
app:layout_constraintEnd_toEndOf="parent" | |
app:layout_constraintStart_toStartOf="parent" | |
app:layout_constraintTop_toBottomOf="@+id/card_sign_in_email"> | |
<EditText | |
android:padding="8dp" | |
android:layout_width="match_parent" | |
android:layout_height="wrap_content" | |
android:drawableEnd="@drawable/ic_lock_24" | |
android:hint="Password" | |
android:background="@android:color/transparent"/> | |
</androidx.cardview.widget.CardView> | |
<TextView | |
android:id="@+id/tv_forgot_password" | |
android:layout_width="wrap_content" | |
android:layout_height="wrap_content" | |
android:layout_marginTop="16dp" | |
android:layout_marginEnd="32dp" | |
android:text="Forgot Password?" | |
app:layout_constraintEnd_toEndOf="parent" | |
app:layout_constraintTop_toBottomOf="@+id/card_sign_in_password" /> | |
<Button | |
android:id="@+id/btn_sign_in" | |
style="@style/Widget.AppCompat.Button.Colored" | |
android:layout_width="match_parent" | |
android:layout_height="wrap_content" | |
android:layout_marginStart="32dp" | |
android:layout_marginTop="16dp" | |
android:layout_marginEnd="32dp" | |
android:background="#28BA8F" | |
android:text="Sign In" | |
android:textAllCaps="false" | |
app:layout_constraintEnd_toEndOf="parent" | |
app:layout_constraintStart_toStartOf="parent" | |
app:layout_constraintTop_toBottomOf="@+id/tv_forgot_password" /> | |
</androidx.constraintlayout.widget.ConstraintLayout> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment