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:
parent
7f10c931a4
commit
12d17c54d3
2 changed files with 14 additions and 1 deletions
|
@ -37,11 +37,13 @@
|
|||
|
||||
<com.google.android.material.floatingactionbutton.FloatingActionButton
|
||||
android:id="@+id/fabReceiveTransaction"
|
||||
style="@style/Widget.MaterialComponents.FloatingActionButton"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
app:fabSize="auto"
|
||||
app:fabCustomSize="120dp"
|
||||
app:maxImageSize="70dp"
|
||||
app:elevation="@dimen/fab_elevation"
|
||||
app:borderWidth="0dp"
|
||||
android:backgroundTint="@color/colorReceive"
|
||||
android:src="@drawable/ic_receive"
|
||||
|
@ -55,7 +57,9 @@
|
|||
android:id="@+id/tvReceiveTransaction"
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:paddingTop="8dp"
|
||||
android:text="@string/title_receive"
|
||||
android:textAllCaps="true"
|
||||
android:textAppearance="@style/TextAppearance.Bitsy.Body1"
|
||||
android:textAlignment="center"
|
||||
app:layout_constraintTop_toBottomOf="@+id/fabReceiveTransaction"
|
||||
|
@ -65,10 +69,12 @@
|
|||
|
||||
<com.google.android.material.floatingactionbutton.FloatingActionButton
|
||||
android:id="@+id/fabSendTransactionCamera"
|
||||
style="@style/Widget.MaterialComponents.FloatingActionButton"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
app:fabSize="mini"
|
||||
android:src="@drawable/ic_camera"
|
||||
app:elevation="@dimen/fab_elevation"
|
||||
app:borderWidth="0dp"
|
||||
android:backgroundTint="@color/colorSend"
|
||||
app:layout_constraintTop_toTopOf="@id/fabSendTransaction"
|
||||
|
@ -78,11 +84,13 @@
|
|||
|
||||
<com.google.android.material.floatingactionbutton.FloatingActionButton
|
||||
android:id="@+id/fabSendTransaction"
|
||||
style="@style/Widget.MaterialComponents.FloatingActionButton"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
app:fabSize="auto"
|
||||
app:fabCustomSize="120dp"
|
||||
app:maxImageSize="70dp"
|
||||
app:elevation="@dimen/fab_elevation"
|
||||
app:borderWidth="0dp"
|
||||
android:backgroundTint="@color/colorSend"
|
||||
android:src="@drawable/ic_send"
|
||||
|
@ -96,7 +104,9 @@
|
|||
android:id="@+id/tvSendTransaction"
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:paddingTop="8dp"
|
||||
android:text="@string/title_send"
|
||||
android:textAllCaps="true"
|
||||
android:textAppearance="@style/TextAppearance.Bitsy.Body1"
|
||||
android:textAlignment="center"
|
||||
app:layout_constraintTop_toBottomOf="@+id/fabSendTransaction"
|
||||
|
@ -107,7 +117,7 @@
|
|||
<View
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="1dp"
|
||||
android:background="@color/gray"
|
||||
android:background="@color/colorSend"
|
||||
app:layout_constraintTop_toTopOf="@id/fabSendTransactionCamera"
|
||||
app:layout_constraintBottom_toBottomOf="@id/fabSendTransactionCamera"
|
||||
app:layout_constraintStart_toEndOf="@id/fabSendTransactionCamera"
|
||||
|
|
|
@ -12,6 +12,9 @@
|
|||
<dimen name="spacing_different_topic">24dp</dimen>
|
||||
<dimen name="spacing_different_section">40dp</dimen>
|
||||
|
||||
<!-- Home -->
|
||||
<dimen name="fab_elevation">16dp</dimen>
|
||||
|
||||
<!-- Initial setup -->
|
||||
<dimen name="logo_size">180dp</dimen>
|
||||
|
||||
|
|
Loading…
Reference in a new issue