alteracoes design de login e criar conta
This commit is contained in:
9
app/src/main/res/drawable/bg_input_field.xml
Normal file
9
app/src/main/res/drawable/bg_input_field.xml
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<shape xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
android:shape="rectangle">
|
||||||
|
<solid android:color="#F5F5F5" />
|
||||||
|
<corners android:radius="12dp" />
|
||||||
|
<stroke
|
||||||
|
android:width="0dp"
|
||||||
|
android:color="#E0E0E0" />
|
||||||
|
</shape>
|
||||||
11
app/src/main/res/drawable/ic_header_login_bg.xml
Normal file
11
app/src/main/res/drawable/ic_header_login_bg.xml
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<vector xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
android:width="412dp"
|
||||||
|
android:height="300dp"
|
||||||
|
android:viewportWidth="412"
|
||||||
|
android:viewportHeight="300">
|
||||||
|
|
||||||
|
<path
|
||||||
|
android:fillColor="#121212"
|
||||||
|
android:pathData="M0,0 L412,0 L412,220 C412,220 300,300 0,220 L0,0 Z" />
|
||||||
|
</vector>
|
||||||
11
app/src/main/res/drawable/ic_header_signup_bg.xml
Normal file
11
app/src/main/res/drawable/ic_header_signup_bg.xml
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<vector xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
android:width="412dp"
|
||||||
|
android:height="200dp"
|
||||||
|
android:viewportWidth="412"
|
||||||
|
android:viewportHeight="200">
|
||||||
|
|
||||||
|
<path
|
||||||
|
android:fillColor="#121212"
|
||||||
|
android:pathData="M0,0 L412,0 L412,150 C300,200 100,200 0,150 L0,0 Z" />
|
||||||
|
</vector>
|
||||||
@@ -3,271 +3,189 @@
|
|||||||
xmlns:android="http://schemas.android.com/apk/res/android"
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||||
xmlns:tools="http://schemas.android.com/tools"
|
xmlns:tools="http://schemas.android.com/tools"
|
||||||
|
android:id="@+id/main"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="match_parent"
|
android:layout_height="match_parent"
|
||||||
android:background="#FFFFFF"
|
android:background="#FFFFFF">
|
||||||
android:id="@+id/main"
|
|
||||||
android:padding="0dp">
|
|
||||||
|
|
||||||
<!-- Logo/Title Section -->
|
<!-- Header Background -->
|
||||||
<LinearLayout
|
<ImageView
|
||||||
android:id="@+id/headerSection"
|
android:id="@+id/headerBg"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="250dp"
|
||||||
|
android:scaleType="fitXY"
|
||||||
|
android:src="@drawable/ic_header_signup_bg"
|
||||||
|
app:layout_constraintTop_toTopOf="parent"
|
||||||
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
|
app:layout_constraintStart_toStartOf="parent" />
|
||||||
|
|
||||||
|
<!-- Header Title (as per design image, showing "Sign Up" in header) or Body?
|
||||||
|
The image shows "Sign Up" text in the header area. -->
|
||||||
|
<TextView
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:orientation="vertical"
|
android:text="Sign Up"
|
||||||
android:gravity="center"
|
android:textColor="#FFFFFF"
|
||||||
|
android:textSize="32sp"
|
||||||
|
android:textStyle="bold"
|
||||||
android:layout_marginTop="60dp"
|
android:layout_marginTop="60dp"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintTop_toTopOf="parent"
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
app:layout_constraintStart_toStartOf="parent"
|
||||||
app:layout_constraintTop_toTopOf="parent">
|
app:layout_constraintEnd_toEndOf="parent" />
|
||||||
|
|
||||||
|
<!-- Back Button (Optional, not in Java but good for UX) -->
|
||||||
|
|
||||||
<TextView
|
|
||||||
android:id="@+id/textView4"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:text="VdcScore"
|
|
||||||
android:textSize="48sp"
|
|
||||||
android:textStyle="bold"
|
|
||||||
android:textColor="#212121"
|
|
||||||
android:letterSpacing="0.05" />
|
|
||||||
|
|
||||||
<TextView
|
<!-- Sign Up Form Container -->
|
||||||
android:id="@+id/textView"
|
<ScrollView
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="0dp"
|
||||||
android:layout_marginTop="12dp"
|
android:fillViewport="true"
|
||||||
android:text="Criar Conta"
|
android:layout_marginTop="160dp"
|
||||||
android:textSize="18sp"
|
app:layout_constraintTop_toTopOf="parent"
|
||||||
android:textColor="#757575"
|
app:layout_constraintBottom_toBottomOf="parent">
|
||||||
android:fontFamily="sans-serif-light" />
|
|
||||||
|
|
||||||
</LinearLayout>
|
<LinearLayout
|
||||||
|
|
||||||
<!-- Main Card -->
|
|
||||||
<com.google.android.material.card.MaterialCardView
|
|
||||||
android:id="@+id/cardRegister"
|
|
||||||
android:layout_width="0dp"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:layout_marginStart="24dp"
|
|
||||||
android:layout_marginEnd="24dp"
|
|
||||||
android:layout_marginTop="40dp"
|
|
||||||
android:elevation="2dp"
|
|
||||||
app:cardCornerRadius="16dp"
|
|
||||||
app:cardBackgroundColor="#FFFFFF"
|
|
||||||
app:cardUseCompatPadding="true"
|
|
||||||
app:strokeWidth="1dp"
|
|
||||||
app:strokeColor="#E0E0E0"
|
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
|
||||||
app:layout_constraintTop_toBottomOf="@+id/headerSection">
|
|
||||||
|
|
||||||
<ScrollView
|
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:fillViewport="true">
|
android:orientation="vertical"
|
||||||
|
android:paddingHorizontal="32dp"
|
||||||
|
android:paddingTop="20dp"
|
||||||
|
android:paddingBottom="20dp"
|
||||||
|
android:background="@drawable/bg_bottom_sheet_curve"> <!-- Implicit white background from activity, but layout structure follows scrolling -->
|
||||||
|
|
||||||
|
<!-- User Name Label -->
|
||||||
|
<TextView
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:text="Nome de Utilizador"
|
||||||
|
android:textColor="#212121"
|
||||||
|
android:textStyle="bold"
|
||||||
|
android:layout_marginBottom="8dp"
|
||||||
|
android:layout_marginStart="4dp"/>
|
||||||
|
|
||||||
|
<com.google.android.material.textfield.TextInputEditText
|
||||||
|
android:id="@+id/editUserName"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="50dp"
|
||||||
|
android:background="@drawable/bg_input_field"
|
||||||
|
android:paddingHorizontal="16dp"
|
||||||
|
android:inputType="textPersonName"
|
||||||
|
android:hint="Tony"
|
||||||
|
android:textColor="#424242"
|
||||||
|
android:textColorHint="#BDBDBD"
|
||||||
|
android:textSize="14sp"
|
||||||
|
android:layout_marginBottom="24dp" />
|
||||||
|
|
||||||
|
<!-- Email Label -->
|
||||||
|
<TextView
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:text="Email"
|
||||||
|
android:textColor="#212121"
|
||||||
|
android:textStyle="bold"
|
||||||
|
android:layout_marginBottom="8dp"
|
||||||
|
android:layout_marginStart="4dp"/>
|
||||||
|
|
||||||
|
<com.google.android.material.textfield.TextInputEditText
|
||||||
|
android:id="@+id/editEmail"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="50dp"
|
||||||
|
android:background="@drawable/bg_input_field"
|
||||||
|
android:paddingHorizontal="16dp"
|
||||||
|
android:inputType="textEmailAddress"
|
||||||
|
android:hint="email@exemplo.com"
|
||||||
|
android:textColor="#424242"
|
||||||
|
android:textColorHint="#BDBDBD"
|
||||||
|
android:textSize="14sp"
|
||||||
|
android:layout_marginBottom="24dp" />
|
||||||
|
|
||||||
|
<!-- Password Label -->
|
||||||
|
<TextView
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:text="Password"
|
||||||
|
android:textColor="#212121"
|
||||||
|
android:textStyle="bold"
|
||||||
|
android:layout_marginBottom="8dp"
|
||||||
|
android:layout_marginStart="4dp"/>
|
||||||
|
|
||||||
|
<com.google.android.material.textfield.TextInputEditText
|
||||||
|
android:id="@+id/editPassword2"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="50dp"
|
||||||
|
android:background="@drawable/bg_input_field"
|
||||||
|
android:paddingHorizontal="16dp"
|
||||||
|
android:inputType="textPassword"
|
||||||
|
android:hint="********"
|
||||||
|
android:textColor="#424242"
|
||||||
|
android:textColorHint="#BDBDBD"
|
||||||
|
android:textSize="14sp"
|
||||||
|
android:layout_marginBottom="24dp" />
|
||||||
|
|
||||||
|
<!-- Confirm Password Label -->
|
||||||
|
<TextView
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:text="Confirmar Password"
|
||||||
|
android:textColor="#212121"
|
||||||
|
android:textStyle="bold"
|
||||||
|
android:layout_marginBottom="8dp"
|
||||||
|
android:layout_marginStart="4dp"/>
|
||||||
|
|
||||||
|
<com.google.android.material.textfield.TextInputEditText
|
||||||
|
android:id="@+id/editConfirmPassword"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="50dp"
|
||||||
|
android:background="@drawable/bg_input_field"
|
||||||
|
android:paddingHorizontal="16dp"
|
||||||
|
android:inputType="textPassword"
|
||||||
|
android:hint="********"
|
||||||
|
android:textColor="#424242"
|
||||||
|
android:textColorHint="#BDBDBD"
|
||||||
|
android:textSize="14sp"
|
||||||
|
android:layout_marginBottom="32dp" />
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Sign Up Button -->
|
||||||
|
<Button
|
||||||
|
android:id="@+id/btnCreateAccount"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="55dp"
|
||||||
|
android:text="Sign Up"
|
||||||
|
android:textAllCaps="false"
|
||||||
|
android:textSize="16sp"
|
||||||
|
android:textStyle="bold"
|
||||||
|
android:textColor="#FFFFFF"
|
||||||
|
android:backgroundTint="#000000"
|
||||||
|
app:cornerRadius="12dp"
|
||||||
|
android:layout_marginBottom="24dp" />
|
||||||
|
|
||||||
|
<!-- Login Link -->
|
||||||
<LinearLayout
|
<LinearLayout
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:orientation="vertical"
|
android:orientation="horizontal"
|
||||||
android:padding="32dp">
|
android:gravity="center">
|
||||||
|
|
||||||
<!-- Title inside card -->
|
|
||||||
<TextView
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:text="Registo"
|
|
||||||
android:textSize="32sp"
|
|
||||||
android:textStyle="bold"
|
|
||||||
android:textColor="#212121"
|
|
||||||
android:layout_marginBottom="8dp" />
|
|
||||||
|
|
||||||
<TextView
|
<TextView
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:text="Cria a tua conta para começar"
|
android:text="Já tem uma conta? "
|
||||||
android:textSize="15sp"
|
android:textColor="#757575" />
|
||||||
android:textColor="#757575"
|
|
||||||
android:layout_marginBottom="32dp" />
|
|
||||||
|
|
||||||
<!-- Nome de Utilizador Input -->
|
<TextView
|
||||||
<com.google.android.material.textfield.TextInputLayout
|
android:id="@+id/txtGoLogin"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_marginBottom="20dp"
|
android:text="Sign In"
|
||||||
android:hint="Nome de Utilizador"
|
android:textColor="#000000"
|
||||||
app:boxCornerRadiusTopStart="12dp"
|
|
||||||
app:boxCornerRadiusTopEnd="12dp"
|
|
||||||
app:boxCornerRadiusBottomStart="12dp"
|
|
||||||
app:boxCornerRadiusBottomEnd="12dp"
|
|
||||||
app:boxStrokeWidth="1dp"
|
|
||||||
app:boxStrokeColor="#BDBDBD"
|
|
||||||
app:startIconDrawable="@android:drawable/ic_menu_myplaces"
|
|
||||||
app:startIconTint="#616161"
|
|
||||||
app:boxBackgroundMode="outline"
|
|
||||||
style="@style/Widget.Material3.TextInputLayout.OutlinedBox">
|
|
||||||
|
|
||||||
<com.google.android.material.textfield.TextInputEditText
|
|
||||||
android:id="@+id/editUserName"
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:inputType="textPersonName"
|
|
||||||
android:textColor="#212121"
|
|
||||||
android:textColorHint="#9E9E9E"
|
|
||||||
android:textSize="16sp"
|
|
||||||
android:padding="18dp"
|
|
||||||
android:background="@android:color/transparent" />
|
|
||||||
|
|
||||||
</com.google.android.material.textfield.TextInputLayout>
|
|
||||||
|
|
||||||
<!-- Email Input -->
|
|
||||||
<com.google.android.material.textfield.TextInputLayout
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:layout_marginBottom="20dp"
|
|
||||||
android:hint="Email"
|
|
||||||
app:boxCornerRadiusTopStart="12dp"
|
|
||||||
app:boxCornerRadiusTopEnd="12dp"
|
|
||||||
app:boxCornerRadiusBottomStart="12dp"
|
|
||||||
app:boxCornerRadiusBottomEnd="12dp"
|
|
||||||
app:boxStrokeWidth="1dp"
|
|
||||||
app:boxStrokeColor="#BDBDBD"
|
|
||||||
app:startIconDrawable="@android:drawable/ic_dialog_email"
|
|
||||||
app:startIconTint="#616161"
|
|
||||||
app:boxBackgroundMode="outline"
|
|
||||||
style="@style/Widget.Material3.TextInputLayout.OutlinedBox">
|
|
||||||
|
|
||||||
<com.google.android.material.textfield.TextInputEditText
|
|
||||||
android:id="@+id/editEmail"
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:inputType="textEmailAddress"
|
|
||||||
android:textColor="#212121"
|
|
||||||
android:textColorHint="#9E9E9E"
|
|
||||||
android:textSize="16sp"
|
|
||||||
android:padding="18dp"
|
|
||||||
android:background="@android:color/transparent" />
|
|
||||||
|
|
||||||
</com.google.android.material.textfield.TextInputLayout>
|
|
||||||
|
|
||||||
<!-- Password Input -->
|
|
||||||
<com.google.android.material.textfield.TextInputLayout
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:layout_marginBottom="20dp"
|
|
||||||
android:hint="Password"
|
|
||||||
app:boxCornerRadiusTopStart="12dp"
|
|
||||||
app:boxCornerRadiusTopEnd="12dp"
|
|
||||||
app:boxCornerRadiusBottomStart="12dp"
|
|
||||||
app:boxCornerRadiusBottomEnd="12dp"
|
|
||||||
app:boxStrokeWidth="1dp"
|
|
||||||
app:boxStrokeColor="#BDBDBD"
|
|
||||||
app:startIconDrawable="@android:drawable/ic_lock_lock"
|
|
||||||
app:startIconTint="#616161"
|
|
||||||
app:endIconMode="password_toggle"
|
|
||||||
app:endIconTint="#616161"
|
|
||||||
app:boxBackgroundMode="outline"
|
|
||||||
style="@style/Widget.Material3.TextInputLayout.OutlinedBox">
|
|
||||||
|
|
||||||
<com.google.android.material.textfield.TextInputEditText
|
|
||||||
android:id="@+id/editPassword2"
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:inputType="textPassword"
|
|
||||||
android:textColor="#212121"
|
|
||||||
android:textColorHint="#9E9E9E"
|
|
||||||
android:textSize="16sp"
|
|
||||||
android:padding="18dp"
|
|
||||||
android:background="@android:color/transparent" />
|
|
||||||
|
|
||||||
</com.google.android.material.textfield.TextInputLayout>
|
|
||||||
|
|
||||||
<!-- Confirm Password Input -->
|
|
||||||
<com.google.android.material.textfield.TextInputLayout
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:layout_marginBottom="12dp"
|
|
||||||
android:hint="Confirmar Password"
|
|
||||||
app:boxCornerRadiusTopStart="12dp"
|
|
||||||
app:boxCornerRadiusTopEnd="12dp"
|
|
||||||
app:boxCornerRadiusBottomStart="12dp"
|
|
||||||
app:boxCornerRadiusBottomEnd="12dp"
|
|
||||||
app:boxStrokeWidth="1dp"
|
|
||||||
app:boxStrokeColor="#BDBDBD"
|
|
||||||
app:startIconDrawable="@android:drawable/ic_lock_lock"
|
|
||||||
app:startIconTint="#616161"
|
|
||||||
app:endIconMode="password_toggle"
|
|
||||||
app:endIconTint="#616161"
|
|
||||||
app:boxBackgroundMode="outline"
|
|
||||||
style="@style/Widget.Material3.TextInputLayout.OutlinedBox">
|
|
||||||
|
|
||||||
<com.google.android.material.textfield.TextInputEditText
|
|
||||||
android:id="@+id/editConfirmPassword"
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:inputType="textPassword"
|
|
||||||
android:textColor="#212121"
|
|
||||||
android:textColorHint="#9E9E9E"
|
|
||||||
android:textSize="16sp"
|
|
||||||
android:padding="18dp"
|
|
||||||
android:background="@android:color/transparent" />
|
|
||||||
|
|
||||||
</com.google.android.material.textfield.TextInputLayout>
|
|
||||||
|
|
||||||
<!-- Create Account Button -->
|
|
||||||
<Button
|
|
||||||
android:id="@+id/btnCreateAccount"
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="60dp"
|
|
||||||
android:backgroundTint="#424242"
|
|
||||||
android:text="Criar Conta"
|
|
||||||
android:textColor="#FFFFFF"
|
|
||||||
android:textSize="17sp"
|
|
||||||
android:textStyle="bold"
|
android:textStyle="bold"
|
||||||
android:letterSpacing="0.05"
|
android:clickable="true"
|
||||||
android:elevation="2dp"
|
android:focusable="true"/>
|
||||||
android:stateListAnimator="@null"
|
|
||||||
android:layout_marginTop="12dp" />
|
|
||||||
|
|
||||||
</LinearLayout>
|
</LinearLayout>
|
||||||
|
|
||||||
</ScrollView>
|
</LinearLayout>
|
||||||
|
</ScrollView>
|
||||||
</com.google.android.material.card.MaterialCardView>
|
|
||||||
|
|
||||||
<!-- Login Link -->
|
|
||||||
<LinearLayout
|
|
||||||
android:id="@+id/loginSection"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:orientation="horizontal"
|
|
||||||
android:gravity="center"
|
|
||||||
android:padding="16dp"
|
|
||||||
android:layout_marginTop="24dp"
|
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
|
||||||
app:layout_constraintTop_toBottomOf="@+id/cardRegister">
|
|
||||||
|
|
||||||
<TextView
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:text="Já tens conta? "
|
|
||||||
android:textColor="#757575"
|
|
||||||
android:textSize="15sp" />
|
|
||||||
|
|
||||||
<TextView
|
|
||||||
android:id="@+id/txtGoLogin"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:text="Entrar"
|
|
||||||
android:textColor="#212121"
|
|
||||||
android:textStyle="bold"
|
|
||||||
android:textSize="15sp"
|
|
||||||
android:clickable="true"
|
|
||||||
android:focusable="true"
|
|
||||||
android:padding="8dp"
|
|
||||||
android:background="?attr/selectableItemBackgroundBorderless" />
|
|
||||||
|
|
||||||
</LinearLayout>
|
|
||||||
|
|
||||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
</androidx.constraintlayout.widget.ConstraintLayout>
|
||||||
|
|||||||
@@ -5,68 +5,48 @@
|
|||||||
xmlns:tools="http://schemas.android.com/tools"
|
xmlns:tools="http://schemas.android.com/tools"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="match_parent"
|
android:layout_height="match_parent"
|
||||||
android:background="#FFFFFF"
|
android:background="#FFFFFF">
|
||||||
android:padding="0dp">
|
|
||||||
|
|
||||||
<!-- Logo/Title Section -->
|
<!-- Header Background -->
|
||||||
<LinearLayout
|
<ImageView
|
||||||
android:id="@+id/headerSection"
|
android:id="@+id/headerBg"
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="300dp"
|
||||||
android:orientation="vertical"
|
android:scaleType="fitXY"
|
||||||
android:gravity="center"
|
android:src="@drawable/ic_header_login_bg"
|
||||||
android:layout_marginTop="80dp"
|
app:layout_constraintTop_toTopOf="parent"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
|
app:layout_constraintStart_toStartOf="parent" />
|
||||||
|
|
||||||
|
<!-- Logo -->
|
||||||
|
<ImageView
|
||||||
|
android:id="@+id/logoImage"
|
||||||
|
android:layout_width="80dp"
|
||||||
|
android:layout_height="80dp"
|
||||||
|
android:layout_marginTop="60dp"
|
||||||
|
android:src="@mipmap/ic_launcher"
|
||||||
|
app:layout_constraintTop_toTopOf="parent"
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
app:layout_constraintStart_toStartOf="parent"
|
||||||
app:layout_constraintTop_toTopOf="parent">
|
|
||||||
|
|
||||||
<TextView
|
|
||||||
android:id="@+id/textView3"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:text="VdcScore"
|
|
||||||
android:textSize="48sp"
|
|
||||||
android:textStyle="bold"
|
|
||||||
android:textColor="#212121"
|
|
||||||
android:letterSpacing="0.05" />
|
|
||||||
|
|
||||||
<TextView
|
|
||||||
android:id="@+id/textSubtitle"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:layout_marginTop="12dp"
|
|
||||||
android:text="Bem-vindo de volta"
|
|
||||||
android:textSize="18sp"
|
|
||||||
android:textColor="#757575"
|
|
||||||
android:fontFamily="sans-serif-light" />
|
|
||||||
|
|
||||||
</LinearLayout>
|
|
||||||
|
|
||||||
<!-- Main Card -->
|
|
||||||
<com.google.android.material.card.MaterialCardView
|
|
||||||
android:id="@+id/cardLogin"
|
|
||||||
android:layout_width="0dp"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:layout_marginStart="24dp"
|
|
||||||
android:layout_marginEnd="24dp"
|
|
||||||
android:layout_marginTop="40dp"
|
|
||||||
android:elevation="2dp"
|
|
||||||
app:cardCornerRadius="16dp"
|
|
||||||
app:cardBackgroundColor="#FFFFFF"
|
|
||||||
app:cardUseCompatPadding="true"
|
|
||||||
app:strokeWidth="1dp"
|
|
||||||
app:strokeColor="#E0E0E0"
|
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
android:elevation="4dp" />
|
||||||
app:layout_constraintTop_toBottomOf="@+id/headerSection">
|
|
||||||
|
|
||||||
<LinearLayout
|
<!-- Login Form Container -->
|
||||||
|
<ScrollView
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="0dp"
|
||||||
|
android:fillViewport="true"
|
||||||
|
android:layout_marginTop="-40dp"
|
||||||
|
app:layout_constraintTop_toBottomOf="@+id/headerBg"
|
||||||
|
app:layout_constraintBottom_toBottomOf="parent">
|
||||||
|
|
||||||
|
<LinearLayout
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:orientation="vertical"
|
android:orientation="vertical"
|
||||||
android:padding="32dp">
|
android:paddingHorizontal="32dp"
|
||||||
|
android:paddingTop="20dp"
|
||||||
|
android:paddingBottom="20dp">
|
||||||
|
|
||||||
<!-- Title inside card -->
|
|
||||||
<TextView
|
<TextView
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
@@ -74,157 +54,128 @@
|
|||||||
android:textSize="32sp"
|
android:textSize="32sp"
|
||||||
android:textStyle="bold"
|
android:textStyle="bold"
|
||||||
android:textColor="#212121"
|
android:textColor="#212121"
|
||||||
android:layout_marginBottom="8dp" />
|
android:layout_gravity="center_horizontal"
|
||||||
|
android:layout_marginBottom="40dp" />
|
||||||
|
|
||||||
|
<!-- Email Label -->
|
||||||
<TextView
|
<TextView
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:text="Entre na sua conta para continuar"
|
android:text="Email"
|
||||||
android:textSize="15sp"
|
android:textColor="#212121"
|
||||||
android:textColor="#757575"
|
android:textStyle="bold"
|
||||||
android:layout_marginBottom="32dp" />
|
android:layout_marginBottom="8dp"
|
||||||
|
android:layout_marginStart="4dp"/>
|
||||||
|
|
||||||
<!-- Email Input -->
|
<!-- Email Input -->
|
||||||
<com.google.android.material.textfield.TextInputLayout
|
<com.google.android.material.textfield.TextInputEditText
|
||||||
|
android:id="@+id/editEmail"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="50dp"
|
||||||
|
android:background="@drawable/bg_input_field"
|
||||||
|
android:paddingHorizontal="16dp"
|
||||||
|
android:inputType="textEmailAddress"
|
||||||
|
android:hint="email@exemplo.com"
|
||||||
|
android:textColor="#424242"
|
||||||
|
android:textColorHint="#BDBDBD"
|
||||||
|
android:textSize="14sp"
|
||||||
|
android:layout_marginBottom="24dp" />
|
||||||
|
|
||||||
|
<!-- Password Label -->
|
||||||
|
<TextView
|
||||||
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_marginBottom="20dp"
|
android:text="Password"
|
||||||
android:hint="Email"
|
android:textColor="#212121"
|
||||||
app:boxCornerRadiusTopStart="12dp"
|
android:textStyle="bold"
|
||||||
app:boxCornerRadiusTopEnd="12dp"
|
android:layout_marginBottom="8dp"
|
||||||
app:boxCornerRadiusBottomStart="12dp"
|
android:layout_marginStart="4dp"/>
|
||||||
app:boxCornerRadiusBottomEnd="12dp"
|
|
||||||
app:boxStrokeWidth="1dp"
|
|
||||||
app:boxStrokeColor="#BDBDBD"
|
|
||||||
app:startIconDrawable="@android:drawable/ic_dialog_email"
|
|
||||||
app:startIconTint="#616161"
|
|
||||||
app:boxBackgroundMode="outline"
|
|
||||||
style="@style/Widget.Material3.TextInputLayout.OutlinedBox">
|
|
||||||
|
|
||||||
<com.google.android.material.textfield.TextInputEditText
|
|
||||||
android:id="@+id/editEmail"
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:inputType="textEmailAddress"
|
|
||||||
android:textColor="#212121"
|
|
||||||
android:textColorHint="#9E9E9E"
|
|
||||||
android:textSize="16sp"
|
|
||||||
android:padding="18dp"
|
|
||||||
android:background="@android:color/transparent" />
|
|
||||||
|
|
||||||
</com.google.android.material.textfield.TextInputLayout>
|
|
||||||
|
|
||||||
<!-- Password Input -->
|
<!-- Password Input -->
|
||||||
<com.google.android.material.textfield.TextInputLayout
|
<com.google.android.material.textfield.TextInputEditText
|
||||||
|
android:id="@+id/editPassword2"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="50dp"
|
||||||
|
android:background="@drawable/bg_input_field"
|
||||||
|
android:paddingHorizontal="16dp"
|
||||||
|
android:inputType="textPassword"
|
||||||
|
android:hint="********"
|
||||||
|
android:textColor="#424242"
|
||||||
|
android:textColorHint="#BDBDBD"
|
||||||
|
android:textSize="14sp"
|
||||||
|
android:layout_marginBottom="16dp" />
|
||||||
|
|
||||||
|
<!-- Remember Me & Forgot Password -->
|
||||||
|
<LinearLayout
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_marginBottom="12dp"
|
android:orientation="horizontal"
|
||||||
android:hint="Password"
|
android:gravity="center_vertical"
|
||||||
app:boxCornerRadiusTopStart="12dp"
|
android:layout_marginBottom="32dp">
|
||||||
app:boxCornerRadiusTopEnd="12dp"
|
|
||||||
app:boxCornerRadiusBottomStart="12dp"
|
|
||||||
app:boxCornerRadiusBottomEnd="12dp"
|
|
||||||
app:boxStrokeWidth="1dp"
|
|
||||||
app:boxStrokeColor="#BDBDBD"
|
|
||||||
app:startIconDrawable="@android:drawable/ic_lock_lock"
|
|
||||||
app:startIconTint="#616161"
|
|
||||||
app:endIconMode="password_toggle"
|
|
||||||
app:endIconTint="#616161"
|
|
||||||
app:boxBackgroundMode="outline"
|
|
||||||
style="@style/Widget.Material3.TextInputLayout.OutlinedBox">
|
|
||||||
|
|
||||||
<com.google.android.material.textfield.TextInputEditText
|
<CheckBox
|
||||||
android:id="@+id/editPassword2"
|
android:id="@+id/checkRememberMe"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:inputType="textPassword"
|
android:text="Lembrar"
|
||||||
android:textColor="#212121"
|
android:textColor="#757575"/>
|
||||||
android:textColorHint="#9E9E9E"
|
|
||||||
android:textSize="16sp"
|
|
||||||
android:padding="18dp"
|
|
||||||
android:background="@android:color/transparent" />
|
|
||||||
|
|
||||||
</com.google.android.material.textfield.TextInputLayout>
|
<View
|
||||||
|
android:layout_width="0dp"
|
||||||
|
android:layout_height="0dp"
|
||||||
|
android:layout_weight="1" />
|
||||||
|
|
||||||
<!-- Remember Me Checkbox -->
|
<TextView
|
||||||
<CheckBox
|
android:id="@+id/txtForgotPassword"
|
||||||
android:id="@+id/checkRememberMe"
|
android:layout_width="wrap_content"
|
||||||
android:layout_width="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:text="Esqueceu a senha?"
|
||||||
android:layout_marginBottom="12dp"
|
android:textColor="#757575"
|
||||||
android:text="Lembrar-me"
|
android:textStyle="bold"
|
||||||
android:textColor="#616161"
|
android:textSize="12sp"
|
||||||
android:textSize="14sp" />
|
android:clickable="true"
|
||||||
|
android:focusable="true"/>
|
||||||
<!-- Forgot Password Link -->
|
</LinearLayout>
|
||||||
<TextView
|
|
||||||
android:id="@+id/txtForgotPassword"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:layout_gravity="end"
|
|
||||||
android:layout_marginBottom="28dp"
|
|
||||||
android:text="Esqueceu a palavra-passe?"
|
|
||||||
android:textColor="#616161"
|
|
||||||
android:textSize="14sp"
|
|
||||||
android:textStyle="bold"
|
|
||||||
android:clickable="true"
|
|
||||||
android:focusable="true"
|
|
||||||
android:padding="8dp"
|
|
||||||
android:background="?attr/selectableItemBackgroundBorderless" />
|
|
||||||
|
|
||||||
<!-- Login Button -->
|
<!-- Login Button -->
|
||||||
<Button
|
<Button
|
||||||
android:id="@+id/btnLogin"
|
android:id="@+id/btnLogin"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="60dp"
|
android:layout_height="55dp"
|
||||||
android:backgroundTint="#424242"
|
android:text="Login"
|
||||||
android:text="Entrar"
|
android:textAllCaps="false"
|
||||||
android:textColor="#FFFFFF"
|
android:textSize="16sp"
|
||||||
android:textSize="17sp"
|
|
||||||
android:textStyle="bold"
|
android:textStyle="bold"
|
||||||
android:letterSpacing="0.05"
|
android:textColor="#FFFFFF"
|
||||||
android:elevation="2dp"
|
android:backgroundTint="#000000"
|
||||||
android:stateListAnimator="@null"
|
app:cornerRadius="12dp"
|
||||||
android:layout_marginTop="4dp" />
|
android:layout_marginBottom="24dp" />
|
||||||
|
|
||||||
|
<!-- Sign Up Link -->
|
||||||
|
<LinearLayout
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:orientation="horizontal"
|
||||||
|
android:gravity="center">
|
||||||
|
|
||||||
|
<TextView
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:text="Não tem uma conta? "
|
||||||
|
android:textColor="#757575" />
|
||||||
|
|
||||||
|
<TextView
|
||||||
|
android:id="@+id/txtRegister"
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:text="Criar Conta"
|
||||||
|
android:textColor="#000000"
|
||||||
|
android:textStyle="bold"
|
||||||
|
android:clickable="true"
|
||||||
|
android:focusable="true"/>
|
||||||
|
</LinearLayout>
|
||||||
|
|
||||||
</LinearLayout>
|
</LinearLayout>
|
||||||
|
</ScrollView>
|
||||||
</com.google.android.material.card.MaterialCardView>
|
|
||||||
|
|
||||||
<!-- Register Link -->
|
|
||||||
<LinearLayout
|
|
||||||
android:id="@+id/registerSection"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:orientation="horizontal"
|
|
||||||
android:gravity="center"
|
|
||||||
android:padding="16dp"
|
|
||||||
android:layout_marginTop="24dp"
|
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
|
||||||
app:layout_constraintTop_toBottomOf="@+id/cardLogin">
|
|
||||||
|
|
||||||
<TextView
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:text="Não tens conta? "
|
|
||||||
android:textColor="#757575"
|
|
||||||
android:textSize="15sp" />
|
|
||||||
|
|
||||||
<TextView
|
|
||||||
android:id="@+id/txtRegister"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:text="Criar conta"
|
|
||||||
android:textColor="#212121"
|
|
||||||
android:textStyle="bold"
|
|
||||||
android:textSize="15sp"
|
|
||||||
android:clickable="true"
|
|
||||||
android:focusable="true"
|
|
||||||
android:padding="8dp"
|
|
||||||
android:background="?attr/selectableItemBackgroundBorderless"
|
|
||||||
android:drawablePadding="4dp" />
|
|
||||||
|
|
||||||
</LinearLayout>
|
|
||||||
|
|
||||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
</androidx.constraintlayout.widget.ConstraintLayout>
|
||||||
|
|||||||
Reference in New Issue
Block a user