From 700c20dcc209920c8debb191c181f464e20a0481 Mon Sep 17 00:00:00 2001
From: "Eman.Abobakr" <abobakremy@gmail.com>
Date: Thu, 30 May 2024 22:12:58 +0300
Subject: [PATCH 1/3] task: add categories shimmer

---
 .../ui/home/fragments/HomeFragment.kt         |   4 +-
 .../res/layout/categories_shimmer_view.xml    | 235 ++++++++++++++++++
 .../app/src/main/res/layout/fragment_home.xml |  22 +-
 3 files changed, 252 insertions(+), 9 deletions(-)
 create mode 100644 ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml

diff --git a/ECommerceTrainingProject/app/src/main/java/com/training/ecommerce/ui/home/fragments/HomeFragment.kt b/ECommerceTrainingProject/app/src/main/java/com/training/ecommerce/ui/home/fragments/HomeFragment.kt
index e15bf74..a156d88 100644
--- a/ECommerceTrainingProject/app/src/main/java/com/training/ecommerce/ui/home/fragments/HomeFragment.kt
+++ b/ECommerceTrainingProject/app/src/main/java/com/training/ecommerce/ui/home/fragments/HomeFragment.kt
@@ -67,8 +67,8 @@ class HomeFragment : BaseFragment<FragmentHomeBinding, HomeViewModel>() {
                     }
 
                     is Resource.Success -> {
-//                        binding.categoriesShimmerView.root.stopShimmer()
-//                        binding.categoriesShimmerView.root.visibility = View.GONE
+                        binding.categoriesShimmerView.root.stopShimmer()
+                        binding.categoriesShimmerView.root.visibility = View.GONE
                         Log.d(TAG, "iniViewModel: categories Success = ${resources.data}")
                         initCategoriesView(resources.data)
                     }
diff --git a/ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml b/ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml
new file mode 100644
index 0000000..6d33682
--- /dev/null
+++ b/ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml
@@ -0,0 +1,235 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.facebook.shimmer.ShimmerFrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    app:shimmer_auto_start="true">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <LinearLayout
+            android:id="@+id/view1"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:padding="8dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toStartOf="@id/view2">
+
+            <ImageView
+                android:layout_width="70dp"
+                android:layout_height="70dp"
+                android:background="@drawable/circle_border_bg"
+                android:backgroundTint="@color/neutral_grey"
+                android:padding="24dp" />
+
+            <androidx.appcompat.widget.AppCompatTextView
+                style="@style/MessageTextStyle"
+                android:layout_width="80dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginTop="8dp"
+                android:background="@color/neutral_grey" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/view2"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:padding="8dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@id/view1"
+            app:layout_constraintEnd_toStartOf="@id/view3">
+
+            <ImageView
+                android:layout_width="70dp"
+                android:layout_height="70dp"
+                android:background="@drawable/circle_border_bg"
+                android:backgroundTint="@color/neutral_grey"
+                android:padding="24dp" />
+
+            <androidx.appcompat.widget.AppCompatTextView
+                style="@style/MessageTextStyle"
+                android:layout_width="80dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginTop="8dp"
+                android:background="@color/neutral_grey" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/view3"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:padding="8dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@id/view2"
+            app:layout_constraintEnd_toStartOf="@id/view4">
+
+            <ImageView
+                android:layout_width="70dp"
+                android:layout_height="70dp"
+                android:background="@drawable/circle_border_bg"
+                android:backgroundTint="@color/neutral_grey"
+                android:padding="24dp" />
+
+            <androidx.appcompat.widget.AppCompatTextView
+                style="@style/MessageTextStyle"
+                android:layout_width="80dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginTop="8dp"
+                android:background="@color/neutral_grey" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/view4"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:padding="8dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@id/view3"
+            app:layout_constraintEnd_toStartOf="@id/view5">
+
+            <ImageView
+                android:layout_width="70dp"
+                android:layout_height="70dp"
+                android:background="@drawable/circle_border_bg"
+                android:backgroundTint="@color/neutral_grey"
+                android:padding="24dp" />
+
+            <androidx.appcompat.widget.AppCompatTextView
+                style="@style/MessageTextStyle"
+                android:layout_width="80dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginTop="8dp"
+                android:background="@color/neutral_grey" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/view5"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:padding="8dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@id/view4"
+            app:layout_constraintEnd_toStartOf="@id/view6">
+
+            <ImageView
+                android:layout_width="70dp"
+                android:layout_height="70dp"
+                android:background="@drawable/circle_border_bg"
+                android:backgroundTint="@color/neutral_grey"
+                android:padding="24dp" />
+
+            <androidx.appcompat.widget.AppCompatTextView
+                style="@style/MessageTextStyle"
+                android:layout_width="80dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginTop="8dp"
+                android:background="@color/neutral_grey" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/view6"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:padding="8dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@id/view5"
+            app:layout_constraintEnd_toStartOf="@id/view7">
+
+            <ImageView
+                android:layout_width="70dp"
+                android:layout_height="70dp"
+                android:background="@drawable/circle_border_bg"
+                android:backgroundTint="@color/neutral_grey"
+                android:padding="24dp" />
+
+            <androidx.appcompat.widget.AppCompatTextView
+                style="@style/MessageTextStyle"
+                android:layout_width="80dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginTop="8dp"
+                android:background="@color/neutral_grey" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/view7"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:padding="8dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@id/view6"
+            app:layout_constraintEnd_toStartOf="@id/view8">
+
+            <ImageView
+                android:layout_width="70dp"
+                android:layout_height="70dp"
+                android:background="@drawable/circle_border_bg"
+                android:backgroundTint="@color/neutral_grey"
+                android:padding="24dp" />
+
+            <androidx.appcompat.widget.AppCompatTextView
+                style="@style/MessageTextStyle"
+                android:layout_width="80dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginTop="8dp"
+                android:background="@color/neutral_grey" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/view8"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:padding="8dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@id/view7">
+
+            <ImageView
+                android:layout_width="70dp"
+                android:layout_height="70dp"
+                android:background="@drawable/circle_border_bg"
+                android:backgroundTint="@color/neutral_grey"
+                android:padding="24dp" />
+
+            <androidx.appcompat.widget.AppCompatTextView
+                style="@style/MessageTextStyle"
+                android:layout_width="80dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginTop="8dp"
+                android:background="@color/neutral_grey" />
+        </LinearLayout>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</com.facebook.shimmer.ShimmerFrameLayout>
\ No newline at end of file
diff --git a/ECommerceTrainingProject/app/src/main/res/layout/fragment_home.xml b/ECommerceTrainingProject/app/src/main/res/layout/fragment_home.xml
index a6cebab..bbbb527 100644
--- a/ECommerceTrainingProject/app/src/main/res/layout/fragment_home.xml
+++ b/ECommerceTrainingProject/app/src/main/res/layout/fragment_home.xml
@@ -147,14 +147,22 @@
                         android:textSize="16sp" />
                 </LinearLayout>
 
