complex animation bounce effect added & some drawable size optimization

Author: mtcn

.idea/misc.xml

@@ -32,6 +32,7 @@ dependencies {
     implementation 'androidx.constraintlayout:constraintlayout-solver:2.0.0-alpha2'
     implementation 'androidx.recyclerview:recyclerview:1.0.0-rc02'
     implementation 'de.hdodenhof:circleimageview:2.2.0'
+    implementation 'androidx.fragment:fragment:1.0.0-rc02'
     testImplementation 'junit:junit:4.12'
     androidTestImplementation 'androidx.test:runner:1.1.0-alpha4'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.0-alpha4'

app/build.gradle

@@ -7,6 +7,7 @@
         android:icon="@mipmap/ic_launcher"
         android:label="@string/app_name"
         android:roundIcon="@mipmap/ic_launcher_round"
+        android:hardwareAccelerated="true"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
         <activity android:name=".MainActivity">

app/src/main/AndroidManifest.xml

@@ -0,0 +1,45 @@
+package app.layout.motion.motionlayoutexample;
+
+
+import android.animation.ObjectAnimator;
+import android.content.Context;
+import android.util.AttributeSet;
+import android.view.View;
+import android.view.animation.BounceInterpolator;
+
+import androidx.constraintlayout.widget.ConstraintHelper;
+import androidx.constraintlayout.widget.ConstraintLayout;
+
+public class BounceHelper extends ConstraintHelper {
+    protected ConstraintLayout mContainer;
+
+    public BounceHelper(Context context) {
+        super(context);
+    }
+
+    public BounceHelper(Context context, AttributeSet attrs) {
+        super(context, attrs);
+    }
+
+    public BounceHelper(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+    }
+
+    /**
+     * @param container
+     * @hide
+     */
+    @Override
+    public void updatePreLayout(ConstraintLayout container) {
+        if (mContainer!=container) {
+            View[] views = getViews(container);
+            for (int i = 0; i < mCount; i++) {
+                View view = views[i];
+                ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationX", - 2000, 0).setDuration(1000);
+                animator.setInterpolator(new BounceInterpolator());
+                animator.start();
+            }
+        }
+        mContainer = container;
+    }
+}

app/src/main/java/app/layout/motion/motionlayoutexample/BounceHelper.java

@@ -4,10 +4,30 @@ import android.os.Build
 import android.os.Bundle
 import android.view.View
 import androidx.appcompat.app.AppCompatActivity
+import androidx.constraintlayout.motion.widget.MotionLayout
+import android.animation.ObjectAnimator
+import android.content.Context
+import android.view.HapticFeedbackConstants
+import android.view.animation.BounceInterpolator
+import kotlinx.android.synthetic.main.complex_animation_example.*
+import android.os.Vibrator
 
-class ComplexAnimationActivity: AppCompatActivity() {
+
+
+
+class ComplexAnimationActivity: AppCompatActivity(), MotionLayout.TransitionListener {
+    override fun onTransitionChange(p0: MotionLayout?, p1: Int, p2: Int, p3: Float) {
+    }
+
+    override fun onTransitionCompleted(p0: MotionLayout?, p1: Int) {
+        if(p0 == null)
+            return
+        if(p0.currentState != -1)
+            doBounceAnimation(mainImage2)
+    }
 
     override fun onCreate(savedInstanceState: Bundle?) {
+
         super.onCreate(savedInstanceState)
         setContentView(intent.getIntExtra("layoutId", R.layout.complex_animation_example))
         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
@@ -18,5 +38,14 @@ class ComplexAnimationActivity: AppCompatActivity() {
                     or View.SYSTEM_UI_FLAG_FULLSCREEN
                     or View.SYSTEM_UI_FLAG_IMMERSIVE)
         }
+        motionLayout.setTransitionListener(this)
+
+    }
+
+    private fun doBounceAnimation(targetView: View) {
+        val animator = ObjectAnimator.ofFloat(targetView, "translationY", 0f, -10f, 0f)
+        animator.interpolator = BounceInterpolator()
+        animator.duration = 1000
+        animator.start()
     }
 }