如何創建浮動操作按鈕轉換為單張材料

Question

我正在嘗試查看設計庫中是否存在任何內置動畫以創建浮動動作按鈕，該按鈕轉換為材料設計圖像中所示的單個材料表

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

Answer 1

您是否嘗試過https://github.com/gowong/material-sheet-fab ，它是Android武器庫的一部分？

Answer 2

從材質組件使用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