Chapter 16無料公開

アバウトパネルを表示する (app. showAboutPanel)

Kei Touge
Kei Touge
2021.09.18に更新

アバウトパネルに表示する事項を設定する

app.setAboutPanelOptions(options)

main.ts
  app.setAboutPanelOptions({
    applicationName: app.name,
    applicationVersion: process.platform === 'darwin'
      ? app.getVersion()
      : `v${app.getVersion()} (electron@${process.versions['electron']})`,
    copyright: 'Copyright 2021 sprout2000 and other contributors',
    // macOS のみで有効
    version: `electron@${process.versions['electron']}`,
    // Windows と Linux で有効
    iconPath: path.join(__dirname, 'icon.png'),
  });

アバウトパネルをメニューから表示する

app.showAboutPanel()

createMenu.ts
import { MenuItemConstructorOptions, Menu, app } from 'electron';

export const createMenu = () => {
  const template: MenuItemConstructorOptions[] = [
    { role: 'fileMenu' },
    { role: 'editMenu' },
    { role: 'viewMenu' },
    { role: 'windowMenu' },
    {
      role: 'help',
      submenu: [
        {
          label: 'About',
          click: () => app.showAboutPanel(),
        },
      ],
    },
  ];

  if (process.platform === 'darwin') template.unshift({ role: 'appMenu' });

  return Menu.buildFromTemplate(template);
};