如何在 ListDetailPaneScaffold 中应用自定义页面转换以获取详细信息和额外窗格？

Question

有没有办法应用页面转换来进入和退出列表、详细信息和其他内容？

我不知道如何让它发挥作用 我尝试过对 AnimatedPane 内容进行动画处理，但没有成功

现在是否可用，或者只是功能增强

Answer 1

AnimatedPane

中使用的

ListDetailPaneScaffold

可组合项提供了您可以使用的

enterTransition

和

exitTransition

参数。
它们接受任何类型的

EnterTransition

或

ExitTransition

，因此您可以构建任何动画变体。

在下面的示例中，显示为

AnimatedPane

的

detailPane

将缩放容器并结合淡入淡出动画：

detailPane = {
   AnimatedPane(
        modifier = Modifier,
        enterTransition = scaleIn(
            animationSpec = tween(220, delayMillis = 90),
            initialScale = 0.2f
        ) + fadeIn(
            animationSpec = tween(220, delayMillis = 90)
        ),
        exitTransition = scaleOut(
            animationSpec = tween(220, delayMillis = 90),
            targetScale = 0.2f
        ) + fadeOut(
            animationSpec = tween(220, delayMillis = 90)
        )
    ) {
        //...
    }
},
extraPane = {
    AnimatedPane(
        modifier = Modifier.fillMaxSize(),
        enterTransition = { /* */ },
        exitTransition = { /* */ }
    ) {
        //...
    }
},