From 793cc572c3df9b20b6e022c23fb37e5f5f2c998b Mon Sep 17 00:00:00 2001
From: Muhammad Rifko Favian <13521075@std.stei.itb.ac.id>
Date: Fri, 5 Apr 2024 01:50:52 +0700
Subject: [PATCH] feat: add background for each transaction
---
app/src/main/res/drawable/card_background.xml | 5 +
app/src/main/res/drawable/ic_delete.xml | 2 +-
app/src/main/res/drawable/ic_edit.xml | 2 +-
.../main/res/layout/fragment_transaction.xml | 3 +-
app/src/main/res/layout/transaction_card.xml | 147 ++++++++++--------
5 files changed, 91 insertions(+), 68 deletions(-)
create mode 100644 app/src/main/res/drawable/card_background.xml
diff --git a/app/src/main/res/drawable/card_background.xml b/app/src/main/res/drawable/card_background.xml
new file mode 100644
index 0000000..9687bcb
--- /dev/null
+++ b/app/src/main/res/drawable/card_background.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+ <solid android:color="#FFBB86FC" />
+ <corners android:radius="8dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_delete.xml b/app/src/main/res/drawable/ic_delete.xml
index 68a0c25..618a758 100644
--- a/app/src/main/res/drawable/ic_delete.xml
+++ b/app/src/main/res/drawable/ic_delete.xml
@@ -4,6 +4,6 @@
android:viewportWidth="24"
android:viewportHeight="24">
<path
- android:fillColor="@android:color/black"
+ android:fillColor="@android:color/white"
android:pathData="M6,19c0,1.1 0.9,2 2,2h8c1.1,0 2,-0.9 2,-2V7H6v12zM19,4h-3.5l-1,-1h-5l-1,1H5v2h14V4z"/>
</vector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_edit.xml b/app/src/main/res/drawable/ic_edit.xml
index 07b29ac..3ea930d 100644
--- a/app/src/main/res/drawable/ic_edit.xml
+++ b/app/src/main/res/drawable/ic_edit.xml
@@ -4,6 +4,6 @@
android:viewportWidth="24"
android:viewportHeight="24">
<path
- android:fillColor="@android:color/black"
+ android:fillColor="@android:color/white"
android:pathData="M3,17.25V21h3.75L17.81,9.94l-3.75,-3.75L3,17.25zM20.71,7.04c0.39,-0.39 0.39,-1.02 0,-1.41l-2.34,-2.34c-0.39,-0.39 -1.02,-0.39 -1.41,0l-1.83,1.83 3.75,3.75 1.83,-1.83z"/>
</vector>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_transaction.xml b/app/src/main/res/layout/fragment_transaction.xml
index ad431af..f6bdd20 100644
--- a/app/src/main/res/layout/fragment_transaction.xml
+++ b/app/src/main/res/layout/fragment_transaction.xml
@@ -24,6 +24,7 @@
android:layout_margin="16dp"
android:src="@drawable/ic_add"
app:layout_constraintBottom_toBottomOf="parent"
- app:layout_constraintEnd_toEndOf="parent" />
+ app:layout_constraintEnd_toEndOf="parent"
+ app:backgroundTint="#FF6200EE" />
</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/transaction_card.xml b/app/src/main/res/layout/transaction_card.xml
index 3a27570..0460ea9 100644
--- a/app/src/main/res/layout/transaction_card.xml
+++ b/app/src/main/res/layout/transaction_card.xml
@@ -1,79 +1,96 @@
<?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
- android:layout_margin="10dp">
+ android:layout_margin="10dp"
+ app:cardCornerRadius="8dp"
+ app:cardElevation="4dp">
- <TextView
- android:id="@+id/dateTextView"
- android:layout_width="wrap_content"
+ <androidx.constraintlayout.widget.ConstraintLayout
+ android:layout_width="match_parent"
android:layout_height="wrap_content"
- android:textSize="16sp"
- android:textStyle="bold"
- app:layout_constraintStart_toStartOf="parent"
- app:layout_constraintTop_toTopOf="parent"
- tools:text="29/02/2024" />
+ android:background="@drawable/card_background"
+ android:padding="16dp">
- <TextView
- android:id="@+id/categoryTextView"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginTop="8dp"
- android:textSize="14sp"
- app:layout_constraintStart_toStartOf="parent"
- app:layout_constraintTop_toBottomOf="@id/dateTextView"
- tools:text="Pembelian" />
+ <TextView
+ android:id="@+id/dateTextView"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:textSize="16sp"
+ android:textStyle="bold"
+ android:textColor="#FFFFFF"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintTop_toTopOf="parent"
+ tools:text="29/02/2024" />
- <TextView
- android:id="@+id/titleTextView"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textSize="18sp"
- android:textStyle="bold"
- app:layout_constraintStart_toStartOf="parent"
- app:layout_constraintTop_toBottomOf="@id/categoryTextView"
- tools:text="Transaction Name" />
+ <TextView
+ android:id="@+id/categoryTextView"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginTop="8dp"
+ android:textSize="14sp"
+ android:textColor="#FFFFFF"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintTop_toBottomOf="@id/dateTextView"
+ tools:text="Pembelian" />
- <TextView
- android:id="@+id/amountTextView"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textSize="16sp"
- app:layout_constraintEnd_toEndOf="parent"
- app:layout_constraintTop_toTopOf="parent"
- tools:text="IDR 15.000" />
+ <TextView
+ android:id="@+id/titleTextView"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:textSize="18sp"
+ android:textStyle="bold"
+ android:textColor="#FFFFFF"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintTop_toBottomOf="@id/categoryTextView"
+ tools:text="Transaction Name" />
- <TextView
- android:id="@+id/locationTextView"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textSize="14sp"
- app:layout_constraintEnd_toEndOf="parent"
- app:layout_constraintTop_toBottomOf="@id/amountTextView"
- tools:text="Location" />
+ <TextView
+ android:id="@+id/amountTextView"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:textSize="16sp"
+ android:textColor="#FFFFFF"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintTop_toTopOf="parent"
+ tools:text="IDR 15.000" />
- <ImageButton
- android:id="@+id/editButton"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginTop="8dp"
- android:layout_marginEnd="10dp"
- android:background="?attr/selectableItemBackgroundBorderless"
- android:src="@drawable/ic_edit"
- app:layout_constraintEnd_toStartOf="@+id/deleteButton"
- app:layout_constraintTop_toBottomOf="@id/titleTextView" />
+ <TextView
+ android:id="@+id/locationTextView"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:textSize="14sp"
+ android:textColor="#FFFFFF"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintTop_toBottomOf="@id/amountTextView"
+ tools:text="Location" />
- <ImageButton
- android:id="@+id/deleteButton"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginStart="8dp"
- android:layout_marginTop="8dp"
- android:background="?attr/selectableItemBackgroundBorderless"
- android:src="@drawable/ic_delete"
- app:layout_constraintEnd_toEndOf="parent"
- app:layout_constraintTop_toBottomOf="@id/titleTextView" />
+ <ImageButton
+ android:id="@+id/editButton"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginTop="8dp"
+ android:layout_marginEnd="10dp"
+ android:background="?attr/selectableItemBackgroundBorderless"
+ android:src="@drawable/ic_edit"
+ app:layout_constraintEnd_toStartOf="@+id/deleteButton"
+ app:layout_constraintTop_toBottomOf="@id/titleTextView"
+ app:tint="#FFFFFF" />
+
+ <ImageButton
+ android:id="@+id/deleteButton"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginStart="8dp"
+ android:layout_marginTop="8dp"
+ android:background="?attr/selectableItemBackgroundBorderless"
+ android:src="@drawable/ic_delete"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintTop_toBottomOf="@id/titleTextView"
+ app:tint="#FFFFFF" />
+
+ </androidx.constraintlayout.widget.ConstraintLayout>
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+</androidx.cardview.widget.CardView>
\ No newline at end of file
--
GitLab