2016年6月22日水曜日

Electronで、トレーメニュー(Tray)

Electronで、トレーメニュー(Tray)です。カッコイイ(笑)! アイコンに凝りたくなってしまいます。

Linuxの場合は、libappindicator1をインストール
sudo apt-get install libappindicator1
main.js
const Tray = electron.Tray;
const Menu = electron.Menu;

var appIcon = null;
app.on('ready', () => {
  appIcon = new Tray('./icon.png');
  var contextMenu = Menu.buildFromTemplate([
    { label: 'メニュー1', type: 'radio' },
    { label: 'メニュー2', type: 'radio' },
    { label: 'メニュー3', type: 'radio', checked: true },
    { label: 'メニュー4', type: 'radio' }
  ]);
  appIcon.setToolTip('マイクのテスト中です。');
  appIcon.setContextMenu(contextMenu);
})


参考サイト
electron/tray(GitHub)
クロスプラットフォームなアプリ作成ツール「Electron」で遊ぶ その9:メニューバー(Bye Bye Mooreさん)
JavaScript (Electron) を使ってアプリの見栄えを整える(Qiita)

0 件のコメント:

コメントを投稿