agorise/bitsy-wallet
agorise/bitsy-wallet
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity

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.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/src/main/res/layout/fragment_home.xml
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"

3
app/src/main/res/values/dimens.xml
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>