22 home work

app/build.gradle

@@ -8,7 +8,7 @@ android {
 
     defaultConfig {
         applicationId "com.github.krottv.tmstemp"
-        minSdk 24
+        minSdk 23
         targetSdk 31
         versionCode 1
         versionName "1.0"
@@ -29,10 +29,14 @@ android {
     kotlinOptions {
         jvmTarget = '1.8'
     }
+    buildFeatures {
+        viewBinding true
+    }
 }
 
 dependencies {
 
+    implementation "io.coil-kt:coil:2.0.0-rc02"
     implementation 'androidx.core:core-ktx:1.7.0'
     implementation 'androidx.appcompat:appcompat:1.4.1'
     implementation 'com.google.android.material:material:1.5.0'

app/src/main/AndroidManifest.xml

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.github.krottv.tmstemp">
+<uses-permission android:name="android.permission.INTERNET"/>
 
     <application
         android:allowBackup="true"
@@ -10,7 +11,7 @@
         android:supportsRtl="true"
         android:theme="@style/Theme.TmsTemp">
         <activity
-            android:name=".MainActivity"
+            android:name=".view.MainActivity"
             android:exported="true">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />

app/src/main/java/com/github/krottv/tmstemp/animation/MainTransitionController.kt

@@ -0,0 +1,139 @@
+package com.github.krottv.tmstemp.animation
+
+import android.animation.ObjectAnimator
+import android.animation.PropertyValuesHolder
+import android.animation.ValueAnimator
+import android.annotation.SuppressLint
+import android.app.Activity
+import android.view.View
+import android.view.animation.AccelerateInterpolator
+import android.view.animation.LinearInterpolator
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.constraintlayout.helper.widget.Layer
+import androidx.transition.*
+import coil.load
+import com.github.krottv.tmstemp.R
+import com.github.krottv.tmstemp.databinding.ActivityStartBinding
+
+
+class MainTransitionController(
+    private val activity: Activity,
+    private val binding: ActivityStartBinding
+) {
+
+    private var transitionStep: TransitionStep = TransitionStep.EMPTY
+
+    enum class TransitionStep {
+        EMPTY, FIRST, SECOND
+    }
+
+    private val customTransition = TransitionSet().apply {
+        addTransition(ChangeBounds())
+        addTransition(Fade(Fade.IN))
+    }
+
+    fun performTransition(): Unit = when (transitionStep) {
+        TransitionStep.EMPTY -> {
+            transitionToFirst()
+        }
+        TransitionStep.FIRST -> {
+            transitionToSecond()
+        }
+        TransitionStep.SECOND -> {
+            transitionToFirst()
+        }
+    }
+
+    @SuppressLint("CutPasteId")
+    private fun transitionToFirst() {
+        transitionStep = TransitionStep.FIRST
+
+        val scene = Scene.getSceneForLayout(binding.sceneRoot, R.layout.activity_first, activity)
+
+        scene.setEnterAction {
+
+            scene.sceneRoot.findViewById<ImageView>(R.id.imageViewFirst)
+                .load("https://images.unsplash.com/photo-1568127861543-b0c0696c735f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=470&q=80")
+            scene.sceneRoot.findViewById<ImageView>(R.id.imageViewSecond)
+                .load("https://images.unsplash.com/photo-1563452965085-2e77e5bf2607?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=470&q=80")
+            scene.sceneRoot.findViewById<ImageView>(R.id.imageViewThird)
+                .load("https://images.unsplash.com/photo-1575439047055-83e6174df3b9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=470&q=80")
+
+            val valueAnimator = ValueAnimator().apply {
+                duration = 1000
+                repeatCount = ObjectAnimator.INFINITE
+                repeatMode = ObjectAnimator.REVERSE
+                interpolator = LinearInterpolator()
+                setFloatValues(1f, 1.05f)
+            }
+
+            valueAnimator.addUpdateListener {
+                val value = it.animatedValue as Float
+                scene.sceneRoot.findViewById<Layer>(R.id.layerFirst).scaleX = value
+                scene.sceneRoot.findViewById<Layer>(R.id.layerFirst).scaleY = value
+            }
+
+            valueAnimator.start()
+
+            fadeAnimation(
+                scene.sceneRoot.findViewById<ImageView>(R.id.imageViewThird),
+                scene.sceneRoot.findViewById<ImageView>(R.id.textViewThird),
+                scene.sceneRoot.findViewById<ImageView>(R.id.textViewThirdPoint)
+            )
+
+            scene.sceneRoot.findViewById<Layer>(R.id.layerSecond).setOnClickListener {
+                valueAnimator.end()
+                performTransition()
+            }
+        }
+        TransitionManager.go(scene, customTransition)
+    }
+
+    private fun transitionToSecond() {
+        transitionStep = TransitionStep.SECOND
+
+        val scene = Scene.getSceneForLayout(binding.sceneRoot, R.layout.activity_second, activity)
+
+
+        scene.setEnterAction {
+
+            scene.sceneRoot.findViewById<ImageView>(R.id.imageViewSecondBig)
+                .load("https://images.unsplash.com/photo-1563452965085-2e77e5bf2607?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=470&q=80")
+            scene.sceneRoot.findViewById<ImageView>(R.id.imageClose).load(R.drawable.ic_close)
+
+            ObjectAnimator().apply {
+                target = scene.sceneRoot.findViewById<ImageView>(R.id.imageClose)
+                duration = 2000
+                repeatCount = ObjectAnimator.INFINITE
+                interpolator = LinearInterpolator()
+                setValues(PropertyValuesHolder.ofFloat("rotation", 0f, 360f))
+                start()
+            }
+
+            scene.sceneRoot.findViewById<ImageView>(R.id.imageClose).setOnClickListener {
+                performTransition()
+            }
+            scene.sceneRoot.findViewById<TextView>(R.id.textViewClose).setOnClickListener {
+                performTransition()
+            }
+        }
+
+        TransitionManager.go(scene, customTransition)
+    }
+
+    private fun fadeAnimation(vararg views: View) {
+
+        for (view in views) {
+            ObjectAnimator().apply {
+                target = view
+                duration = 1500
+                repeatCount = ObjectAnimator.INFINITE
+                repeatMode = ObjectAnimator.REVERSE
+                interpolator = AccelerateInterpolator()
+                setValues(PropertyValuesHolder.ofFloat("alpha", 0f, 1f))
+                start()
+            }
+        }
+    }
+}

app/src/main/java/com/github/krottv/tmstemp/binder/MainActivityDataBinder.kt

@@ -0,0 +1,5 @@
+package com.github.krottv.tmstemp.binder
+
+interface MainActivityDataBinder {
+    fun bind()
+}

app/src/main/java/com/github/krottv/tmstemp/binder/MainActivitySceneDataBinder.kt

@@ -0,0 +1,17 @@
+package com.github.krottv.tmstemp.binder
+
+import android.app.Activity
+import android.view.LayoutInflater
+import com.github.krottv.tmstemp.animation.MainTransitionController
+import com.github.krottv.tmstemp.databinding.ActivityStartBinding
+
+class MainActivitySceneDataBinder(private val activity: Activity): MainActivityDataBinder {
+    override fun bind() {
+
+        val startLayout = ActivityStartBinding.inflate(LayoutInflater.from(activity))
+        activity.setContentView(startLayout.root)
+
+        val transitionController = MainTransitionController(activity, startLayout)
+        transitionController.performTransition()
+    }
+}

app/src/main/java/com/github/krottv/tmstemp/view/MainActivity.kt

@@ -0,0 +1,16 @@
+package com.github.krottv.tmstemp.view
+
+import android.os.Bundle
+import androidx.appcompat.app.AppCompatActivity
+import com.github.krottv.tmstemp.binder.MainActivityDataBinder
+import com.github.krottv.tmstemp.binder.MainActivitySceneDataBinder
+
+class MainActivity : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        val mainActivityDataBinder: MainActivityDataBinder = MainActivitySceneDataBinder(this)
+        mainActivityDataBinder.bind()
+    }
+}

app/src/main/res/drawable/ic_close.xml

@@ -0,0 +1,18 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M14,14L2,2"
+      android:strokeWidth="3"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M14,2L2,14"
+      android:strokeWidth="3"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+</vector>