Skip to content

Instantly share code, notes, and snippets.

@alitamoor65

alitamoor65/loginscreen.xml

Last active December 7, 2018 10:56
Show Gist options
  • Save alitamoor65/770e6953caa6b3656508f74e769a06ca to your computer and use it in GitHub Desktop.
Save alitamoor65/770e6953caa6b3656508f74e769a06ca to your computer and use it in GitHub Desktop.
Download ZIP
Raw
loginscreen.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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"
android:background="@drawable/login_bg"
tools:context=".activities.LoginActivity">
<android.support.constraint.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:id="@+id/loginLayoutID"
android:background="#99000000"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="visible"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:context=".activities.LoginActivity">
<TextView
android:visibility="gone"
android:textColor="@android:color/white"
android:padding="8dp"
android:text="Invalid username or password"
android:textAlignment="center"
android:id="@+id/loginErrorTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:layout_marginRight="8dp"
app:layout_constraintBottom_toTopOf="@+id/guideline"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/imageView6" />
<ImageView
android:id="@+id/imageView6"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/logo"
app:layout_constraintBottom_toTopOf="@+id/guideline"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.49" />
<EditText
android:textColor="@color/colorWhite"
android:id="@+id/loginEmailEditTextID"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:layout_marginRight="8dp"
android:background="@drawable/round_outline_shape_edittext"
android:drawableLeft="@drawable/ic_mail_black_24dp"
android:drawablePadding="10dp"
android:ems="10"
android:hint="Email"
android:inputType="textEmailAddress|textPersonName"
android:padding="10dp"
android:textColorHint="@color/colorWhite"
android:textSize="15sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/guideline" />
<EditText
android:textColor="@color/colorWhite"
android:id="@+id/loginPasswordditTextID"
android:layout_width="250dp"
android:layout_height="0dp"
android:layout_marginTop="8dp"
android:background="@drawable/round_outline_shape_edittext"
android:drawableLeft="@drawable/ic_lock_black_24dp"
android:drawablePadding="10dp"
android:ems="10"
android:hint="Password"
android:inputType="textPassword"
android:padding="10dp"
android:textColorHint="@color/colorWhite"
android:textSize="15sp"
app:layout_constraintEnd_toEndOf="@+id/loginEmailEditTextID"
app:layout_constraintStart_toStartOf="@+id/loginEmailEditTextID"
app:layout_constraintTop_toBottomOf="@+id/loginEmailEditTextID" />
<Button
android:id="@+id/loginButtonID"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:background="@drawable/round_outline_button"
android:text="Login"
android:textColor="@color/colorWhite"
app:layout_constraintEnd_toEndOf="@+id/loginPasswordditTextID"
app:layout_constraintStart_toStartOf="@+id/loginPasswordditTextID"
app:layout_constraintTop_toBottomOf="@+id/loginPasswordditTextID" />
<TextView
android:id="@+id/switchToforgotPasswordId"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="8dp"
android:padding="10dp"
android:text="Forgot your password?"
android:textAlignment="center"
android:textColor="@color/colorWhite"
app:layout_constraintBottom_toTopOf="@+id/switchtosignupButtonId"
app:layout_constraintEnd_toEndOf="@+id/loginButtonID"
app:layout_constraintStart_toStartOf="@+id/loginButtonID"
app:layout_constraintTop_toBottomOf="@+id/loginButtonID" />
<TextView
android:id="@+id/switchtosignupButtonId"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="8dp"
android:padding="10dp"
android:text="Don't have and account? Signup"
android:textColor="@color/colorWhite"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/switchToforgotPasswordId"
app:layout_constraintStart_toStartOf="@+id/switchToforgotPasswordId"
app:layout_constraintTop_toBottomOf="@+id/loginButtonID" />
<android.support.constraint.Guideline
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.5" />
</android.support.constraint.ConstraintLayout>
<android.support.constraint.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:id="@+id/signupLayoutID"
android:background="#99000000"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:context=".activities.LoginActivity">
<ImageView
android:id="@+id/imageView"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_marginBottom="8dp"
android:src="@drawable/logo"
app:layout_constraintBottom_toTopOf="@+id/guideline2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.51" />
<EditText
android:id="@+id/signupEmailEdittextID"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:layout_marginStart="32dp"
android:layout_marginLeft="32dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="32dp"
android:layout_marginRight="32dp"
android:background="@drawable/round_outline_shape_edittext"
android:drawableLeft="@drawable/ic_mail_black_24dp"
android:drawablePadding="10dp"
android:ems="10"
android:hint="Email"
android:inputType="textEmailAddress|textPersonName"
android:padding="10dp"
android:textColor="@color/colorWhite"
android:textColorHint="@color/colorWhite"
android:textSize="15sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/guideline2" />
<EditText
android:textColor="@color/colorWhite"
android:id="@+id/signupPasswordEdittextID"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:background="@drawable/round_outline_shape_edittext"
android:drawableLeft="@drawable/ic_lock_black_24dp"
android:drawablePadding="10dp"
android:ems="10"
android:hint="Password"
android:inputType="textPassword"
android:padding="10dp"
android:textColorHint="@color/colorWhite"
android:textSize="15sp"
app:layout_constraintEnd_toEndOf="@+id/signupEmailEdittextID"
app:layout_constraintStart_toStartOf="@+id/signupEmailEdittextID"
app:layout_constraintTop_toBottomOf="@+id/signupEmailEdittextID" />
<Button
android:id="@+id/signUpButtonId"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:background="@drawable/round_outline_button"
android:text="Signup"
android:textColor="@color/colorWhite"
app:layout_constraintEnd_toEndOf="@+id/signupNumberEditTextID"
app:layout_constraintStart_toStartOf="@+id/signupNumberEditTextID"
app:layout_constraintTop_toBottomOf="@+id/signupNumberEditTextID" />
<TextView
android:id="@+id/switchtoLoginButtonID"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:layout_marginRight="8dp"
android:layout_marginBottom="8dp"
android:text="Already have and account? Login"
android:textColor="@color/colorWhite"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/signUpButtonId" />
<android.support.constraint.Guideline
android:id="@+id/guideline2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.5" />
<EditText
android:textColor="@color/colorWhite"
android:id="@+id/signupNumberEditTextID"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:background="@drawable/round_outline_shape_edittext"
android:drawableLeft="@drawable/ic_phone_android_black_24dp"
android:drawablePadding="10dp"
android:ems="10"
android:hint="Phone"
android:inputType="phone"
android:padding="10dp"
android:textColorHint="@color/colorWhite"
android:textSize="15sp"
app:layout_constraintEnd_toEndOf="@+id/signupPasswordEdittextID"
app:layout_constraintStart_toStartOf="@+id/signupPasswordEdittextID"
app:layout_constraintTop_toBottomOf="@+id/signupPasswordEdittextID" />
<TextView
android:textAlignment="center"
android:visibility="gone"
android:padding="8dp"
android:background="@drawable/round_error_message_bg"
android:id="@+id/signUpErrorTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Email ID already exists.\nsomething more"
android:textColor="@android:color/white"
app:layout_constraintBottom_toTopOf="@+id/signupEmailEdittextID"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/imageView" />
</android.support.constraint.ConstraintLayout>
<android.support.constraint.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:id="@+id/forgotPasswordLayoutID"
android:layout_width="match_parent"
android:background="#99000000"
android:layout_height="match_parent"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:context=".activities.LoginActivity">
<ImageView
android:id="@+id/imageView7"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_marginBottom="8dp"
android:src="@drawable/logo"
app:layout_constraintBottom_toTopOf="@+id/guideline3"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.51" />
<EditText
android:id="@+id/confirmVerificationCodeEditTextID"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:layout_marginStart="32dp"
android:layout_marginLeft="32dp"
android:layout_marginEnd="32dp"
android:layout_marginRight="32dp"
android:background="@drawable/round_outline_shape_edittext"
android:drawableLeft="@drawable/ic_mail_black_24dp"
android:drawablePadding="10dp"
android:ems="10"
android:hint="Email"
android:inputType="textEmailAddress|textPersonName"
android:padding="10dp"
android:textColor="@color/colorWhite"
android:textColorHint="@color/colorWhite"
android:textSize="15sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/guideline3" />
<Button
android:id="@+id/verifyCodeButtonID"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:background="@drawable/round_outline_button"
android:text="Reset Password"
android:textColor="@color/colorWhite"
app:layout_constraintEnd_toEndOf="@+id/confirmVerificationCodeEditTextID"
app:layout_constraintStart_toStartOf="@+id/confirmVerificationCodeEditTextID"
app:layout_constraintTop_toBottomOf="@+id/confirmVerificationCodeEditTextID" />
<TextView
android:id="@+id/backtoLoginViewButtonID"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="8dp"
android:layout_marginBottom="8dp"
android:text="Back to Login"
android:gravity="center"
android:padding="10dp"
android:drawablePadding="10dp"
android:textAlignment="center"
android:drawableLeft="@drawable/ic_back"
android:textColor="@color/colorWhite"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/verifyCodeButtonID"
app:layout_constraintStart_toStartOf="@+id/verifyCodeButtonID"
app:layout_constraintTop_toBottomOf="@+id/verifyCodeButtonID" />
<android.support.constraint.Guideline
android:id="@+id/guideline3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.5" />
<TextView
android:id="@+id/verifyCodeStatusTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:padding="8dp"
android:textAlignment="center"
android:textColor="@android:color/white"
app:layout_constraintBottom_toTopOf="@+id/confirmVerificationCodeEditTextID"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/imageView7" />
</android.support.constraint.ConstraintLayout>
<RelativeLayout
android:visibility="gone"
android:id="@+id/loadingViewLoginScreenID"
android:clickable="false"
android:layout_width="0dp"
android:layout_height="0dp"
android:padding="150dp"
android:background="#99000000"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" >
<ProgressBar
android:layout_centerInParent="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
</android.support.constraint.ConstraintLayout>
Raw
round_outline_button.xml
<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/colorPrimary" />
<stroke android:width="1dp" android:color="@color/colorWhite" />
<corners android:radius="90dp" />
</shape>
Raw
round_outline_shape_edittext
<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#99000000" />
<stroke android:width="1dp" android:color="@color/colorWhite" />
<corners android:radius="90dp" />
</shape>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment