android - 如何创建转换为单张 Material 的 float 操作按钮

Question

我正在尝试查看设计库中是否存在任何内置动画以创建转换为单个 Material 表的 float 操作按钮，如 Material 设计图像中所示

https://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0B8v7jImPsDi-TjBicTdvQjg4M1E/components-buttons-fab-transition_card_02.webm

Answer 1

使用 Material Components 中的 MaterialContainerTransform:

 private fun toggleFabMenu() {
        val views = listOf<View>(fab, menuView).sortedBy { !it.isVisible }

        val shareMenuTransform = MaterialContainerTransform().apply {
            startView = views.first()
            endView = views.last()           
            scrimColor = Color.TRANSPARENT
            duration = 500
                      
        }
        TransitionManager.beginDelayedTransition(root, shareMenuTransform)
        views.first().isVisible = false
        views.last().isVisible = true
    }

有关详细信息，请参阅文档:https://material.io/develop/android/theming/motion