Improve layout and fix bug UI

This commit is contained in:
Nezumi
2023-03-17 21:35:52 +07:00
parent aeb1268c03
commit 893c1f232d
2 changed files with 355 additions and 337 deletions
+138 -129
View File
@@ -6,147 +6,155 @@
android:layout_height="match_parent" android:layout_height="match_parent"
tools:context=".Activity.SignInActivity"> tools:context=".Activity.SignInActivity">
<ImageView <androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/back_image"
android:layout_width="20dp"
android:layout_height="20dp"
android:src="@drawable/back_button"
android:layout_marginStart="10dp"
android:layout_marginTop="25dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="35dp"
android:fontFamily="@font/bebas"
android:text="@string/sign_in_text"
android:textColor="@color/black"
android:textSize="50sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/back_image" />
<ImageView
android:id="@+id/logo_image"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_marginTop="32dp"
android:src="@drawable/logo"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView" />
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/textInput_email"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="match_parent"
android:layout_marginTop="20dp" android:clickable="false"
android:layout_marginRight="20dp" >
android:layout_marginLeft="20dp"
android:layout_marginBottom="10dp"
android:hint="@string/email_text"
app:boxBackgroundColor="@color/white"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/logo_image"
app:startIconDrawable="@drawable/baseline_person_24"
app:startIconTint="@color/primaryColor">
<com.google.android.material.textfield.TextInputEditText <ImageView
android:id="@+id/edt_email" android:id="@+id/back_image"
android:layout_width="match_parent" android:layout_width="20dp"
android:layout_height="match_parent" android:layout_height="20dp"
android:inputType="textEmailAddress" /> android:src="@drawable/back_button"
android:layout_marginStart="10dp"
</com.google.android.material.textfield.TextInputLayout> android:layout_marginTop="25dp"
app:layout_constraintStart_toStartOf="parent"
<com.google.android.material.textfield.TextInputLayout app:layout_constraintTop_toTopOf="parent" />
android:id="@+id/textInput_password"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:layout_marginTop="20dp"
android:hint="@string/password_text"
app:boxBackgroundColor="@color/white"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textInput_email"
app:passwordToggleEnabled="true"
app:passwordToggleTint="@color/primaryColor"
app:startIconDrawable="@drawable/baseline_vpn_key_24"
app:startIconTint="@color/primaryColor">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/edt_password"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:inputType="textPassword" />
</com.google.android.material.textfield.TextInputLayout>
<TextView
android:id="@+id/forgotPassword_textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginEnd="20dp"
android:fontFamily="@font/opensans"
android:text="@string/forgot_password"
android:textColor="@color/grayLight"
android:textSize="15sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textInput_password" />
<com.google.android.material.button.MaterialButton
android:id="@+id/sign_in_button"
style="@style/DefaultSolid"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="40dp"
android:layout_marginEnd="40dp"
android:layout_marginTop="80dp"
android:fontFamily="@font/bebas"
android:padding="10dp"
android:text="@string/sign_in_text"
android:textSize="20sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textInput_password" />
<LinearLayout
android:id="@+id/linearLayout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:orientation="horizontal"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<TextView <TextView
android:id="@+id/textView2" android:id="@+id/textView"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:text="@string/dont_have_an_account" android:layout_marginStart="20dp"
android:textColor="@color/gray" android:layout_marginTop="35dp"
android:fontFamily="@font/opensans" android:fontFamily="@font/bebas"
android:textStyle="bold" /> android:text="@string/sign_in_text"
android:textColor="@color/black"
android:textSize="50sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/back_image" />
<ImageView
android:id="@+id/logo_image"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_marginTop="32dp"
android:src="@drawable/logo"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView" />
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/textInput_email"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_marginRight="20dp"
android:layout_marginLeft="20dp"
android:layout_marginBottom="10dp"
android:hint="@string/email_text"
app:boxBackgroundColor="@color/white"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/logo_image"
app:startIconDrawable="@drawable/baseline_person_24"
app:startIconTint="@color/primaryColor">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/edt_email"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:inputType="textEmailAddress" />
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/textInput_password"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:layout_marginTop="20dp"
android:hint="@string/password_text"
app:boxBackgroundColor="@color/white"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textInput_email"
app:passwordToggleEnabled="true"
app:passwordToggleTint="@color/primaryColor"
app:startIconDrawable="@drawable/baseline_vpn_key_24"
app:startIconTint="@color/primaryColor">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/edt_password"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:inputType="textPassword" />
</com.google.android.material.textfield.TextInputLayout>
<TextView <TextView
android:id="@+id/sign_up_textView" android:id="@+id/forgotPassword_textView"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginStart="5dp" android:layout_marginTop="5dp"
android:text="@string/sign_up_text" android:layout_marginEnd="20dp"
android:textColor="@color/secondary"
android:fontFamily="@font/opensans" android:fontFamily="@font/opensans"
android:textStyle="bold" /> android:text="@string/forgot_password"
android:textColor="@color/grayLight"
android:textSize="15sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textInput_password" />
</LinearLayout> <com.google.android.material.button.MaterialButton
android:id="@+id/sign_in_button"
style="@style/DefaultSolid"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="40dp"
android:layout_marginEnd="40dp"
android:layout_marginTop="80dp"
android:fontFamily="@font/bebas"
android:padding="10dp"
android:text="@string/sign_in_text"
android:textSize="20sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textInput_password" />
<LinearLayout
android:id="@+id/linearLayout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:orientation="horizontal"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/dont_have_an_account"
android:textColor="@color/gray"
android:fontFamily="@font/opensans"
android:textStyle="bold" />
<TextView
android:id="@+id/sign_up_textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="5dp"
android:text="@string/sign_up_text"
android:textColor="@color/secondary"
android:fontFamily="@font/opensans"
android:textStyle="bold" />
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent" android:layout_width="match_parent"
@@ -154,6 +162,7 @@
android:background="#80000000" android:background="#80000000"
android:id="@+id/progress_layout" android:id="@+id/progress_layout"
android:visibility="gone" android:visibility="gone"
android:clickable="true"
> >
<ProgressBar <ProgressBar
@@ -6,232 +6,240 @@
android:layout_height="match_parent" android:layout_height="match_parent"
tools:context=".Activity.VerifyAccountActivity"> tools:context=".Activity.VerifyAccountActivity">
<ImageView <androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/close_image"
android:layout_width="20dp"
android:layout_height="20dp"
android:src="@drawable/close_icon"
android:layout_marginStart="20dp"
android:layout_marginTop="25dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="90dp"
android:fontFamily="@font/bebas"
android:text="@string/confirm_code"
android:textColor="@color/black"
android:textSize="50sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/close_image" />
<TextView
android:id="@+id/forgot_Password_description"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="match_parent"
android:layout_marginTop="20dp" android:clickable="false"
android:text="@string/confirm_code_description" >
android:fontFamily="@font/opensans"
android:textColor="@color/gray"
android:textStyle="bold"
android:layout_marginEnd="20dp"
android:layout_marginStart="20dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView"
app:layout_constraintEnd_toEndOf="parent"
/>
<ImageView
android:id="@+id/close_image"
android:layout_width="20dp"
android:layout_height="20dp"
android:src="@drawable/close_icon"
android:layout_marginStart="20dp"
android:layout_marginTop="25dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<LinearLayout <TextView
android:layout_width="match_parent" android:id="@+id/textView"
android:layout_height="wrap_content" android:layout_width="wrap_content"
android:gravity="center" android:layout_height="wrap_content"
android:orientation="horizontal" android:layout_marginStart="20dp"
app:layout_constraintBottom_toBottomOf="parent" android:layout_marginTop="90dp"
app:layout_constraintStart_toStartOf="parent" android:fontFamily="@font/bebas"
app:layout_constraintTop_toTopOf="parent"> android:text="@string/confirm_code"
android:textColor="@color/black"
android:textSize="50sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/close_image" />
<EditText <TextView
android:id="@+id/inputCode1" android:id="@+id/forgot_Password_description"
android:layout_width="48dp" android:layout_width="match_parent"
android:layout_height="50dp" android:layout_height="wrap_content"
android:backgroundTint="@color/gray" android:layout_marginTop="20dp"
android:gravity="center" android:text="@string/confirm_code_description"
android:imeOptions="actionNext" android:fontFamily="@font/opensans"
android:importantForAutofill="no"
android:inputType="number"
android:maxLength="1"
android:textColor="@color/gray" android:textColor="@color/gray"
android:textSize="24sp"
android:textStyle="bold" android:textStyle="bold"
android:hint="*" android:layout_marginEnd="20dp"
android:layout_marginStart="20dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView"
app:layout_constraintEnd_toEndOf="parent"
/> />
<EditText
android:id="@+id/inputCode2" <LinearLayout
android:layout_width="48dp" android:layout_width="match_parent"
android:layout_height="50dp" android:layout_height="wrap_content"
android:backgroundTint="@color/gray"
android:gravity="center" android:gravity="center"
android:imeOptions="actionNext" android:orientation="horizontal"
android:importantForAutofill="no" app:layout_constraintBottom_toBottomOf="parent"
android:inputType="number" app:layout_constraintStart_toStartOf="parent"
android:maxLength="1" app:layout_constraintTop_toTopOf="parent">
android:textColor="@color/gray"
android:textSize="24sp" <EditText
android:textStyle="bold" android:id="@+id/inputCode1"
android:hint="*" android:layout_width="48dp"
android:layout_height="50dp"
android:backgroundTint="@color/gray"
android:gravity="center"
android:imeOptions="actionNext"
android:importantForAutofill="no"
android:inputType="number"
android:maxLength="1"
android:textColor="@color/gray"
android:textSize="24sp"
android:textStyle="bold"
android:hint="*"
/>
<EditText
android:id="@+id/inputCode2"
android:layout_width="48dp"
android:layout_height="50dp"
android:backgroundTint="@color/gray"
android:gravity="center"
android:imeOptions="actionNext"
android:importantForAutofill="no"
android:inputType="number"
android:maxLength="1"
android:textColor="@color/gray"
android:textSize="24sp"
android:textStyle="bold"
android:hint="*"
/>
<EditText
android:id="@+id/inputCode3"
android:layout_width="48dp"
android:layout_height="50dp"
android:backgroundTint="@color/gray"
android:gravity="center"
android:imeOptions="actionNext"
android:importantForAutofill="no"
android:inputType="number"
android:maxLength="1"
android:textColor="@color/gray"
android:textSize="24sp"
android:textStyle="bold"
android:hint="*"
/>
<EditText
android:id="@+id/inputCode4"
android:layout_width="48dp"
android:layout_height="50dp"
android:backgroundTint="@color/gray"
android:gravity="center"
android:imeOptions="actionNext"
android:importantForAutofill="no"
android:inputType="number"
android:maxLength="1"
android:textColor="@color/gray"
android:textSize="24sp"
android:textStyle="bold"
android:hint="*"
/>
<EditText
android:id="@+id/inputCode5"
android:layout_width="48dp"
android:layout_height="50dp"
android:backgroundTint="@color/gray"
android:gravity="center"
android:imeOptions="actionNext"
android:importantForAutofill="no"
android:inputType="number"
android:maxLength="1"
android:textColor="@color/gray"
android:textSize="24sp"
android:textStyle="bold"
android:hint="*"
/>
<EditText
android:id="@+id/inputCode6"
android:layout_width="48dp"
android:layout_height="50dp"
android:backgroundTint="@color/gray"
android:gravity="center"
android:imeOptions="actionNext"
android:importantForAutofill="no"
android:inputType="number"
android:maxLength="1"
android:textColor="@color/gray"
android:textSize="24sp"
android:textStyle="bold"
android:hint="*"
/>
</LinearLayout>
<TextView
android:id="@+id/errorText"
android:textSize="12sp"
android:textColor="@color/red"
android:layout_marginBottom="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toTopOf="@id/textview1"
app:layout_constraintStart_toStartOf="parent"
/> />
<EditText <TextView
android:id="@+id/inputCode3" android:id="@+id/textview1"
android:layout_width="48dp" android:layout_width="wrap_content"
android:layout_height="50dp" android:layout_height="wrap_content"
android:backgroundTint="@color/gray" android:fontFamily="@font/opensans"
android:gravity="center" android:text="@string/did_not_receive_code"
android:imeOptions="actionNext" android:textColor="@color/black"
android:importantForAutofill="no" android:textSize="15sp"
android:inputType="number"
android:maxLength="1"
android:textColor="@color/gray"
android:textSize="24sp"
android:textStyle="bold" android:textStyle="bold"
android:hint="*" android:layout_marginBottom="50dp"
android:layout_marginStart="20dp"
app:layout_constraintBottom_toTopOf="@+id/confirm_code"
app:layout_constraintStart_toStartOf="parent" />
<TextView
android:id="@+id/textview_resendCode"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
android:text="Gửi lại sau: "
android:fontFamily="@font/opensans"
android:textColor="@color/black"
android:textStyle="bold"
android:layout_margin="20dp"
app:layout_constraintBottom_toTopOf="@+id/confirm_code"
app:layout_constraintStart_toStartOf="parent" />
<TextView
android:id="@+id/textview_countdown"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/opensans"
android:text="00:35"
android:layout_marginBottom="20dp"
android:textColor="@color/secondary"
android:textSize="15sp"
android:textStyle="bold"
app:layout_constraintStart_toEndOf="@id/textview_resendCode"
app:layout_constraintBottom_toTopOf="@+id/confirm_code"
/> />
<EditText <TextView
android:id="@+id/inputCode4" android:id="@+id/textview_resendCode_button"
android:layout_width="48dp" android:layout_width="wrap_content"
android:layout_height="50dp" android:layout_height="wrap_content"
android:backgroundTint="@color/gray" android:textSize="15sp"
android:gravity="center" android:text="@string/resend_code"
android:imeOptions="actionNext" android:fontFamily="@font/opensans"
android:importantForAutofill="no" android:textColor="@color/primaryColor"
android:inputType="number"
android:maxLength="1"
android:textColor="@color/gray"
android:textSize="24sp"
android:textStyle="bold" android:textStyle="bold"
android:hint="*" android:layout_margin="20dp"
app:layout_constraintBottom_toTopOf="@+id/confirm_code"
app:layout_constraintStart_toStartOf="parent"
android:visibility="gone"
/> />
<EditText <com.google.android.material.button.MaterialButton
android:id="@+id/inputCode5" android:id="@+id/confirm_code"
android:layout_width="48dp" style="@style/DefaultSolid"
android:layout_height="50dp" android:layout_width="match_parent"
android:backgroundTint="@color/gray" android:layout_height="wrap_content"
android:gravity="center" android:layout_margin="20dp"
android:imeOptions="actionNext" android:fontFamily="@font/bebas"
android:importantForAutofill="no" android:padding="10dp"
android:inputType="number" android:text="@string/confirm"
android:maxLength="1" android:textSize="20sp"
android:textColor="@color/gray" app:layout_constraintBottom_toBottomOf="parent"
android:textSize="24sp" app:layout_constraintEnd_toEndOf="parent"
android:textStyle="bold" app:layout_constraintStart_toStartOf="parent" />
android:hint="*"
/>
<EditText </androidx.constraintlayout.widget.ConstraintLayout>
android:id="@+id/inputCode6"
android:layout_width="48dp"
android:layout_height="50dp"
android:backgroundTint="@color/gray"
android:gravity="center"
android:imeOptions="actionNext"
android:importantForAutofill="no"
android:inputType="number"
android:maxLength="1"
android:textColor="@color/gray"
android:textSize="24sp"
android:textStyle="bold"
android:hint="*"
/>
</LinearLayout>
<TextView
android:id="@+id/errorText"
android:textSize="12sp"
android:textColor="@color/red"
android:layout_marginBottom="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toTopOf="@id/textview1"
app:layout_constraintStart_toStartOf="parent"
/>
<TextView
android:id="@+id/textview1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/opensans"
android:text="@string/did_not_receive_code"
android:textColor="@color/black"
android:textSize="15sp"
android:textStyle="bold"
android:layout_marginBottom="50dp"
android:layout_marginStart="20dp"
app:layout_constraintBottom_toTopOf="@+id/confirm_code"
app:layout_constraintStart_toStartOf="parent" />
<TextView
android:id="@+id/textview_resendCode"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
android:text="Gửi lại sau: "
android:fontFamily="@font/opensans"
android:textColor="@color/black"
android:textStyle="bold"
android:layout_margin="20dp"
app:layout_constraintBottom_toTopOf="@+id/confirm_code"
app:layout_constraintStart_toStartOf="parent" />
<TextView
android:id="@+id/textview_countdown"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/opensans"
android:text="00:35"
android:layout_marginBottom="20dp"
android:textColor="@color/secondary"
android:textSize="15sp"
android:textStyle="bold"
app:layout_constraintStart_toEndOf="@id/textview_resendCode"
app:layout_constraintBottom_toTopOf="@+id/confirm_code"
/>
<TextView
android:id="@+id/textview_resendCode_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
android:text="@string/resend_code"
android:fontFamily="@font/opensans"
android:textColor="@color/primaryColor"
android:textStyle="bold"
android:layout_margin="20dp"
app:layout_constraintBottom_toTopOf="@+id/confirm_code"
app:layout_constraintStart_toStartOf="parent"
android:visibility="gone"
/>
<com.google.android.material.button.MaterialButton
android:id="@+id/confirm_code"
style="@style/DefaultSolid"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:fontFamily="@font/bebas"
android:padding="10dp"
android:text="@string/confirm"
android:textSize="20sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" />
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent" android:layout_width="match_parent"
@@ -239,6 +247,7 @@
android:background="#80000000" android:background="#80000000"
android:id="@+id/progress_layout" android:id="@+id/progress_layout"
android:visibility="gone" android:visibility="gone"
android:clickable="true"
> >
<ProgressBar <ProgressBar