-                <androidx.recyclerview.widget.RecyclerView
-                    android:id="@+id/categories_recycler_view"
+                <FrameLayout
                     android:layout_width="match_parent"
-                    android:paddingStart="8dp"
-                    android:layout_height="wrap_content"
-                    android:nestedScrollingEnabled="false"
-                    tools:listitem="@layout/category_item"
-                    app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+                    android:layout_height="wrap_content">
+                    <androidx.recyclerview.widget.RecyclerView
+                        android:id="@+id/categories_recycler_view"
+                        android:layout_width="match_parent"
+                        android:paddingStart="8dp"
+                        android:layout_height="wrap_content"
+                        android:nestedScrollingEnabled="false"
+                        tools:listitem="@layout/category_item"
+                        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+
+                    <include
+                        android:id="@+id/categories_shimmer_view"
+                        layout="@layout/categories_shimmer_view"/>
+                </FrameLayout>
 
             </LinearLayout>
 

From 88e2ba3dc608f19b8debe21b95d48b580cd18ecf Mon Sep 17 00:00:00 2001
From: "Eman.Abobakr" <abobakremy@gmail.com>
Date: Thu, 30 May 2024 22:15:16 +0300
Subject: [PATCH 2/3] enhance: set alpgha

---
 .../main/res/layout/categories_shimmer_view.xml  | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml b/ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml
index 6d33682..7e2ea02 100644
--- a/ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml
+++ b/ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml
@@ -26,6 +26,7 @@
                 android:layout_height="70dp"
                 android:background="@drawable/circle_border_bg"
                 android:backgroundTint="@color/neutral_grey"
+                android:alpha="0.4"
                 android:padding="24dp" />
 
             <androidx.appcompat.widget.AppCompatTextView
@@ -34,6 +35,7 @@
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:layout_marginTop="8dp"
+                android:alpha="0.4"
                 android:background="@color/neutral_grey" />
         </LinearLayout>
 
@@ -54,6 +56,7 @@
                 android:layout_height="70dp"
                 android:background="@drawable/circle_border_bg"
                 android:backgroundTint="@color/neutral_grey"
+                android:alpha="0.4"
                 android:padding="24dp" />
 
             <androidx.appcompat.widget.AppCompatTextView
@@ -62,6 +65,7 @@
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:layout_marginTop="8dp"
+                android:alpha="0.4"
                 android:background="@color/neutral_grey" />
         </LinearLayout>
 
@@ -82,6 +86,7 @@
                 android:layout_height="70dp"
                 android:background="@drawable/circle_border_bg"
                 android:backgroundTint="@color/neutral_grey"
+                android:alpha="0.4"
                 android:padding="24dp" />
 
             <androidx.appcompat.widget.AppCompatTextView
@@ -90,6 +95,7 @@
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:layout_marginTop="8dp"
+                android:alpha="0.4"
                 android:background="@color/neutral_grey" />
         </LinearLayout>
 
@@ -110,6 +116,7 @@
                 android:layout_height="70dp"
                 android:background="@drawable/circle_border_bg"
                 android:backgroundTint="@color/neutral_grey"
+                android:alpha="0.4"
                 android:padding="24dp" />
 
             <androidx.appcompat.widget.AppCompatTextView
@@ -118,6 +125,7 @@
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:layout_marginTop="8dp"
+                android:alpha="0.4"
                 android:background="@color/neutral_grey" />
         </LinearLayout>
 
@@ -138,6 +146,7 @@
                 android:layout_height="70dp"
                 android:background="@drawable/circle_border_bg"
                 android:backgroundTint="@color/neutral_grey"
+                android:alpha="0.4"
                 android:padding="24dp" />
 
             <androidx.appcompat.widget.AppCompatTextView
@@ -146,6 +155,7 @@
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:layout_marginTop="8dp"
+                android:alpha="0.4"
                 android:background="@color/neutral_grey" />
         </LinearLayout>
 
@@ -166,6 +176,7 @@
                 android:layout_height="70dp"
                 android:background="@drawable/circle_border_bg"
                 android:backgroundTint="@color/neutral_grey"
+                android:alpha="0.4"
                 android:padding="24dp" />
 
             <androidx.appcompat.widget.AppCompatTextView
@@ -174,6 +185,7 @@
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:layout_marginTop="8dp"
+                android:alpha="0.4"
                 android:background="@color/neutral_grey" />
         </LinearLayout>
 
@@ -194,6 +206,7 @@
                 android:layout_height="70dp"
                 android:background="@drawable/circle_border_bg"
                 android:backgroundTint="@color/neutral_grey"
+                android:alpha="0.4"
                 android:padding="24dp" />
 
             <androidx.appcompat.widget.AppCompatTextView
@@ -202,6 +215,7 @@
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:layout_marginTop="8dp"
+                android:alpha="0.4"
                 android:background="@color/neutral_grey" />
         </LinearLayout>
 
@@ -221,6 +235,7 @@
                 android:layout_height="70dp"
                 android:background="@drawable/circle_border_bg"
                 android:backgroundTint="@color/neutral_grey"
+                android:alpha="0.4"
                 android:padding="24dp" />
 
             <androidx.appcompat.widget.AppCompatTextView
@@ -229,6 +244,7 @@
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:layout_marginTop="8dp"
+                android:alpha="0.4"
                 android:background="@color/neutral_grey" />
         </LinearLayout>
     </androidx.constraintlayout.widget.ConstraintLayout>

From 0290f43205cc992141ae4d20677f0d9456843d41 Mon Sep 17 00:00:00 2001
From: "Eman.Abobakr" <abobakremy@gmail.com>
Date: Thu, 30 May 2024 22:17:05 +0300
Subject: [PATCH 3/3] enhance: increase number of categories

---
 .../res/layout/categories_shimmer_view.xml    | 62 ++++++++++++++++++-
 1 file changed, 61 insertions(+), 1 deletion(-)

diff --git a/ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml b/ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml
index 7e2ea02..5e43410 100644
--- a/ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml
+++ b/ECommerceTrainingProject/app/src/main/res/layout/categories_shimmer_view.xml
@@ -228,7 +228,67 @@
             android:padding="8dp"
             app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintStart_toEndOf="@id/view7">
+            app:layout_constraintStart_toEndOf="@id/view7"
+            app:layout_constraintEnd_toStartOf="@id/view9">
+
+            <ImageView
+                android:layout_width="70dp"
+                android:layout_height="70dp"
+                android:background="@drawable/circle_border_bg"
+                android:backgroundTint="@color/neutral_grey"
+                android:alpha="0.4"
+                android:padding="24dp" />
+
+            <androidx.appcompat.widget.AppCompatTextView
+                style="@style/MessageTextStyle"
+                android:layout_width="80dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginTop="8dp"
+                android:alpha="0.4"
+                android:background="@color/neutral_grey" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/view9"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:padding="8dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@id/view8"
+            app:layout_constraintEnd_toStartOf="@id/view10">
+
+            <ImageView
+                android:layout_width="70dp"
+                android:layout_height="70dp"
+                android:background="@drawable/circle_border_bg"
+                android:backgroundTint="@color/neutral_grey"
+                android:alpha="0.4"
+                android:padding="24dp" />
+
+            <androidx.appcompat.widget.AppCompatTextView
+                style="@style/MessageTextStyle"
+                android:layout_width="80dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginTop="8dp"
+                android:alpha="0.4"
+                android:background="@color/neutral_grey" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/view10"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:padding="8dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@id/view9">
 
             <ImageView
                 android:layout_width="70dp"