[Electron] Menu Bar 만들기

clean·2023년 6월 27일
0

일렉트론은 아무것도 건들이지 않으면 기본 role로 구성된 메뉴 바가 생긴다.
이걸 유지하면서 File Open 같은 기능을 추가하고 싶었는데, 그 방법은 찾지 못했다...
결국 기존 메뉴바를 없애고 커스텀 메뉴바를 만들게 되었다.

const { app, BrowserWindow, Menu } = require('electron');

Menu를 가져와 주고

const template = [
    { 
      label: "File",
      submenu: [
        {
            label: "File Open"
        },
        {
            label: "Save Image as JPG"
        }
      ]
    },
    {
        label: "Setting",
      submenu: [
        {
            label: "준비 중입니다."
        }
      ]
    },
    {
      label: "Help",
      submenu: [
        {
            label: "Documentation"
        }
      ]
    }
];

메뉴 템플릿 배열을 작성해줍니다.

const menu = Menu.buildFromTemplate(template); 
Menu.setApplicationMenu(menu);

이렇게 해주면 끗

profile
블로그 이전하려고 합니다! 👉 https://onfonf.tistory.com 🍀

0개의 댓글