Damanpreet Singh damanpreetsb

## FadeCheeseAnimation.kt
val fadeCheese = ObjectAnimator.ofFloat(pizzaCheeseImageView, "alpha", 1f, 0f)

## FadeCrustAnimation.kt
val fadeCrust = ObjectAnimator.ofFloat(pizzaCrustImageView, "alpha", 1f, 0f)

## FadeInPizzaAnimation.kt
val fadeInPizza = ObjectAnimator.ofFloat(pizzaImageView, "alpha", 0f, 1f)

## ScaleUpPizzaXAnimation.kt
val scaleUpPizzaX = ObjectAnimator.ofFloat(pizzaImageView, "scaleX", 0f, 0.8f)

## ScaleUpPizzaYAnimation.kt
val scaleUpPizzaY = ObjectAnimator.ofFloat(pizzaImageView, "scaleY", 0f, 14f)

## TranslatePizzaYAnimation.kt
val translatePizzaY = ObjectAnimator.ofFloat(pizzaImageView, "translationY", 0f, -360f)

## PlayAnimationsTogether.kt
AnimatorSet().apply {
  play(fadeCheese).with(fadeCrust).with(fadeInPizza).with(scaleUpPizzaX).with(scaleUpPizzaY).with(translatePizzaY)
}

## styles.xml
<item name="android:windowContentTransitions">true</item>

## SharedElementTransition.kt
customiseButton.setOnClickListener {
    val intent = Intent(this, CustomiseActivity::class.java)
    val options = ActivityOptionsCompat
        .makeSceneTransitionAnimation(
            this,
            pizzaImageView as View,
            "pizza")
    startActivity(intent, options.toBundle())
}

## AppComponent.jsx
class AppComponent extends React.Component {
   render() {
      return (
         <div>
            <h1>{this.props.name}</h1>
         </div>
      );
   }
}
	AnimatorSet().apply {
	play(fadeCheese).with(fadeCrust).with(fadeInPizza).with(scaleUpPizzaX).with(scaleUpPizzaY).with(translatePizzaY)
	}
	customiseButton.setOnClickListener {
	val intent = Intent(this, CustomiseActivity::class.java)
	val options = ActivityOptionsCompat
	.makeSceneTransitionAnimation(
	this,
	pizzaImageView as View,
	"pizza")
	startActivity(intent, options.toBundle())
	}
	class AppComponent extends React.Component {
	render() {
	return (
	<div>
	<h1>{this.props.name}</h1>
	</div>
	);
	}
	}