问题标签 [floating-action-button]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
567 浏览

android - Android CircularFloatingActionMenu SlideDown

我正在使用这个:CircularFloatingActionMenu

到目前为止,我已经能够很好地使用它。我可以将它移动到自述文件中描述的所需位置,甚至设置旋转、主题颜色等。我的问题是我正在尝试创建自定义动画,以便当放置在右上角时,图标会向下拍摄。我有点作弊,通过将开始/结束角度设置为 89 度和 90 度让它看起来可以工作,所以它们不是在一条线上,而是稍微偏离了一点,但我的问题是,当动画完成时,最终位置结束了将所有图标堆叠在一起。我附上了演示这一点的屏幕截图。决赛前

决赛后

我这样称呼我的 SlideDownAnimationHandler.java 类:

我真的不想发布 SlideDownAnimationHandler.java 分类,因为它非常大(约 100 行代码)。我想知道是否有更好的方法来正确地为滑下效果设置动画,以及如何以与我在动画本身中设置 y 平移类似的方式设置它们的最终位置。

0 投票
3 回答
787 浏览

android - 浮动操作按钮在低端设备上呈现为椭圆形

我正在使用浮动操作按钮(不使用第三方库)

fab 在 mdpi 和 hdpi 设备上看起来很好,但在 ldpi 设备上显示为独特的椭圆形

以下是截图供参考 -

  1. 这是 mdpi 设备上的 fab 渲染

工厂渲染很好

  1. 这是在 ldpi 设备上呈现为椭圆形的 fab

在此处输入图像描述

主布局有一个包含元素以包含 fab 布局。fab 布局包括一个作为可绘制对象的背景。背景=@drawable/fab_drawable

A. res/drawable中的fab_drawable.xml

B. drawable-v21 中的 fab_drawable.xml

C. 在我的基本片段中,我正在检查构建是否是棒棒糖,然后使用此剪辑代码

D. 所有设备的晶圆按钮直径尺寸均为 60sp

0 投票
2 回答
11808 浏览

android - 浮动操作按钮扩展

根据新的Android Design Guidelines for the Floating Action Button,将 Floating Action Button 转换为 Toolbar应该是合理的。

是否有任何样本/示例来执行这种转换?

0 投票
4 回答
7951 浏览

android - 浮动操作按钮

我一直在尝试使用浮动操作按钮。我尝试使用此处建议的一些资源,并且链接很棒;但是,由于依赖项的问题,我无法使用其中的很多。我试图修复它,但它变得更加混乱。长话短说,我使用下面的代码来绕过我的包中的依赖项。我让按钮开始工作;但是,我无法弄清楚单击按钮时如何显示选项。我尝试了 clicklistener 和其他方式,但总是出错。

主要活动

0 投票
1 回答
3471 浏览

java - 如何实现 android fab 快速拨号选择器?

我在 google.com/design 上看到指南更新了新资源,他们添加了新版本的快速拨号选择器。我想达到类似这样的效果,怎么做?

我在这里问的原因是因为那里没有太多关于该指南的信息。非常感谢任何东西(资源、代码或示例)。

谢谢你的时间。

这是我的意思的几个例子(来自官方网站)。

在此处输入图像描述

0 投票
1 回答
3160 浏览

android - Material Design 浮动按钮 (FAB) 阻塞 RecyclerView

尝试在我的应用程序中使用材料设计 FAB 按钮时,我遇到了一个奇怪的问题。我正在使用这个库(https://github.com/makovkastar/FloatingActionButton)。

我的活动 xml 有一个 RecyclerView 和 FAB。但 FAB 实际上是挡住了整个屏幕的下部。像这样的东西:

http://i.stack.imgur.com/FtEcb.png

从图中可以看出,包含卡片的 RecyclerView 被 Floating Button 挡住了。这是我正在使用的代码:

activity_main.xml

片段报价.xml

0 投票
0 回答
666 浏览

android - 与导航抽屉一起使用时,浮动操作按钮会消失

我正在使用以下两个库:用于浮动操作按钮的FAB和用于导航抽屉的MaterialNavigationDrawer 。当我单独使用它们时,它们工作正常。但是当我尝试同时使用两者时,FAB 消失了。

以下是我的主要活动布局:

下面是 offer 片段的布局:

这是我在使用 MaterialNavigationDrawer 时需要重写的初始化函数。

0 投票
4 回答
7017 浏览

android - Material Design:如何为 Android Floating Action Button 设置透明度

我的问题与这个有关。

当我打开 NavigationDrawer 时,浮动按钮位于其顶部,但必须位于其下方。

我试着这样做:

就像这样:

没有什么对我有用。有什么解决办法?

我的布局:

FragmentNavigationDrawer 是自定义的DrawerLayout

0 投票
1 回答
777 浏览

javascript - 在 html 中使用多个页面时,$(window).scroll 不会触发事件

我想在长页面中实现浮动操作按钮。当我编写简单的html页面时效果很好。但是,当我将多个页面写入一个 html 时,它无法正常工作。在内页之间跳转后,它不会触发 $(window).scroll 事件。我将展示简化的源代码。

加载此页面时,通常会触发滚动事件并显示浮动操作按钮。但是,在跳转到“Page B”之后,将不再触发滚动事件。

有人可以告诉我出了什么问题吗?

0 投票
2 回答
3853 浏览

android-appcompat - Android Material Design Toolbar 和 FAB Button 交叉

在 Google 的 Material Design 规范中,他们经常显示浮动操作按钮位于工具栏的一半以上,并且覆盖了内容。 设计图片

http://www.google.com/design/spec/components/buttons-floating-action-button.html

但是我尝试了一些变体,工具栏和内容之间仍然存在差距,这是由按钮引起的。

我还尝试将工具栏和 FAB 按钮都放在 FrameLayout 中,它也有差距。FAB 按钮代码取自 Google 的示例,我没有遇到过将其重叠在 RecyclerView 底部的问题。

有没有办法实现材料设计规范中显示的这种外观。