From 4821b9e70674f1f798fe57736811e1139691105b Mon Sep 17 00:00:00 2001
From: Marvin Borner
Date: Sun, 9 Sep 2018 19:27:09 +0200
Subject: Further login screen designing :lipstick: :art:
---
.../main/res/drawable/btn_fab_submit_gradient.xml | 20 +++++++++
app/src/main/res/drawable/ic_fab_submit.xml | 10 +++++
app/src/main/res/drawable/img_login_portrait.jpg | Bin 0 -> 4249729 bytes
.../res/drawable/text_email_top_background.xml | 9 ++++
.../drawable/text_password_bottom_background.xml | 9 ++++
app/src/main/res/layout/activity_login.xml | 47 ++++++++++++---------
app/src/main/res/values/dimens.xml | 3 +-
7 files changed, 78 insertions(+), 20 deletions(-)
create mode 100644 app/src/main/res/drawable/btn_fab_submit_gradient.xml
create mode 100644 app/src/main/res/drawable/ic_fab_submit.xml
create mode 100644 app/src/main/res/drawable/img_login_portrait.jpg
create mode 100644 app/src/main/res/drawable/text_email_top_background.xml
create mode 100644 app/src/main/res/drawable/text_password_bottom_background.xml
(limited to 'app/src')
diff --git a/app/src/main/res/drawable/btn_fab_submit_gradient.xml b/app/src/main/res/drawable/btn_fab_submit_gradient.xml
new file mode 100644
index 0000000..ad529d7
--- /dev/null
+++ b/app/src/main/res/drawable/btn_fab_submit_gradient.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+ <item>
+ <shape xmlns:android="http://schemas.android.com/apk/res/android"
+ android:shape="oval">
+ <gradient
+ android:angle="0"
+ android:endColor="#ff5252"
+ android:startColor="#f9a825"
+ android:type="linear" />
+ </shape>
+ </item>
+ <item
+ android:bottom="10dp"
+ android:drawable="@drawable/ic_fab_submit"
+ android:gravity="center"
+ android:left="10dp"
+ android:right="10dp"
+ android:top="10dp" />
+</layer-list>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_fab_submit.xml b/app/src/main/res/drawable/ic_fab_submit.xml
new file mode 100644
index 0000000..2cee69d
--- /dev/null
+++ b/app/src/main/res/drawable/ic_fab_submit.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+ android:width="24dp"
+ android:height="24dp"
+ android:tint="#FFFFFF"
+ android:viewportHeight="24.0"
+ android:viewportWidth="24.0">
+ <path
+ android:fillColor="#FF000000"
+ android:pathData="M9,16.17L4.83,12l-1.42,1.41L9,19 21,7l-1.41,-1.41z" />
+</vector>
diff --git a/app/src/main/res/drawable/img_login_portrait.jpg b/app/src/main/res/drawable/img_login_portrait.jpg
new file mode 100644
index 0000000..e2c666f
Binary files /dev/null and b/app/src/main/res/drawable/img_login_portrait.jpg differ
diff --git a/app/src/main/res/drawable/text_email_top_background.xml b/app/src/main/res/drawable/text_email_top_background.xml
new file mode 100644
index 0000000..54e66e8
--- /dev/null
+++ b/app/src/main/res/drawable/text_email_top_background.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+ android:shape="rectangle">
+ <size android:height="60dp" />
+ <solid android:color="#FFFFFF" />
+ <corners
+ android:topLeftRadius="15dp"
+ android:topRightRadius="15dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/text_password_bottom_background.xml b/app/src/main/res/drawable/text_password_bottom_background.xml
new file mode 100644
index 0000000..c8432bf
--- /dev/null
+++ b/app/src/main/res/drawable/text_password_bottom_background.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+ android:shape="rectangle">
+ <size android:height="60dp" />
+ <solid android:color="#FFFFFF" />
+ <corners
+ android:bottomLeftRadius="15dp"
+ android:bottomRightRadius="15dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_login.xml b/app/src/main/res/layout/activity_login.xml
index 6410385..da8bae3 100644
--- a/app/src/main/res/layout/activity_login.xml
+++ b/app/src/main/res/layout/activity_login.xml
@@ -4,6 +4,7 @@
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
+ android:background="@android:color/background_dark"
android:gravity="center_horizontal"
android:padding="0dp"
android:paddingBottom="@dimen/activity_vertical_margin"
@@ -18,6 +19,7 @@
android:id="@+id/image_background"
android:layout_width="match_parent"
android:layout_height="match_parent"
+ android:alpha="0.7"
android:scaleType="centerCrop"
app:srcCompat="@drawable/img_login_portrait" />
@@ -42,50 +44,57 @@
android:id="@+id/email"
android:layout_width="0dp"
android:layout_height="wrap_content"
- android:layout_marginBottom="8dp"
- android:layout_marginEnd="8dp"
- android:layout_marginStart="8dp"
+ android:layout_marginEnd="16dp"
+ android:layout_marginStart="16dp"
+ android:background="@drawable/text_email_top_background"
android:hint="@string/prompt_email"
android:inputType="textEmailAddress"
android:maxLines="1"
+ android:paddingLeft="10dp"
+ android:paddingRight="10dp"
android:singleLine="true"
+ android:textColor="@android:color/darker_gray"
+ android:textColorHint="@android:color/darker_gray"
app:layout_constraintBottom_toTopOf="@+id/password"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="1.0"
- app:layout_constraintStart_toStartOf="parent"
- app:layout_constraintVertical_chainStyle="packed" />
+ app:layout_constraintStart_toStartOf="parent" />
<EditText
android:id="@+id/password"
android:layout_width="0dp"
android:layout_height="wrap_content"
- android:layout_marginBottom="8dp"
- android:layout_marginEnd="8dp"
- android:layout_marginStart="8dp"
+ android:layout_marginBottom="100dp"
+ android:layout_marginEnd="16dp"
+ android:layout_marginStart="16dp"
+ android:background="@drawable/text_password_bottom_background"
android:hint="@string/prompt_password"
android:imeActionId="6"
android:imeActionLabel="@string/action_sign_in_short"
android:imeOptions="actionUnspecified"
android:inputType="textPassword"
android:maxLines="1"
+ android:paddingLeft="10dp"
+ android:paddingRight="10dp"
android:singleLine="true"
- app:layout_constraintBottom_toTopOf="@+id/button_sign_in"
- app:layout_constraintEnd_toEndOf="@+id/button_sign_in"
+ android:textColor="@android:color/darker_gray"
+ android:textColorHint="@android:color/darker_gray"
+ app:layout_constraintBottom_toBottomOf="parent"
+ app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
- app:layout_constraintStart_toStartOf="@+id/button_sign_in" />
+ app:layout_constraintStart_toStartOf="parent" />
- <Button
+ <android.support.design.widget.FloatingActionButton
android:id="@+id/button_sign_in"
- style="?android:textAppearanceSmall"
- android:layout_width="0dp"
+ android:layout_width="wrap_content"
android:layout_height="wrap_content"
- android:layout_marginBottom="100dp"
- android:text="@string/action_sign_in"
- android:textStyle="bold"
+ android:layout_marginBottom="72dp"
+ android:layout_marginEnd="32dp"
+ android:clickable="true"
+ app:fabSize="normal"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
- app:layout_constraintHorizontal_bias="0.0"
- app:layout_constraintStart_toStartOf="parent" />
+ app:srcCompat="@drawable/btn_fab_submit_gradient" />
</android.support.constraint.ConstraintLayout>
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
index 617af6a..1b4a395 100644
--- a/app/src/main/res/values/dimens.xml
+++ b/app/src/main/res/values/dimens.xml
@@ -1,4 +1,5 @@
-<resources>
+<resources xmlns:tools="http://schemas.android.com/tools">
+ <dimen name="design_fab_image_size" tools:override="true">56dp</dimen>
<dimen name="fab_margin">16dp</dimen>
<!-- Default screen margins, per the Android Design guidelines. -->
<dimen name="activity_horizontal_margin">16dp</dimen>
--
cgit v1.2.3