两个浮动按钮在一个布局中

我正在使用材料设计创建一个简单的应用程序。 我想在一个布局上获得两个浮动按钮。

材料设计文档示例

我想让他们在小吃店展示时继续前进。 但我不能以正确的方式做错,因为layout_margin不起作用。 这些是应用程序和标记的屏幕截图。 你可以帮帮我吗?

在展示小吃吧之前在展示了一个小吃吧

       

我尝试使用您的代码进行一些调整以使其正常工作,并且在此过程中我已经获得了关于锚点工作的一些理解。

首先要注意的是CoordinatorLayout根据视图的边框对齐其子视图。 因此,在元素之间添加边距对于运动完全没有帮助。 它在布局上看起来很好,但放弃运动。

因此添加虚拟视图有助于正确锚定而不会出现问题。 此外,您需要适当设置layout_gravities。

只需使用以下代码替换布局中2个FAB的代码:

    

希望这可以帮助! 如果有效,请接受此答案。 🙂

在支持库版本24.2.0中,CoordinatorLayout有一个新属性layout_dodgeInsetEdges ,您可以将其添加到包含两个FAB的LinearLayout(或任何其他视图),Snackbar将移动整个视图!

所以,例如:

    //THIS IS THE LINE THAT MATTERS     

我不喜欢添加视图只是为了添加填充,而不是我将Fab包装在FrameLayout中:

        

使用正确的响应代码将无法在5.0以下的android上运行,因为上面的FAB将会发生变化。 最重要的是,在你的代码中有很多额外的属性,我将根据你的内容编写下面的答案,它将在所有设备上正常工作,并且更容易理解。

      

标记为正确的解决方案是一个调整,这将是针对具有不同屏幕dpi的不同设备的问题,因此正确的解决方案将是https://stackoverflow.com/a/33900363/5740236