问题标签 [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.
android - Android 设计支持库可扩展的浮动操作按钮(FAB)菜单
现在 Android 设计支持库已经出来了,有谁知道如何用它实现扩展的 Fab 菜单,比如 Inbox App 上的 fab?
应该是这样的:
android - Android FloatingActionButton 快速拨号
我目前正在开发一个使用 FloatingActionButton 的 Android 应用程序。我想使用快速拨号来执行多个操作,这些操作可以旋转/跳出操作按钮,如谷歌在 Android 设计的本页中所述,或者可以在早期版本的 Keep 应用程序中看到(对不起,但我只能发一个链接)。我正在使用 Android 设计支持库,特别是版本 23.1.1 (com.android.support:design:23.1.1)。我已经使用 Google 进行了搜索,并查看了 FloatingActionButton 的参考资料,但找不到任何有关快速拨号的信息。
我想知道是否有一种方法可以使用默认的 FloatingActionButton 轻松实现这一点,或者我是否必须手动编程所有过渡/动画?
此外,如果可能的话,我想在按钮旁边放一些小标签来描述操作。
先感谢您!
android - 从“Inbox by Gmail”复制 FAB 的确切行为
我想知道目前从 Gmail 的 Inbox 复制浮动操作按钮的确切行为的最佳方法是什么。
我说的是这个:
我特别感兴趣:
- (折叠)在 FAB 上有一个图标 A 并且没有标签
- (单击折叠)动画小 FAB 的扩展和主 FAB 上从 A 到 B 的图标交换
- (expanded) Activity 的背景褪色
- (展开)标签有白色背景和灰色文本
- (展开)屏幕截图中红色的大 FAB 按钮有自己的标签
- (单击展开)它启动一个自定义操作并切换 FAB 折叠。
我知道关于 SO 和几个 FAB 库有几个类似的问题,但我不知道当前支持的库提供了大部分这些功能。
来自Clan、makovkastar和futuresimple的 FAB 库几年来都被弃用或放弃了,而且无论如何都没有实现大部分功能。
RapidFloatingActionButton似乎是最有前途的,但 afaik 在展开时不支持邮件 FAB 上的标签(并且也缺少点击的连锁反应)。
目前从 Inbox 复制 FAB 相同行为的最佳方法是什么?我是否应该在 RapidFloatingActionButton 之上实现我需要的缺失功能?我应该从头开始构建一切吗?或者是否有一个(仍然维护的)库可以完成 Inbox 所做的几乎所有事情?
reactjs - 如何使用材质 ui 处理快速拨号操作?
我有三个支持我的 SpeedDialAction 的操作,但是当我尝试记录单个操作 onClick 的事件时,我得到了未定义。
我尝试使用不同的函数作为操作,还尝试了方法调用中的箭头函数语法
和
行动:
快速拨号:
handleDialogOpen 只是尝试记录事件
我希望输出是一个事件对象,而不是未定义的。
reactjs - 一起使用时,TooltipClasses 和 FabProps 不适用于 Material UI React 中的 SpeedDialAction
在处理React 的 Material UI 的SpeedDial 组件时,需要以下内容:
- 更改快速拨号按钮的背景颜色
- 更改快速拨号的背景颜色
- 更改鼠标悬停在快速拨号上时显示的工具提示的字体大小
所有这一切都在早些时候成功完成,在沙箱 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控制台中查看错误详细信息
javascript - 我可以禁用 Material-UI SpeedDial 鼠标悬停事件吗
我想禁用 Material-UI 的 SpeedDial 组件 ( https://material-ui.com/api/speed-dial/ ) 的默认鼠标悬停/悬停行为。目前,当您将鼠标悬停在主图标上时,SpeedDial 组件将打开。它也将在单击时打开。这给我们的一些用户带来了问题,因为当他们将鼠标悬停在按钮上时 - 它会打开 - 他们会立即单击并关闭。
我想保留为触摸屏设备打开 SpeedDial 的单击操作。
有没有一种简单的方法可以禁用悬停/鼠标悬停事件?据我所知,API 不允许这样做。
谢谢!
flutter - 如何在 Flutter 上实现 Material Speed Dial?
是否有任何用于实现Material Design Speed Dial的原生 Flutter 库?
我只找到了这个FAB 文档,但它没有说明如何从中创建菜单,尽管 Material Design FAB 文档在顶部说 FAB 在 Flutter 中受支持(它没有说明它支持多少。只有那个它支持,这会让我明白它支持页面中的所有内容)。
我应该开发自己的库还是寻找第三方库?
javascript - 单击 SpeedDialAction 按钮时,我可以阻止 Material-UI SpeedDial 关闭吗
我想禁用 Material-UI 的 SpeedDial 组件(https://material-ui.com/api/speed-dial/)的默认行为。
当前,当您单击 SpeedDialAction 时,父 SpeedDial 组件将关闭。
我想更改行为,以便在单击 SpeedDialAction 时,父 SpeedDial 组件将保持打开状态。
有没有一种简单的方法可以禁用“关闭”行为?
谢谢!
android - 如何在 Android 中获取 SPEED Dial 联系人列表?
我的问题是快速拨号列表显示快速拨号联系人列表。我想在我的应用程序中获取此 SPEED DIAL 联系人列表。