如何创建转换为单张材料的浮动动作按钮

Posted

技术标签:

【中文标题】如何创建转换为单张材料的浮动动作按钮【英文标题】:How to create floating action button transforming into a single sheet of material 【发布时间】:2016-01-10 15:28:38 【问题描述】:

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

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

【问题讨论】:

你找到解决办法了吗? ***.com/questions/62436242/… 【参考方案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

【讨论】:

天哪!对这个问题的回答如此之快!我惊呆了!他一定是急需这个答案,你为他节省了很多时间!先生,您是如何这么快给出答案的?你能告诉我这个技巧吗? @CodeDexter 确定。主要动机是对这个问题的支持量。所以我决定我的知识可能对很多开发者有用。现在和将来。这就是***社区的工作方式。欢迎 哦,我明白了! 4 年是一个巨大的差距,但它肯定会帮助很多新开发者,并为我的讽刺语气感到抱歉!你这么谦虚地回答,我受宠若惊!你能帮我解决这个问题吗?我一直在处理触摸事件!问题:***.com/questions/63023789/… 如何添加稀松布?

以上是关于如何创建转换为单张材料的浮动动作按钮的主要内容,如果未能解决你的问题,请参考以下文章

如何创建固定的浮动加号按钮?

如何使用 android 活动转换为浮动操作按钮设置动画?

在 UITableView 上创建一个浮动按钮 [重复]

如何将浮动操作按钮锚定到App ToolBar,就像在指南图像中一样?

浮动动作按钮!为啥它不起作用?

在 iOS 中创建浮动操作按钮