Jetpack Compose - MotionLayout

Question

什么等价于：

<Transition
    motion:constraintSetEnd="@id/end"
    motion:constraintSetStart="@id/start"
    motion:duration="1500"
    motion:motionInterpolator="linear">
    <OnSwipe
        motion:dragDirection="dragUp"
        motion:touchAnchorId="@id/view1"
        motion:touchAnchorSide="top" />
</Transition>

关于 Compose 的 MotionLayout 吗？ 我在这两个链接上都没有看到答案：

https://github.com/androidx/constraintlayout/wiki/Introduction-to-MotionLayout-in-Compose https://github.com/androidx/constraintlayout/wiki/Compose-MotionLayout-JSON-Syntax

我只想在手动滚动时为我的场景设置动画，而不是像示例中那样单击按钮。

谢谢！

Answer 1

Compose 中的 MotionLayout 还没有内置支持。

Compose 具有滑动处理功能
一种方法如下所示：

var componentHeight by remember { mutableStateOf(1000f) }
val swipeableState = rememberSwipeableState("Bottom")
val anchors = mapOf(0f to "Bottom", componentHeight to "Top")
val mprogress = (swipeableState.offset.value / componentHeight)

然后将进度传递到 MotionLayout Composable。

  MotionLayout(motionScene = "",  progress = mprogress, ...)

Here 是您如何编写代码的示例。