Tray

    进程:主进程

    Tray是一个.

    平台限制:

    • 在Linux上,如果支持,就使用应用程序指示器,否则将使用GtkStatusIcon
    • 在仅支持应用程序指标的Linux发行版中,必须安装libappindicator1才能使任务栏图标正常工作。
    • 应用程序指标只有当它有一个上下文菜单时才会显示。
    • 当在Linux上使用应用程序指标时,它的 click事件将被忽略
    • 在 Linux 上,为了使对 MenuItem 的更改生效,必须再次调用 setContextMenu 。 例如:
    1. const { app, Menu, Tray } = require('electron')
    2. let appIcon = null
    3. app.whenReady().then(() => {
    4. appIcon = new Tray('/path/to/my/icon')
    5. const contextMenu = Menu.buildFromTemplate([
    6. { label: 'Item1', type: 'radio' },
    7. { label: 'Item2', type: 'radio' }
    8. ])
    9. // Make a change to the context menu
    10. contextMenu.items[1].checked = false
    11. // Call this again for Linux because we modified the context menu
    12. appIcon.setContextMenu(contextMenu)
    13. })
    • 在 Windows 上, 建议使用 ICO 图标来获得最佳视觉效果。

    如果要在所有平台上保持完全相同的行为, 则不应依赖 click 事件, 并且始终将上下文菜单附加到任务栏图标。

    • image (NativeImage | String)
    • String (可选) Windows - 将 GUID 分配给托盘图标。 If the executable is signed and the signature contains an organization in the subject line then the GUID is permanently associated with that signature. OS level settings like the position of the tray icon in the system tray will persist even if the path to the executable changes. If the executable is not code-signed then the GUID is permanently associated with the path to the executable. Changing the path to the executable will break the creation of the tray icon and a new GUID must be used. However, it is highly recommended to use the GUID parameter only in conjunction with code-signed executable. If an App defines multiple tray icons then each icon must use a separate GUID.

    创建与image关联的新任务栏图标。

    Tray 对象会发出以下事件:

    事件: ‘click’

    返回:

    • event KeyboardEvent
    • bounds - 系统托盘图标的边界。
    • position Point - 事件的位置信息。

    当该图标被点击时触发。

    Event: ‘right-click’ macOS Windows

    返回:

    当该图标被右击时触发。

    Event: ‘double-click’ macOS Windows

    返回:

    当该图标被双击时触发。

    Event: ‘balloon-show’ Windows

    当系统托盘图标气泡显示时,触发该事件。

    Event: ‘balloon-click’ Windows

    当系统托盘气泡被点击时,触发该事件。

    Event: ‘balloon-closed’ Windows

    当系统托盘气泡因为超时被关闭或者用户手动关闭时,触发该事件。

    Event: ‘drop’ macOS

    当有任何拖动项拖到该任务栏图标上时,触发该事件。

    Event: ‘drop-files’ macOS

    返回:

    • event Event
    • files String[] - 拖至任务栏图标上的文件的路径。

    Event: ‘drop-text’ macOS

    返回:

    • event Event
    • text String - 拖至任务栏图标上的文字内容。

    当有任何文字被拖到该任务栏图标上时,触发该事件。

    Event: ‘drag-enter’ macOS

    当有任何拖动操作进入(拖动未结束)该任务栏图标时,触发该事件。

    Event: ‘drag-leave’ macOS

    当有任何拖动操作离开该任务栏图标时,触发该事件。

    Event: ‘drag-end’ macOS

    当有任何拖动操作在托盘或其他地方结束时,触发该事件。

    Event: ‘mouse-up’ macOS

    返回:

    当鼠标从单击托盘图标中释放时发出。

    Note: This will not be emitted if you have set a context menu for your Tray using tray.setContextMenu, as a result of macOS-level constraints.

    Event: ‘mouse-down’ macOS

    返回:

    • event
    • position Point - 事件的位置信息。

    鼠标点击托盘图标时触发。

    Event: ‘mouse-enter’ macOS

    返回:

    当鼠标进入该任务栏图标时,触发该事件。

    Event: ‘mouse-leave’ macOS

    返回:

    • event
    • position Point - 事件的位置信息。

    当鼠标离开该任务栏图标时,触发该事件。

    Event: ‘mouse-move’ macOS Windows

    返回:

    当鼠标在该任务栏图标上移动时,触发该事件。

    Tray 类拥有以下方法:

    tray.destroy()

    tray.setImage(image)

    设置image作为托盘中显示的图标

    tray.setPressedImage(image) macOS

    在 macOS 中,设置image作为托盘图标被按下时显示的图标

    tray.setToolTip(toolTip)

    • toolTip String

    设置鼠标指针在托盘图标上悬停时显示的文本

    tray.setTitle(title[, options]) macOS

    • title String
    • options Object (可选)
      • fontType String (optional) - The font family variant to display, can be monospaced or monospacedDigit. monospaced is available in macOS 10.15+ and monospacedDigit is available in macOS 10.11+. When left blank, the title uses the default system font.

    Sets the title displayed next to the tray icon in the status bar (Support ANSI colors).

    macOS

    Returns String - the title displayed next to the tray icon in the status bar

    tray.setIgnoreDoubleClickEvents(ignore) macOS

    • ignore Boolean

    Sets the option to ignore double click events. Ignoring these events allows you to detect every individual click of the tray icon.

    This value is set to false by default.

    tray.getIgnoreDoubleClickEvents() macOS

    Returns Boolean - Whether double click events will be ignored.

    tray.displayBalloon(options) Windows

    • 选项 对象
      • icon ( | String) (optional) - Icon to use when iconType is custom.
      • iconType String (optional) - Can be none, info, warning, error or custom. 默认值为 custom.
      • title String
      • content String
      • largeIcon Boolean (optional) - The large version of the icon should be used. 默认值为 true。 Maps to NIIF_LARGE_ICON.
      • noSound Boolean (optional) - Do not play the associated sound. 默认值为 false. Maps to .
      • respectQuietTime Boolean (optional) - Do not display the balloon notification if the current user is in “quiet time”. 默认值为 false. Maps to NIIF_RESPECT_QUIET_TIME.

    显示一个托盘气球通知.

    tray.removeBalloon() Windows

    Removes a tray balloon.

    tray.focus() Windows

    Returns focus to the taskbar notification area. Notification area icons should use this message when they have completed their UI operation. For example, if the icon displays a shortcut menu, but the user presses ESC to cancel it, use tray.focus() to return focus to the notification area.

    tray.popUpContextMenu([menu, position]) macOS Windows

    • menu Menu (可选)

    Pops up the context menu of the tray icon. When menu is passed, the menu will be shown instead of the tray icon’s context menu.

    参数 position 只在 Windows 上可用, 并拥有默认值 (0, 0)。

    tray.closeContextMenu() macOS Windows

    Closes an open context menu, as set by tray.setContextMenu().

    tray.setContextMenu(menu)

    • menu Menu | null

    设置这个图标的内容菜单

    tray.getBounds() macOS Windows

    返回

    Object类型返回托盘图标的bounds

    tray.isDestroyed()