问题标签 [speed-dial]

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 投票
5 回答
169798 浏览

android - Android 设计支持库可扩展的浮动操作按钮(FAB)菜单

现在 Android 设计支持库已经出来了,有谁知道如何用它实现扩展的 Fab 菜单,比如 Inbox App 上的 fab?

应该是这样的:

在此处输入图像描述

0 投票
3 回答
26332 浏览

android - Android 浮动操作按钮选项菜单

在此处输入图像描述

有很多用于实现 FAB 菜单的自定义库。但我希望它在不使用任何自定义库的情况下完成。我想本机实现这个 FAB 菜单。

请不要向我推荐任何自定义库

0 投票
3 回答
11341 浏览

android - Android FloatingActionButton 快速拨号

我目前正在开发一个使用 FloatingActionButton 的 Android 应用程序。我想使用快速拨号来执行多个操作,这些操作可以旋转/跳出操作按钮,如谷歌在 Android 设计的本页中所述,或者可以在早期版本的 Keep 应用程序中看到(对不起,但我只能发一个链接)。我正在使用 Android 设计支持库,特别是版本 23.1.1 (com.android.support:design:23.1.1)。我已经使用 Google 进行了搜索,并查看了 FloatingActionButton 的参考资料,但找不到任何有关快速拨号的信息。

我想知道是否有一种方法可以使用默认的 FloatingActionButton 轻松实现这一点,或者我是否必须手动编程所有过渡/动画?

此外,如果可能的话,我想在按钮旁边放一些小标签来描述操作。

先感谢您!

0 投票
1 回答
473 浏览

android - 从“Inbox by Gmail”复制 FAB 的确切行为

我想知道目前从 Gmail 的 Inbox 复制浮动操作按钮的确切行为的最佳方法是什么。

我说的是这个:

Gmail 收件箱

我特别感兴趣:

  1. (折叠)在 FAB 上有一个图标 A 并且没有标签
  2. (单击折叠)动画小 FAB 的扩展和主 FAB 上从 A 到 B 的图标交换
  3. (expanded) Activity 的背景褪色
  4. (展开)标签有白色背景和灰色文本
  5. (展开)屏幕截图中红色的大 FAB 按钮有自己的标签
  6. (单击展开)它启动一个自定义操作并切换 FAB 折叠。

我知道关于 SO 和几个 FAB 库有几个类似的问题,但我不知道当前支持的库提供了大部分这些功能。

来自Clanmakovkastarfuturesimple的 FAB 库几年来都被弃用或放弃了,而且无论如何都没有实现大部分功能。

RapidFloatingActionButton似乎是最有前途的,但 afaik 在展开时不支持邮件 FAB 上的标签(并且也缺少点击的连锁反应)。

目前从 Inbox 复制 FAB 相同行为的最佳方法是什么?我是否应该在 RapidFloatingActionButton 之上实现我需要的缺失功能?我应该从头开始构建一切吗?或者是否有一个(仍然维护的)库可以完成 Inbox 所做的几乎所有事情?

0 投票
1 回答
2499 浏览

reactjs - 如何使用材质 ui 处理快速拨号操作?

我有三个支持我的 SpeedDialAction 的操作,但是当我尝试记录单个操作 onClick 的事件时,我得到了未定义。

我尝试使用不同的函数作为操作,还尝试了方法调用中的箭头函数语法

行动:

快速拨号:

handleDialogOpen 只是尝试记录事件

我希望输出是一个事件对象,而不是未定义的。

0 投票
1 回答
591 浏览

reactjs - 一起使用时,TooltipClasses 和 FabProps 不适用于 Material UI React 中的 SpeedDialAction

在处理React 的 Material UI 的SpeedDial 组件时,需要以下内容:

  1. 更改快速拨号按钮的背景颜色
  2. 更改快速拨号的背景颜色
  3. 更改鼠标悬停在快速拨号上时显示的工具提示的字体大小

所有这一切都在早些时候成功完成,在沙箱 URL 中具有以下依赖项,用于工作代码 - material-ui/core 4.1.3 - material-ui/lab 4.0.0.alpha.18

但是现在有了最新的软件包,我在这里更新了代码,用于半工作代码的沙箱 URL,其中事情变得颠簸 - material-ui/core 4.6.0 - material-ui/lab 4.0.0.alpha.31 当悬停在 speeddialaction 上时导致 SpeedDial 消失的错误。可以在半工作代码的沙盒 URL控制台中查看错误详细信息

0 投票
1 回答
1267 浏览

javascript - 我可以禁用 Material-UI SpeedDial 鼠标悬停事件吗

我想禁用 Material-UI 的 SpeedDial 组件 ( https://material-ui.com/api/speed-dial/ ) 的默认鼠标悬停/悬停行为。目前,当您将鼠标悬停在主图标上时,SpeedDial 组件将打开。它也将在单击时打开。这给我们的一些用户带来了问题,因为当他们将鼠标悬停在按钮上时 - 它会打开 - 他们会立即单击并关闭。

我想保留为触摸屏设备打开 SpeedDial 的单击操作。

有没有一种简单的方法可以禁用悬停/鼠标悬停事件?据我所知,API 不允许这样做。

谢谢!

0 投票
1 回答
1101 浏览

flutter - 如何在 Flutter 上实现 Material Speed Dial?

是否有任何用于实现Material Design Speed Dial的原生 Flutter 库?

我只找到了这个FAB 文档,但它没有说明如何从中创建菜单,尽管 Material Design FAB 文档在顶部说 FAB 在 Flutter 中受支持(它没有说明它支持多少。只有那个它支持,这会让我明白它支持页面中的所有内容)。

我应该开发自己的库还是寻找第三方库?

0 投票
1 回答
587 浏览

javascript - 单击 SpeedDialAction 按钮时,我可以阻止 Material-UI SpeedDial 关闭吗

我想禁用 Material-UI 的 SpeedDial 组件(https://material-ui.com/api/speed-dial/)的默认行为。

当前,当您单击 SpeedDialAction 时,父 SpeedDial 组件将关闭。

我想更改行为,以便在单击 SpeedDialAction 时,父 SpeedDial 组件将保持打开状态。

有没有一种简单的方法可以禁用“关闭”行为?

谢谢!

0 投票
1 回答
32 浏览

android - 如何在 Android 中获取 SPEED Dial 联系人列表?

我的问题是快速拨号列表显示快速拨号联系人列表。我想在我的应用程序中获取此 SPEED DIAL 联系人列表。