Improve HomeFragment layout by increasing elevation (and shadows) of buttons, changing the line that connect the camera and send buttons to red color and also improving the Send and Receive text by using caps and a small spacing from the buttons above.

This commit is contained in:
Severiano Jaramillo 2019-01-16 09:47:17 -06:00
parent 7f10c931a4
commit 12d17c54d3
2 changed files with 14 additions and 1 deletions

View file

@ -37,11 +37,13 @@
<com.google.android.material.floatingactionbutton.FloatingActionButton <com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fabReceiveTransaction" android:id="@+id/fabReceiveTransaction"
style="@style/Widget.MaterialComponents.FloatingActionButton"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
app:fabSize="auto" app:fabSize="auto"
app:fabCustomSize="120dp" app:fabCustomSize="120dp"
app:maxImageSize="70dp" app:maxImageSize="70dp"
app:elevation="@dimen/fab_elevation"
app:borderWidth="0dp" app:borderWidth="0dp"
android:backgroundTint="@color/colorReceive" android:backgroundTint="@color/colorReceive"
android:src="@drawable/ic_receive" android:src="@drawable/ic_receive"
@ -55,7 +57,9 @@
android:id="@+id/tvReceiveTransaction" android:id="@+id/tvReceiveTransaction"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:paddingTop="8dp"
android:text="@string/title_receive" android:text="@string/title_receive"
android:textAllCaps="true"
android:textAppearance="@style/TextAppearance.Bitsy.Body1" android:textAppearance="@style/TextAppearance.Bitsy.Body1"
android:textAlignment="center" android:textAlignment="center"
app:layout_constraintTop_toBottomOf="@+id/fabReceiveTransaction" app:layout_constraintTop_toBottomOf="@+id/fabReceiveTransaction"
@ -65,10 +69,12 @@
<com.google.android.material.floatingactionbutton.FloatingActionButton <com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fabSendTransactionCamera" android:id="@+id/fabSendTransactionCamera"
style="@style/Widget.MaterialComponents.FloatingActionButton"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
app:fabSize="mini" app:fabSize="mini"
android:src="@drawable/ic_camera" android:src="@drawable/ic_camera"
app:elevation="@dimen/fab_elevation"
app:borderWidth="0dp" app:borderWidth="0dp"
android:backgroundTint="@color/colorSend" android:backgroundTint="@color/colorSend"
app:layout_constraintTop_toTopOf="@id/fabSendTransaction" app:layout_constraintTop_toTopOf="@id/fabSendTransaction"
@ -78,11 +84,13 @@
<com.google.android.material.floatingactionbutton.FloatingActionButton <com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fabSendTransaction" android:id="@+id/fabSendTransaction"
style="@style/Widget.MaterialComponents.FloatingActionButton"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
app:fabSize="auto" app:fabSize="auto"
app:fabCustomSize="120dp" app:fabCustomSize="120dp"
app:maxImageSize="70dp" app:maxImageSize="70dp"
app:elevation="@dimen/fab_elevation"
app:borderWidth="0dp" app:borderWidth="0dp"
android:backgroundTint="@color/colorSend" android:backgroundTint="@color/colorSend"
android:src="@drawable/ic_send" android:src="@drawable/ic_send"
@ -96,7 +104,9 @@
android:id="@+id/tvSendTransaction" android:id="@+id/tvSendTransaction"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:paddingTop="8dp"
android:text="@string/title_send" android:text="@string/title_send"
android:textAllCaps="true"
android:textAppearance="@style/TextAppearance.Bitsy.Body1" android:textAppearance="@style/TextAppearance.Bitsy.Body1"
android:textAlignment="center" android:textAlignment="center"
app:layout_constraintTop_toBottomOf="@+id/fabSendTransaction" app:layout_constraintTop_toBottomOf="@+id/fabSendTransaction"
@ -107,7 +117,7 @@
<View <View
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="1dp" android:layout_height="1dp"
android:background="@color/gray" android:background="@color/colorSend"
app:layout_constraintTop_toTopOf="@id/fabSendTransactionCamera" app:layout_constraintTop_toTopOf="@id/fabSendTransactionCamera"
app:layout_constraintBottom_toBottomOf="@id/fabSendTransactionCamera" app:layout_constraintBottom_toBottomOf="@id/fabSendTransactionCamera"
app:layout_constraintStart_toEndOf="@id/fabSendTransactionCamera" app:layout_constraintStart_toEndOf="@id/fabSendTransactionCamera"

View file

@ -12,6 +12,9 @@
<dimen name="spacing_different_topic">24dp</dimen> <dimen name="spacing_different_topic">24dp</dimen>
<dimen name="spacing_different_section">40dp</dimen> <dimen name="spacing_different_section">40dp</dimen>
<!-- Home -->
<dimen name="fab_elevation">16dp</dimen>
<!-- Initial setup --> <!-- Initial setup -->
<dimen name="logo_size">180dp</dimen> <dimen name="logo_size">180dp</dimen>