Skip to content

M
meser
Commit 00c671c1 authored by Alfansyah Fadlian's avatar Alfansyah Fadlian
Browse files
Options

cart design

parent 3abd9e8d
Show whitespace changes
Inline Side-by-side
Showing with 160 additions and 115 deletions
app/src/main/res/layout/activity_cart.xml
View file @ 00c671c1
......@@ -12,123 +12,16 @@
layout="@layout/app_bar"/>
<com.google.android.material.card.MaterialCardView
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rvCart"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintTop_toBottomOf="@id/cAppBar">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingVertical="15dp"
android:paddingHorizontal="20dp">
<com.google.android.material.textview.MaterialTextView
android:id="@+id/tvProductName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hint_product_name"
android:fontFamily="@font/roboto"
android:textSize="24sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"/>
<com.google.android.material.textview.MaterialTextView
android:id="@+id/tvPrice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hint_price"
android:fontFamily="@font/roboto"
android:textSize="16sp"
app:layout_constraintTop_toBottomOf="@+id/tvProductName"
app:layout_constraintStart_toStartOf="@id/tvProductName"/>
<com.google.android.material.textview.MaterialTextView
android:id="@+id/cross"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="x"
android:fontFamily="@font/roboto"
android:textSize="16sp"
android:layout_marginStart="10dp"
app:layout_constraintStart_toEndOf="@id/tvPrice"
app:layout_constraintBottom_toBottomOf="@id/tvPrice"/>
<com.google.android.material.textview.MaterialTextView
android:id="@+id/tvQuantity"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1"
android:fontFamily="@font/roboto"
android:textSize="16sp"
android:layout_marginStart="10dp"
app:layout_constraintStart_toEndOf="@id/cross"
app:layout_constraintBottom_toBottomOf="@id/cross"/>
<com.google.android.material.textview.MaterialTextView
android:id="@+id/tvTotal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hint_price"
android:fontFamily="@font/roboto"
android:textSize="16sp"
android:textFontWeight="600"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintBottom_toBottomOf="@id/tvQuantity"/>
<ImageButton
android:id="@+id/btMinus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:layout_marginTop="20dp"
android:src="@drawable/ic_baseline_minus_24"
android:background="@drawable/ic_rounded_circle"
app:layout_constraintTop_toBottomOf="@id/tvPrice"
app:layout_constraintStart_toStartOf="parent"/>
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/tiQty"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:boxBackgroundColor="#fff"
app:layout_constraintBottom_toBottomOf="@id/btMinus"
app:layout_constraintStart_toEndOf="@id/btMinus">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/etQty"
android:enabled="false"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1"
android:textColor="#333"/>
</com.google.android.material.textfield.TextInputLayout>
<ImageButton
android:id="@+id/btPlus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:src="@drawable/ic_baseline_plus_24"
android:background="@drawable/ic_rounded_circle"
app:layout_constraintStart_toEndOf="@id/tiQty"
app:layout_constraintBottom_toBottomOf="@id/tiQty"/>
<ImageButton
android:id="@+id/btDelete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:backgroundTint="#00FFFFFF"
android:src="@drawable/ic_baseline_delete_24"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintBottom_toBottomOf="@id/btPlus"/>
</androidx.constraintlayout.widget.ConstraintLayout>
</com.google.android.material.card.MaterialCardView>
app:layout_constraintTop_toBottomOf="@id/cAppBar"
android:overScrollMode="never"
android:padding="12sp"
app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
tools:listitem="@layout/item_cart"
/>
<com.google.android.material.button.MaterialButton
android:id="@+id/btCheckout"
......
app/src/main/res/layout/item_cart.xml 0 → 100644
View file @ 00c671c1
<?xml version="1.0" encoding="utf-8"?>
<layout 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">
<data>
<variable
name="carts"
type="com.yono.messeripos.models.ProductCartModels" />
<variable
name="quantity"
type="String" />
<variable
name="price"
type="String" />
<variable
name="product_name"
type="String" />
</data>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="12dp">
<com.google.android.material.card.MaterialCardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:ignore="MissingConstraints">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingHorizontal="20dp"
android:paddingVertical="15dp">
<com.google.android.material.textview.MaterialTextView
android:id="@+id/tvProductName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto"
android:text="@{carts.product_name_orders}"
android:textSize="24sp"
app:layout_constraintStart_toStartOf="parent"
tools:text="@string/hint_product_name"
app:layout_constraintTop_toTopOf="parent" />
<com.google.android.material.textview.MaterialTextView
android:id="@+id/tvPrice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto"
android:text="@{price}"
tools:text="@string/hint_price"
android:textSize="16sp"
app:layout_constraintStart_toStartOf="@id/tvProductName"
app:layout_constraintTop_toBottomOf="@+id/tvProductName" />
<com.google.android.material.textview.MaterialTextView
android:id="@+id/cross"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:fontFamily="@font/roboto"
android:text="x"
android:textSize="16sp"
app:layout_constraintBottom_toBottomOf="@id/tvPrice"
app:layout_constraintStart_toEndOf="@id/tvPrice" />
<com.google.android.material.textview.MaterialTextView
android:id="@+id/tvQuantity"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:fontFamily="@font/roboto"
android:text="1"
android:textSize="16sp"
app:layout_constraintBottom_toBottomOf="@id/cross"
app:layout_constraintStart_toEndOf="@id/cross" />
<com.google.android.material.textview.MaterialTextView
android:id="@+id/tvTotal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto"
android:text="@string/hint_price"
android:textFontWeight="600"
android:textSize="16sp"
app:layout_constraintBottom_toBottomOf="@id/tvQuantity"
app:layout_constraintEnd_toEndOf="parent" />
<ImageButton
android:id="@+id/btMinus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:background="@drawable/ic_rounded_circle"
android:padding="10dp"
android:src="@drawable/ic_baseline_minus_24"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tvPrice" />
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/tiQty"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:boxBackgroundColor="#fff"
app:layout_constraintBottom_toBottomOf="@id/btMinus"
app:layout_constraintStart_toEndOf="@id/btMinus">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/etQty"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:enabled="false"
android:text="1"
android:textColor="#333" />
</com.google.android.material.textfield.TextInputLayout>
<ImageButton
android:id="@+id/btPlus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/ic_rounded_circle"
android:padding="10dp"
android:src="@drawable/ic_baseline_plus_24"
app:layout_constraintBottom_toBottomOf="@id/tiQty"
app:layout_constraintStart_toEndOf="@id/tiQty" />
<ImageButton
android:id="@+id/btDelete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:backgroundTint="#00FFFFFF"
android:src="@drawable/ic_baseline_delete_24"
app:layout_constraintBottom_toBottomOf="@id/btPlus"
app:layout_constraintEnd_toEndOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</com.google.android.material.card.MaterialCardView>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment