接下来还需要让标题栏通过拖拽移动窗口,需要给标题栏样式设置一个特殊的 CSS 值:-webkit-app-region: drag;,并且设置user-select: none;来避免标题栏内容被选中: .custom-titlebar{/* ... 省略其他样式 *//* 避免选中窗口标题 */user-select:none;/* 设置该属性表明这是可拖拽区域,用来移动窗口 */-webkit...
import{setupTitlebar,attachTitlebarToWindow}from"custom-electron-titlebar/main";// setup the titlebar main processsetupTitlebar();functioncreateWindow(){// Create the browser window.constmainWindow=newBrowserWindow({width:800,height:600,//frame: false, // needed if process.versions.electron < 14...
const{app,BrowserWindow}=require('electron');app.on('ready',()=>{constmainWindow=newBrowserWindow({width:800,height:600,titleBarStyle:'hidden',});mainWindow.loadFile('custom_title_bar.html');}); 然后直接在App.vue中写顶部导航栏样式: <template> <div class="app"> <div class="title-bar"...
constwin=newBrowserWindow({titleBarStyle:'hidden'}) 控制macOS上的红绿灯 在macOS上,应用hidden标题栏样式仍然会暴露标准窗口左上方 的控制按钮(“红绿灯”)。 自定义macOS上红绿灯的外观 customButtonsOnHover标题栏样式将隐藏红绿灯,直到你鼠标悬浮在上面 如果您想要在您的 HTML 中创建自定义红绿灯,但仍...
"custom-electron-titlebar": "^4.1.5", "discord-rpc": "^4.0.1", "electron-better-web-request": "^1.0.1", "electron-debug": "^3.2.0", 8 changes: 4 additions & 4 deletions 8 yarn.lock Original file line numberDiff line numberDiff line change @@ -1939,10 +1939,10 @@ custom...
If you’re only setting a custom titlebar as draggable, you also need to make all buttons in titlebar non-draggable. 应用 那接下来就简单了,你可以自定义一个 titleBar 区域,将这个区域设置成可拖拽,拖拽操作将会触发 BrowserWindow 的move事件。
但是代码里有contextMenu.popup()，应该是在某个地方做了监听吧。因为没有完整代码，我没办法明确告诉...
custom-title-bar.md custom-window-interactions.md custom-window-styles.md window-customization.md 3 changes: 3 additions & 0 deletions 3 .markdownlint-cli2.jsonc Original file line numberDiff line numberDiff line change @@ -5,6 +5,9 @@ "autolink": false, "shortcut": false }...
控制窗口标题栏、菜单栏 title 默认的窗口标题 icon 当' iconType '为' custom '时使用的图标 frame 指定为false将不提供默认窗口 autoHideMenuBar 自动隐藏菜单栏,默认不自动隐藏 titleBarStyle 窗口标题栏样式,'default' 控制窗口位置: x 窗口距离屏幕左侧的距离 y 窗口距离屏幕顶部的距离 center 窗口是否居中显示...
其实现在有办法 看看这里,很多电子应用程序都在使用它,所以我认为这是双赢…… 只需确保先安装它 npm i custom-electron-titlebar 原文由 Egon Stetmann. 发布,翻译遵循 CC BY-SA 4.0 许可协议 有用 回复 撰写回答 你尚未登录,登录后可以 和开发者交流问题的细节 关注并接收问题和回答的更新提醒 参与内容...