Made login activity more modern

This commit is contained in:
Pierre HUBERT
2018-08-01 10:46:51 +02:00
parent eed86ea221
commit 22c51480a6
6 changed files with 133 additions and 53 deletions

View File

@ -0,0 +1,9 @@
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:angle="135"
android:centerColor="#3f51b5"
android:endColor="#283593"
android:startColor="#7986cb"
android:type="linear" />
</shape>

View File

@ -2,8 +2,8 @@
android:shape="rectangle">
<gradient
android:angle="135"
android:centerColor="#009688"
android:endColor="#00695C"
android:startColor="#4DB6AC"
android:centerColor="#3f51b5"
android:endColor="#283593"
android:startColor="#7986cb"
android:type="linear" />
</shape>

View File

@ -1,30 +1,48 @@
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal"
android:layout_marginBottom="16dp"
android:layout_marginEnd="16dp"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
android:paddingBottom="16dp"
android:paddingEnd="16dp"
android:paddingStart="16dp"
android:paddingTop="16dp"
android:orientation="vertical"
android:background="@drawable/activity_login_bg"
tools:context="org.communiquons.android.comunic.client.ui.activities.LoginActivity">
<!-- Login form -->
<TextView
android:id="@+id/textView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="5dp"
android:layout_marginTop="5dp"
android:text="@string/app_name"
android:textAlignment="center"
android:textColor="@android:color/background_light"
android:textSize="24sp" />
<!-- Login loading progress -->
<ProgressBar
android:id="@+id/progress_bar"
style="?android:attr/progressBarStyleLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_gravity="center_horizontal"
android:visibility="gone"/>
android:layout_centerVertical="true"
android:scrollbarAlwaysDrawVerticalTrack="false"
android:visibility="gone" />
<!-- Login form -->
<ScrollView
android:id="@+id/login_form"
android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_gravity="center_horizontal"
android:layout_centerVertical="true">
<LinearLayout
android:layout_width="match_parent"
@ -37,22 +55,24 @@
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAlignment="center"
android:textColor="#FF2222"
tools:text="Error content"
android:visibility="gone"/>
android:textColor="@color/colorAccent"
android:textStyle="bold"
android:visibility="gone"
tools:text="Error content" />
<!-- Email field -->
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:layout_height="wrap_content"
style="@style/LoginInput">
<EditText
android:id="@+id/email_field"
style="@style/LoginInput"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/activity_login_email_hint"
android:inputType="textEmailAddress"
/>
android:inputType="textEmailAddress" />
</android.support.design.widget.TextInputLayout>
@ -60,7 +80,8 @@
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp">
android:layout_marginTop="8dp"
style="@style/LoginInput">
<EditText
android:id="@+id/password_field"
@ -68,7 +89,7 @@
android:layout_height="wrap_content"
android:hint="@string/activity_login_password_hint"
android:inputType="textPassword"
/>
style="@style/LoginInput" />
</android.support.design.widget.TextInputLayout>
@ -85,4 +106,4 @@
</ScrollView>
</LinearLayout>
</RelativeLayout>

View File

@ -2,7 +2,7 @@
<resources>
<color name="colorPrimary">#3F51B5</color>
<color name="colorPrimaryDark">#303F9F</color>
<color name="colorAccent">#FF4081</color>
<color name="colorAccent">#ff4081</color>
<color name="holo_green_dark">#ff669900</color>
<color name="darker_gray">#aaa</color>

View File

@ -12,6 +12,15 @@
<item name="colorAccent">@color/colorAccent</item>
</style>
<!-- Login activity -->
<style name="LoginInput">
<item name="android:textColor">@android:color/white</item>
<item name="android:textColorHint">@android:color/white</item>
<item name="android:textColorLink">@android:color/white</item>
<item name="android:textColorHighlight">@android:color/white</item>
</style>
<!-- User page fragment -->
<!-- User page header -->
<style name="UserPageHeader">