标签: speed-dial

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

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

应该是这样的:

在此输入图像描述

android material-design floating-action-button speed-dial

159
推荐指数
7
解决办法
13万
查看次数

Android浮动操作按钮选项菜单

在此输入图像描述

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

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

android android-layout speed-dial

14
推荐指数
1
解决办法
2万
查看次数

Android FloatingActionButton快速拨号

我目前正在使用一个Android应用程序,我在其中使用FloatingActionButton.我想使用的快速拨号有作为描述的旋转/跳出操作按钮的多个动作这个由谷歌在Android的设计页面,或可在保持应用程序的早期版本中可以看出(抱歉,但我只能发布一个链接).我正在使用Android设计支持库专门版本23.1.1(com.android.support:design:23.1.1).我已经使用Google进行了搜索并查看了FloatingActionButton的参考资料,但找不到有关快速拨号的任何信息.

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

另外,我希望按钮旁边有一些标签,如果可能的话,描述动作.

先感谢您!

user-interface android android-layout speed-dial

5
推荐指数
3
解决办法
6318
查看次数

如何使用 Material ui 处理快速拨号操作?

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

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

onClick={e => action.action(e)}
Run Code Online (Sandbox Code Playgroud)

onClick={action.action}
Run Code Online (Sandbox Code Playgroud)

行动:

const actions = [
    { icon: <Add />, name: 'Product', action: handleDialogOpen },
    { icon: <Add />, name: 'Addon', action: handleDialogOpen },
    { icon: <Label />, name: 'Tag', action: handleDialogOpen }
  ]
Run Code Online (Sandbox Code Playgroud)

快速拨号:

<SpeedDial
          ariaLabel='SpeedDial example'
          className={classes.speedDial}
          icon={<SpeedDialIcon />}
          onBlur={handleClose}
          onClick={handleClick}
          onClose={handleClose}
          onFocus={handleOpen}
          onMouseEnter={handleOpen}
          onMouseLeave={handleClose}
          open={open}
        >
          {actions.map(action => (
            <SpeedDialAction
              tooltipOpen
              key={action.name}
              icon={action.icon}
              tooltipTitle={action.name}
              onClick={action.action}
            />
          ))}
        </SpeedDial>
Run Code Online (Sandbox Code Playgroud)

handleDialogOpen 只是尝试记录事件

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

user-interface reactjs material-ui speed-dial

5
推荐指数
1
解决办法
6159
查看次数

颤振错误:没有名称为“overflow”的命名参数

我正在 flutter 中开发一个应用程序,一切都工作正常,突然有一天,当我尝试运行该应用程序时,它给了我这个错误:

\n
/C:/sdk%20Flutter/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_speed_dial-1.2.5/lib/src/speed_dial.dart:249:7: Error: No named parameter with the name \'overflow\'.\n      overflow: Overflow.visible,\n      ^^^^^^^^\n\n/C:/sdk%20Flutter/flutter/packages/flutter/lib/src/widgets/basic.dart:3273:3: Context: Found this candidate, but the arguments don\'t match.\n  Stack({\n  ^^^^^\n\n\nFAILURE: Build failed with an exception.\n\n* Where:\nScript \'C:\\sdk Flutter\\flutter\\packages\\flutter_tools\\gradle\\flutter.gradle\' line: 904\n\n* What went wrong:\nExecution failed for task \':app:compileFlutterBuildDebug\'.\n> Process \'command \'C:\\sdk Flutter\\flutter\\bin\\flutter.bat\'\' finished with non-zero exit value 1\n\n* Try:\nRun with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full …
Run Code Online (Sandbox Code Playgroud)

android dart flutter speed-dial flutter-packages

5
推荐指数
1
解决办法
2万
查看次数

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

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

我想保留用于打开触摸屏设备快速拨号的点击操作。

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

谢谢!

javascript reactjs material-ui speed-dial

2
推荐指数
1
解决办法
912
查看次数