问如何自定义电子标题栏以及如何将其设置为可拖动
EN

Stack Overflow用户

提问于 2020-07-20 08:11:24

回答 1查看 464关注 0票数 2

我正在从事一个电子项目，并想在顶部添加一个自定义框架。我想看看有没有人知道怎么做？这是一个屏幕截图模型，我希望自定义框架能够在其中包含：Mockup

我也希望能够把一些按钮和选择器在这个地区。如果你能提供任何帮助是实现这一点，请让我知道！

electron

javascript

node.js

回答 1

Stack Overflow用户

发布于 2020-07-20 22:18:53

      const mainWindow = new BrowserWindow({
                width: 1200,
                height: 800,
                minWidth: 1200,
                minHeight: 800,
                titleBarStyle: 'hiddenInset',
                frame: false,
                webPreferences: {
                    nodeIntegration: true,
                    devTools: true
                }
            });

通过设置titleBarStyle: false和frame: false，本机标题栏和默认按钮将被隐藏。

现在您可以构建自己的标题栏了。

然后，为了使其可拖动，您需要使用-webkit-app-region: drag，将此添加到您的标题CSS，以便此标题将是可拖动的区域。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62987003

复制

相似问题

问如何自定义电子标题栏以及如何将其设置为可拖动
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何自定义电子标题栏以及如何将其设置为可拖动EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何自定义电子标题栏以及如何将其设置为可拖动
EN