Button + Dialog shared element transition :disguised_face:, very smooth Video is in the thread

# compose

[Kyant]

Button + Dialog shared element transition 🥸, very smooth
Video is in the thread

screen-20240603-170635.mp4

[Kyant]

screen-20240603-171416.mp4

screen-20240603-171416.mp4

[Kyant]

You can make use of these easings in m3

import android.graphics.Path
import android.view.animation.PathInterpolator
import androidx.compose.animation.core.CubicBezierEasing
import androidx.compose.animation.core.Easing

val EaseEmphasized: Easing = Easing { EaseEmphasizedPathInterpolator.getInterpolation(it) }
val EaseEmphasizedDecelerate: Easing = CubicBezierEasing(0.05f, 0.7f, 0.1f, 1f)
val EaseEmphasizedAccelerate: Easing = CubicBezierEasing(0.3f, 0f, 0.8f, 0.15f)

val EaseStandard: Easing = CubicBezierEasing(0.2f, 0f, 0f, 1f)
val EaseStandardDecelerate: Easing = CubicBezierEasing(0f, 0f, 0f, 1f)
val EaseStandardAccelerate: Easing = CubicBezierEasing(0.3f, 0f, 1f, 1f)

private val EaseEmphasizedPath = Path().apply {
    moveTo(0f, 0f)
    cubicTo(0.05f, 0f, 1f / 7.5f, 0.06f, 1f / 6f, 0.4f)
    cubicTo(1f / 4.8f, 0.82f, 0.25f, 1f, 1f, 1f)
}
private val EaseEmphasizedPathInterpolator = PathInterpolator(EaseEmphasizedPath)

[Kyant]

Lazy column items to Dialog with blur

screen-20240603-231423.mp4