diff --git a/main/main.js b/main/main.js index 4905be1..1a145af 100644 --- a/main/main.js +++ b/main/main.js @@ -1,76 +1,117 @@ -const { app, BrowserWindow, ipcMain } = require("electron"); +const { app, BrowserWindow, ipcMain, Menu } = require("electron"); const path = require("path"); -const { spawn } = require('child_process') +const { spawn } = require("child_process"); const fs = require("fs"); app.disableHardwareAcceleration(); // 高 DPI 缩放修复 // 音效播放器 function playAudioFile(filePath) { - if (process.platform === 'win32') { - spawn('cmd', ['/c', `start "" "${filePath}"`]) - } else if (process.platform === 'darwin') { - spawn('afplay', [filePath]) + if (process.platform === "win32") { + spawn("cmd", ["/c", `start "" "${filePath}"`]); + } else if (process.platform === "darwin") { + spawn("afplay", [filePath]); } else { - spawn('aplay', [filePath]) + spawn("aplay", [filePath]); } } -ipcMain.on('play-sound', (_, soundFile) => { +ipcMain.on("play-sound", (_, soundFile) => { let soundPath; // 判断是开发环境还是生产环境 - if (process.env.NODE_ENV === 'development') { + if (process.env.NODE_ENV === "development") { // 在开发模式下,直接指向 renderer/public 里的文件 - soundPath = path.join(__dirname, '../renderer/public/assets/sounds', soundFile); + soundPath = path.join( + __dirname, + "../renderer/public/assets/sounds", + soundFile + ); } else { // 在生产模式下,Vite 会把 public 里的文件复制到 dist 文件夹 - soundPath = path.join(__dirname, '../renderer/dist/assets/sounds', soundFile); + soundPath = path.join( + __dirname, + "../renderer/dist/assets/sounds", + soundFile + ); } - console.log('Main process trying to play sound at path:', soundPath); + console.log("Main process trying to play sound at path:", soundPath); - if (require('fs').existsSync(soundPath)) { + if (require("fs").existsSync(soundPath)) { playAudioFile(soundPath); } else { - console.error('Sound file not found:', soundPath); + console.error("Sound file not found:", soundPath); } }); -ipcMain.handle('get-sound-path', (_, soundFile) => { +ipcMain.handle("get-sound-path", (_, soundFile) => { let soundPath; - if (process.env.NODE_ENV === 'development') { - soundPath = path.join(__dirname, '../renderer/public/assets/sounds', soundFile); + if (process.env.NODE_ENV === "development") { + soundPath = path.join( + __dirname, + "../renderer/public/assets/sounds", + soundFile + ); } else { - soundPath = path.join(__dirname, '../renderer/dist/assets/sounds', soundFile); + soundPath = path.join( + __dirname, + "../renderer/dist/assets/sounds", + soundFile + ); } - if (require('fs').existsSync(soundPath)) { + if (require("fs").existsSync(soundPath)) { // 返回一个可供 web 环境使用的 file 协议 URL - return `file://${soundPath}`; + return `file://${soundPath}`; } else { - console.error('Sound file not found:', soundPath); + console.error("Sound file not found:", soundPath); return null; } }); -ipcMain.handle('get-sound-files', async () => { - const soundDir = process.env.NODE_ENV === 'development' - ? path.join(__dirname, '../renderer/public/assets/sounds') - : path.join(__dirname, '../renderer/dist/assets/sounds'); +ipcMain.handle("get-sound-files", async () => { + const soundDir = + process.env.NODE_ENV === "development" + ? path.join(__dirname, "../renderer/public/assets/sounds") + : path.join(__dirname, "../renderer/dist/assets/sounds"); try { // 读取目录下的所有文件名 const files = await fs.promises.readdir(soundDir); // 筛选出 .mp3 文件并返回 - return files.filter(file => file.endsWith('.mp3')); + return files.filter((file) => file.endsWith(".mp3")); } catch (error) { - console.error('无法读取声音目录:', error); + console.error("无法读取声音目录:", error); return []; // 如果出错则返回空数组 } }); +ipcMain.on("show-context-menu", () => { + const template = [ + { + label: "置顶显示", + type: "checkbox", + checked: isAlwaysOnTop, // 菜单项的选中状态与变量同步 + click: () => { + isAlwaysOnTop = !isAlwaysOnTop; // 点击时切换状态 + mainWindow.setAlwaysOnTop(isAlwaysOnTop); // 并应用到窗口 + }, + }, + { type: "separator" }, // 分隔线 + { + label: "退出", + click: () => { + app.quit(); // 点击时退出应用 + }, + }, + ]; + const menu = Menu.buildFromTemplate(template); + menu.popup({ window: mainWindow }); // 在主窗口上弹出菜单 +}); + +let isAlwaysOnTop = true; let mainWindow; function createWindow() { @@ -78,10 +119,11 @@ function createWindow() { width: 200, height: 200, transparent: true, // 开启透明窗口 - frame: false, // 无边框窗口 - resizable: false, // 禁止调整大小 + frame: false, // 无边框窗口 + resizable: false, // 禁止调整大小 title: "说的道理桌宠", - icon: path.join(__dirname, '../build/icon.png'), + alwaysOnTop: isAlwaysOnTop, // 窗口始终在最上层 + icon: path.join(__dirname, "../build/icon.png"), webPreferences: { preload: path.join(__dirname, "preload.js"), contextIsolation: true, @@ -90,13 +132,13 @@ function createWindow() { }); // 当渲染进程传来这个事件时,就移动窗口 - ipcMain.on('move-window', (event, { x, y }) => { + ipcMain.on("move-window", (event, { x, y }) => { // 使用 Math.round 避免非整数坐标可能带来的问题 - mainWindow.setPosition(Math.round(x), Math.round(y), false); + mainWindow.setPosition(Math.round(x), Math.round(y), false); }); // 添加一个 handle,用于响应前端获取窗口位置的请求 - ipcMain.handle('get-window-position', () => { + ipcMain.handle("get-window-position", () => { if (mainWindow) { const [x, y] = mainWindow.getPosition(); return { x, y }; diff --git a/main/preload.js b/main/preload.js index 6e3eb6b..2dd73b8 100644 --- a/main/preload.js +++ b/main/preload.js @@ -16,5 +16,6 @@ contextBridge.exposeInMainWorld('electronAPI', { }, moveWindow: (position) => ipcRenderer.send('move-window', position), // 暴露获取窗口位置的函数 - getWindowPosition: () => ipcRenderer.invoke('get-window-position') + getWindowPosition: () => ipcRenderer.invoke('get-window-position'), + showContextMenu: () => ipcRenderer.send('show-context-menu') }) \ No newline at end of file diff --git a/renderer/index.html b/renderer/index.html index d3747c5..e852db3 100644 --- a/renderer/index.html +++ b/renderer/index.html @@ -2,9 +2,9 @@
- + -