From 6324e9b642496172e32095a8f823b0d043c0da09 Mon Sep 17 00:00:00 2001
From: masrobot <muhamadmashudiardiwinata@gmail.com>
Date: Tue, 27 Apr 2021 21:56:21 +0700
Subject: [PATCH] add scale image animation

---
 .../user/profile/UpdateUserProfileActivity.kt |  8 ++
 .../layout/activity_update_user_profile.xml   | 24 ++---
 ...ate_user_profile_xml_form_layout_scene.xml | 98 +++++++++++++++++++
 3 files changed, 119 insertions(+), 11 deletions(-)
 create mode 100644 app/src/main/res/xml/activity_update_user_profile_xml_form_layout_scene.xml

diff --git a/app/src/main/java/c/m/koskosan/ui/form/update/user/profile/UpdateUserProfileActivity.kt b/app/src/main/java/c/m/koskosan/ui/form/update/user/profile/UpdateUserProfileActivity.kt
index c6c50d6..4dc1b11 100644
--- a/app/src/main/java/c/m/koskosan/ui/form/update/user/profile/UpdateUserProfileActivity.kt
+++ b/app/src/main/java/c/m/koskosan/ui/form/update/user/profile/UpdateUserProfileActivity.kt
@@ -145,6 +145,14 @@ class UpdateUserProfileActivity : AppCompatActivity() {
 
         // Form Validator
         formValidation()
+
+        // swipe to refresh data
+        updateUserProfileBinding.updateUserProfileSwipeRefreshView.setOnRefreshListener {
+            updateUserProfileBinding.updateUserProfileSwipeRefreshView.isRefreshing = false
+
+            // get data
+            initializeFieldValueOfUserProfileData()
+        }
     }
 
     // Validate form on this activity
diff --git a/app/src/main/res/layout/activity_update_user_profile.xml b/app/src/main/res/layout/activity_update_user_profile.xml
index 3f6dbac..c483be0 100644
--- a/app/src/main/res/layout/activity_update_user_profile.xml
+++ b/app/src/main/res/layout/activity_update_user_profile.xml
@@ -36,10 +36,11 @@
             android:layout_width="match_parent"
             android:layout_height="wrap_content">
 
-            <androidx.constraintlayout.widget.ConstraintLayout
+            <androidx.constraintlayout.motion.widget.MotionLayout
                 android:id="@+id/form_layout"
                 android:layout_width="match_parent"
-                android:layout_height="wrap_content">
+                android:layout_height="wrap_content"
+                app:layoutDescription="@xml/activity_update_user_profile_xml_form_layout_scene">
 
                 <de.hdodenhof.circleimageview.CircleImageView
                     android:id="@+id/img_profile"
@@ -48,22 +49,23 @@
                     android:layout_marginStart="16dp"
                     android:layout_marginTop="16dp"
                     android:layout_marginEnd="16dp"
+                    android:src="@drawable/ic_baseline_person_pin"
+                    app:civ_border_color="@color/application_color"
+                    app:civ_border_width="2dp"
                     app:layout_constraintEnd_toEndOf="parent"
                     app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toTopOf="parent"
-                    android:src="@drawable/ic_baseline_person_pin"
-                    app:civ_border_color="@color/colorPrimary"
-                    app:civ_border_width="2dp" />
+                    app:layout_constraintTop_toTopOf="parent" />
 
                 <Button
                     android:id="@+id/btn_choose_image"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_marginTop="8dp"
+                    android:layout_marginTop="250dp"
+                    android:layout_marginEnd="16dp"
                     android:text="@string/choose_image"
-                    app:layout_constraintEnd_toEndOf="@+id/img_profile"
-                    app:layout_constraintStart_toStartOf="@+id/img_profile"
-                    app:layout_constraintTop_toBottomOf="@+id/img_profile" />
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
 
                 <Button
                     android:id="@+id/btn_save"
@@ -169,7 +171,7 @@
                         android:singleLine="true" />
                 </com.google.android.material.textfield.TextInputLayout>
 
-            </androidx.constraintlayout.widget.ConstraintLayout>
+            </androidx.constraintlayout.motion.widget.MotionLayout>
         </ScrollView>
 
 
diff --git a/app/src/main/res/xml/activity_update_user_profile_xml_form_layout_scene.xml b/app/src/main/res/xml/activity_update_user_profile_xml_form_layout_scene.xml
new file mode 100644
index 0000000..f43849d
--- /dev/null
+++ b/app/src/main/res/xml/activity_update_user_profile_xml_form_layout_scene.xml
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="utf-8"?>
+<MotionScene 
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:motion="http://schemas.android.com/apk/res-auto">
+
+    <Transition
+        motion:constraintSetEnd="@+id/end"
+        motion:constraintSetStart="@id/start"
+        motion:duration="1000">
+       <KeyFrameSet>
+       </KeyFrameSet>
+        <OnClick motion:targetId="@id/img_profile"
+            motion:clickAction="toggle" />
+    </Transition>
+
+    <ConstraintSet android:id="@+id/start">
+    </ConstraintSet>
+
+    <ConstraintSet android:id="@+id/end">
+        <Constraint
+            android:layout_marginEnd="16dp"
+            android:layout_height="340dp"
+            motion:layout_constraintStart_toStartOf="parent"
+            motion:layout_constraintTop_toTopOf="parent"
+            motion:layout_constraintBottom_toBottomOf="parent"
+            motion:layout_constraintEnd_toEndOf="parent"
+            android:layout_width="340dp"
+            android:layout_marginStart="16dp"
+            android:id="@+id/img_profile" />
+        <Constraint
+            android:id="@+id/btn_choose_image"
+            motion:layout_constraintEnd_toEndOf="parent"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="16dp"
+            motion:layout_constraintTop_toTopOf="parent"
+            motion:layout_constraintStart_toStartOf="parent"
+            android:layout_marginTop="250dp"
+            android:alpha="0" />
+        <Constraint
+            android:id="@+id/btn_save"
+            motion:layout_constraintEnd_toEndOf="parent"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            motion:layout_constraintBottom_toBottomOf="parent"
+            android:layout_marginBottom="16dp"
+            android:layout_marginEnd="16dp"
+            motion:layout_constraintTop_toBottomOf="@+id/til_edt_email"
+            android:layout_marginStart="16dp"
+            motion:layout_constraintStart_toStartOf="parent"
+            android:layout_marginTop="32dp"
+            android:alpha="0" />
+        <Constraint
+            android:id="@+id/til_edt_email"
+            motion:layout_constraintEnd_toEndOf="parent"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="16dp"
+            motion:layout_constraintTop_toBottomOf="@+id/til_edt_address"
+            android:layout_marginStart="16dp"
+            motion:layout_constraintStart_toStartOf="parent"
+            android:layout_marginTop="16dp"
+            android:alpha="0" />
+        <Constraint
+            android:id="@+id/til_edt_address"
+            motion:layout_constraintEnd_toEndOf="parent"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="16dp"
+            motion:layout_constraintTop_toBottomOf="@+id/til_edt_phone"
+            android:layout_marginStart="16dp"
+            motion:layout_constraintStart_toStartOf="parent"
+            android:layout_marginTop="16dp"
+            android:alpha="0" />
+        <Constraint
+            android:id="@+id/til_edt_name"
+            motion:layout_constraintEnd_toEndOf="parent"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="16dp"
+            motion:layout_constraintTop_toBottomOf="@+id/btn_choose_image"
+            android:layout_marginStart="16dp"
+            motion:layout_constraintStart_toStartOf="parent"
+            android:layout_marginTop="32dp"
+            android:alpha="0" />
+        <Constraint
+            android:id="@+id/til_edt_phone"
+            motion:layout_constraintEnd_toEndOf="parent"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="16dp"
+            motion:layout_constraintTop_toBottomOf="@+id/til_edt_name"
+            android:layout_marginStart="16dp"
+            motion:layout_constraintStart_toStartOf="parent"
+            android:layout_marginTop="16dp"
+            android:alpha="0" />
+    </ConstraintSet>
+</MotionScene>
\ No newline at end of file