Question

我一直在寻找堆栈溢出以及github论坛，并且没有发现任何与此问题相关的问题。我正在使用电子制作一个窗口，并赋予它frame: false的属性，它隐藏了窗口的框架和标题栏。然而，在启动程序后第一次使窗口失焦（即点击窗口外的任何地方）时，标题栏突然出现，在失焦时看起来奇怪地闪烁，并保持在窗口上直到程序重新启动。

我的main.js文件编写如下：

const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
const path = require('path');
const url = require('url');

let win;

function createWindow(){
    win = new BrowserWindow({
        height: 170,
        width: 520,
        maxHeight: 170,
        maxWidth: 520,
        minHeight: 170,
        minWidth: 520,
        frame: false,
        show: false,
        transparent: true
    });
    win.loadURL(url.format({
        pathname: path.join(__dirname, 'index.html'),
        protocol: 'file',
        slashes: true
    }));

    win.on('closed', () => {
        win = null;
    });

    win.once('ready-to-show', () => {
        win.show();
    });
}

app.on('ready', createWindow);

Window's normal appearance

Window out of focus

Window in focus, but after clicking out of focus previously

编辑：我正在使用Windows 10。

Answer 1

似乎这个错误已在Electron 1.8.3中得到承认和修复：

Windows: Unexpected titlebar for frameless and transparent windows · Issue #11849 · electron/electron · GitHub

Electron title on frameless with transparency · Issue #12033 · electron/electron · GitHub

当窗口未对焦时，无电子边框窗口显示标题栏

1 个答案: