Skip to content

Instantly share code, notes, and snippets.

@CMyae
Created September 21, 2019 10:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save CMyae/219c45b9db09ae773ef517e412dff9e8 to your computer and use it in GitHub Desktop.
Save CMyae/219c45b9db09ae773ef517e412dff9e8 to your computer and use it in GitHub Desktop.
Rally login screen layout implementation
<?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"
android:id="@+id/constraint_layout"
android:background="?android:attr/colorBackground"
tools:context=".ui.login.LoginActivity"
>
<ImageView
android:id="@+id/imgLogo"
android:layout_width="160dp"
android:layout_height="160dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toTopOf="@id/input_email"
android:src="@drawable/rally_app_icon"
/>
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/input_email"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toTopOf="@id/input_pwd"
android:layout_marginStart="@dimen/horizontal_gutters"
android:layout_marginEnd="@dimen/horizontal_gutters"
app:hintEnabled="false"
android:focusableInTouchMode="true"
app:endIconMode="custom"
app:endIconDrawable="@drawable/ic_done"
app:endIconTint="@color/rally_green_500"
app:boxBackgroundColor="?attr/colorSecondary"
app:boxStrokeColor="@color/color_list_input"
style="@style/Widget.MaterialComponents.TextInputLayout.FilledBox"
app:layout_constraintVertical_chainStyle="packed"
>
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/et_email"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@null"
android:hint="@string/hint_email"
android:padding="0dp"
android:inputType="textEmailAddress"/>
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/input_pwd"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="@id/input_email"
app:layout_constraintEnd_toEndOf="@id/input_email"
android:layout_marginTop="@dimen/spacing_medium"
android:focusableInTouchMode="true"
app:layout_constraintTop_toBottomOf="@id/input_email"
app:layout_constraintBottom_toBottomOf="parent"
app:hintEnabled="false"
app:boxBackgroundColor="?attr/colorSecondary"
app:boxStrokeColor="@color/color_list_input"
style="@style/Widget.MaterialComponents.TextInputLayout.FilledBox"
app:endIconMode="password_toggle">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/et_pwd"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:hint="@string/hint_pwd"
android:imeOptions="actionDone"
android:padding="0dp"
android:inputType="textPassword"
android:text="1234"/>
</com.google.android.material.textfield.TextInputLayout>
<ImageView
android:id="@+id/iv_fingerprint"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toBottomOf="@id/input_pwd"
app:layout_constraintBottom_toTopOf="@+id/label_login_id"
app:layout_constraintVertical_chainStyle="packed"
app:layout_constraintWidth_percent="0.3"
android:tint="?attr/colorSecondaryVariant"
android:src="@drawable/ic_fingerprint"
/>
<TextView
android:id="@+id/label_login_id"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="@string/label_login_touch_id"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:gravity="center"
app:layout_constraintTop_toBottomOf="@id/iv_fingerprint"
app:layout_constraintBottom_toBottomOf="parent"
style="?attr/textAppearanceSubtitle2"
android:layout_marginTop="@dimen/spacing_medium"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment