如何创建浮动操作按钮转换为单个材料表的效果

Question

我正在尝试查看设计库中是否存在任何内置动画，以创建浮动操作按钮转换为单个材料表格，就像在材料设计图像中所示。

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

- Libin

---

你找到解决方案了吗？ - JMR

https://stackoverflow.com/questions/62436242/how-to-implement-menu-display-on-extended-floating-action-button-click-android/62438888#62438888 - Gabriele Mariotti

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

- deviant

---

哇！回答这个问题的速度真快啊！我很惊讶！他一定急需这个答案，你帮他节省了很多时间！先生，您是如何如此迅速地给出答案的？能请您告诉我这个技巧吗？ - Rajnish Sharma

@CodeDexter 当然可以。主要动力是这个问题的赞数。所以我决定我的知识可能对许多开发人员有用。现在和将来都是如此。这就是stackoverflow社区的运作方式。欢迎。 - deviant

哦，我明白了！4年的差距很大，但它肯定会帮助很多新开发人员，抱歉我的讽刺语气！你能帮我解决这个问题吗？ 我被卡在处理触摸事件上！问题：https://stackoverflow.com/questions/63023789/handle-touch-event-on-both-segments-of-the-screen-simultaneously - Rajnish Sharma

如何添加Scrim？ - Tushar Monirul