-
2022-02-08 19:28:56
其实没有网上那么麻烦,如果你仅仅只是想去掉标题,还有下面的工具栏,只需要如下配置
const win = new BrowserWindow({ width: 800, height: 600, titleBarStyle: "hidden", titleBarOverlay: { color: "#fff", symbolColor: "black", } });
这样就会出现
原生
的最小化,关闭等按钮在 win 的右侧,主要这个区域是悬浮在整个软件右上角的。
鼠标移上去,可以看到支持 win11 的布局功能
以下源码大部分截取自 electron 初始化例子 https://www.electronjs.org/zh/docs/latest/tutorial/examples注意
如果你需要完全重写标题栏,那这个方案不是你想要的。
源码
index.js
const { app, BrowserWindow } = require("electron"); const path = require("path"); function createWindow() { const win = new BrowserWindow({ width: 800, height: 600, /** 主要代码 */ titleBarStyle: "hidden", titleBarOverlay: { color: "#f8f8f8", symbolColor: "black", }, webPreferences: { devTools: true, preload: path.join(__dirname, "preload.js"), }, }); win.loadFile("index.html") .then((result) => { win.webContents.openDevTools(); }) .catch((err) => {}); } app.whenReady().then(() => { createWindow(); app.on("activate", () => { if (BrowserWindow.getAllWindows().length === 0) { createWindow(); } }); }); app.on("window-all-closed", () => { if (process.platform !== "darwin") { app.quit(); } });
index.html
<html> <head> <meta charset="UTF-8"> <title>Hello World!</title> <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';"> <style> body { margin: 0; } /** 主要代码 */ .title { height: 32px; background-color: #f8f8f8; -webkit-app-region: drag; } </style> </head> <body> <!-- 主要代码 --> <div class="title"></div> <h1>Hello World!</h1> <p> We are using Node.js <span id="node-version">16.5.0</span>, Chromium <span id="chrome-version">94.0.4606.81</span>, and Electron <span id="electron-version">15.3.1</span>. </p> </body> </html>
preload.js
window.addEventListener("DOMContentLoaded", () => { const replaceText = (selector, text) => { const element = document.getElementById(selector); if (element) element.innerText = text; }; for (const type of ["chrome", "node", "electron"]) { replaceText(`${type}-version`, process.versions[type]); } });
更多相关内容 -
自定义Windows标题栏的技术
2021-04-11 08:04:48使用易于使用的模板化类来自定义窗口的标题栏。 -
vc修改窗口标题栏的颜色 自绘标题栏.txt
2021-04-10 09:59:59visual c++修改窗口标题栏的颜色 自绘标题栏 -
QT快速开发自定义标题栏示例
2020-10-08 11:14:03QT快速开发自定义标题栏示例,非常简单,使用方法如下: 1、目标窗口添加标题栏、最大化最小化关闭按钮(该步最好每次使用时,从模板程序中直接复制) 2、窗口基类从QDialog改为QFramelessDialog 3、窗口构造函数中... -
WindowsForm移动一个没有标题栏的窗口的方法
2021-01-19 23:50:05在WinForm程序中,要移动没有标题栏的窗口,基本的实现思路是监听需要拖动窗口内的控件的鼠标事件,然后将鼠标位置发送给窗口进行相应的位移就可以了。通过借用Windows API也可以很容易实现这一点,比如像下面这样。... -
DarkNet:在WPF和Windows窗体标题栏中启用Windows 10的黑暗模式
2021-04-17 20:33:34这是一个.NET库,可用于为应用程序的标题栏和系统上下文菜单启用Windows 10的暗模式,类似于命令提示符中的暗标题栏。 WPF Windows表格 局限性 致谢 要求 .NET Framework 4.7.2或更高版本,或.NET Core 3.1或更高... -
electronbar:React Electron的标题栏组件
2021-05-14 00:17:12Electronbar是无框电子窗口的React组件和处理程序,需要浏览器呈现的标题栏和菜单。 它是完全可定制的,并且渲染速度比某些替代方法更快。 笔记 该软件包是为Windows制作的,尽管希望任何人修改此软件包以使其与... -
微信小程序教程系列之设置标题栏和导航栏(7)
2020-11-28 20:00:39微信小程序标题栏和导航栏的设置方法,具体内容如下 设置标题栏 标题栏window 在app.json文件里面,通过window对象里面的属性进行设置 示例: app.json: 运行: 设置导航栏 导航栏TabBar 如果我们的小程序是一... -
VC++ 显示、隐藏窗口标题栏
2021-05-01 12:36:08内容索引:VC/C++源码,界面编程,标题栏 VC++ 显示、隐藏窗口标题栏,可以将标题栏删除掉,只显示窗体的主体,感觉 不习惯,这里主要是演示一下用VC++获得窗口的标题栏,然后去控制标题栏,除了显示、隐藏外,还有... -
custom-electron-titlebar:VS Code标题栏上的自定义电子标题栏显示
2021-02-03 10:10:45自定义电子标题栏 该项目是电子的打字稿库,可让您配置完全可自定义的标题栏。 它是电子库,不能在基本网站上使用。 安装 npm i custom-electron-titlebar 或使用示例文件夹通过此标题栏初始化基本电子项目。 用法 ... -
C#重绘windows窗体标题栏和边框
2015-01-21 21:32:45C#重绘windows窗体标题栏和边框,主要描述了C#中窗体的重绘和边框的重绘 -
Qt去掉标题栏添加边框阴影
2018-12-10 20:45:51基于Qt5的去掉标题栏之后添加边框阴影的解决方案。 四种解决方法: 1. 如果是Windows平台,那么可以调用Windows相关API。 2. 使用Qt的QGraphicsDropShadowEffect类来实现。 3. 使用Qt的qDrawBorderPixmap函数来实现... -
自绘ListView标题栏
2021-03-11 14:17:37自己绘制windows组件ListView的标题栏,包括修改高度等。 -
VC++实现窗体标题栏的显示与隐藏功能
2021-03-15 19:02:23内容索引:VC/C++源码,界面编程,标题栏 VC++实现窗体标题栏的显示与隐藏功能,一像折叠菜单一样,可以把标题栏完全隐藏掉,只留下菜单栏和正文部分,这个程序有利于大家实现折叠窗体之类的功能,对控制窗体起到一定... -
atom-title-bar-replacer:添加了一个替代的,主题感知的标题栏和应用程序菜单,该菜单栏与Atom的UI设计更加...
2021-05-23 00:21:00该软件包主要针对Windows用户,因为本机Windows标题栏与Atom的UI设计并不十分匹配。 该标题栏替换器添加了功能性的自定义标题栏,使您可以移动,缩放和利用Aero快照功能。 它还添加了一个自定义应用程序菜单,该... -
窗口标题栏都是乱码
2012-11-16 15:59:54窗口标题栏都是乱码 我的计算机不知怎么回事,在打开的所有窗口标题栏显示的全是乱码.本来显示像"我的电脑",显示的是一串乱码,现在解决了.把方法写出来,希望有和我一样的朋友能有所帮助. 一,重启后,用F8激活系统... -
TitlebarZ:Windows 10的简单标题栏定制程序
2021-03-08 12:44:05标题栏Z Windows 10的简单标题栏定制程序。 笔记 这仅适用于Aero主题。 这不会影响系统的强调色(独立)。 建立和运行 dotnet restore dotnet build dotnet run 演示版 -
Windows CE中使用Win32的标题栏
2021-04-07 02:19:01在Windows CE中创建和使用标题栏样式控件。 -
c#禁止通过拖动,双击标题栏改变窗体大小的方法
2020-12-31 04:28:51但是拖动,双击标题栏时窗体就会缩小。烦死了+_+。 最后,终于找到了解决方法。 //禁止通过拖动,双击标题栏改变窗体大小。 public const int WM_NCLBUTTONDBLCLK = 0xA3; const int WM_NCLBUTTONDOWN = 0x00A1; ... -
无框架标题栏:用于无框架窗口的可自定义电子标题栏
2021-02-04 06:42:12无框标题栏 可自定义的标题栏,用于使用React构建的无框电子窗口 可以在文件夹中找到该演示应用程序,以及更多不同标题栏样式的图像: :当菜单按钮不适合给定的标题栏时,空格项目将移动到溢出子菜单中。 :标题... -
Windows Aero自绘标题栏、最小化最大化关闭按钮的窗口,实现拖动、缩放、最小最大化功能
2020-02-19 15:59:55Windows Aero自绘标题栏、最小化最大化关闭按钮的窗口,实现拖动、缩放、最小最大化功能。可加上自定义图标和标题,基本上模仿QQ聊天窗口界面或微信聊天窗口界面(其它功能由用户补全)。 是本人原创,网上稀缺资源... -
Windows XP风格标题栏
2012-06-10 00:01:26Windows XP风格标题栏制作实例,程序可以单独运行,也可以合并到自己的程序里面运行。 -
WTEditor(windows窗口标题栏文字修改工具)绿色单文件版V1.0 | windows窗口标题文字怎么修改?
2022-03-22 15:42:35WTEditor是一款简单实用免费开源的可视化windows窗口标题栏文字修改工具,采用VB语言开发,主要功能就是帮助用户对windows窗体标题的字体内容进行修改,也就是可以对windows窗体标题修改操作,由于WTEditor修改后不...WTEditor 是一款简单实用免费开源的可视化windows窗口标题栏文字修改工具,采用VB语言开发,主要功能就是帮助用户对windows窗体标题的字体内容进行修改,也就是可以对windows窗体标题修改操作,由于WTEditor修改后不支持保存,所以WTEditor的作用主要是修改后便于用户进行截图使用的,如果大家还不知道windows窗口标题栏文字怎么修改的话,威航软件园推荐大家试试WTEditor吧。
WTEditor(windows窗口标题栏文字修改工具)
威航软件园温馨提示:1:由于WTEditor采用VB语言开发,所以大家都操作系统需要安装VB运行库,不然会有MSVBVM60.DLL丢失的报错提示。
2:由于WTEditor的快捷键是F7,所以请大家尽量不要开启或尝试使用WTEditor修改含有F7快捷键的程序(如Google Chrome),以免引起热键冲突。
windows窗口标题栏文字修改工具WTEditor怎么用:
第一步:捕获窗口句柄和标题,在确保打开WTEditor后,在屏幕上选中(激活)任意一个窗口。WTEditor(windows窗口标题栏文字修改工具)
按下键盘上的F7键,WTEditor将立即捕获该窗口的句柄和标题。WTEditor(windows窗口标题栏文字修改工具)
第二步:编辑窗口标题,在捕获窗口信息后,切换到WTEditor窗口并在“窗口标题”编辑框内输入您想要显示在被捕获窗口上文本,比如:威航软件园,然后单击WTEditor的“更改”按钮,windows窗口标题文本会被立即修改为用户输入的文本。
WTEditor(windows窗口标题栏文字修改工具)
第四步:撤销改变,在更改窗口标题后,若需要将窗口标题更改为原窗口标题,请单击WTEditor的“撤销”按钮,windows窗口标题即恢复为更改前的原标题内容。WTEditor(windows窗口标题栏文字修改工具) -
VC++实现无标题栏对话框的拖动
2021-03-17 12:58:23内容索引:VC/C++源码,界面编程,拖动 VC++实现无标题栏对话框的拖动,很多基于对话框的应用程序都是不带框架的,也就是说对话框没有标题栏。众所周知,窗口的移动都是通过鼠标点住标题栏拖动窗口实现的,那么现在... -
ListView重绘标题栏
2021-03-11 00:33:10重绘Windows组件ListView的标题栏,通过替换窗口过程实现,本例子只展示重绘的方法,具体效果需要自己进行设计。 -
VC++设置窗体标题栏的图标
2021-03-15 16:11:15摘要:VC/C++源码,其它分类,标题栏,图标 VC++为窗体的标题栏增加图标,让程序界面看上去更专业,其实这个功能实现起来一点也不复杂,特别适合初学者参考,VC++设置窗口的图标源码分享给大家。 -
标题栏闪烁的VC实现方法+源代码
2021-03-15 15:36:44摘要:VC/C++源码,界面编程,标题栏闪烁 VC实现像Qq消息提示一样的标题栏闪烁效果,基于VC++源代码,你可以把你的程序也加上这么一个功能,在需要的时候让窗口标题栏不停闪烁,以引起用户的注意。 -
VC.NET为标题栏右键增加菜单项
2021-03-15 15:23:52在窗口标题栏右键菜单中增加菜单项,你会发现标题栏菜单和窗口打开时显示在任务栏处的菜单是一样的,所以说本程序代码也实现了任条栏处增加一个自定义菜单项,具体代码比较简单,请参阅源码。 运行环境:Visual ... -
VC.NET取消标题栏的按钮和右键系统菜单
2021-03-15 15:24:08编程实现如何取消窗口标题栏上的控制按钮,取消右键系统菜单,你可看到标题栏上的最小化、最大化、关闭都不见了,另外在鼠标右键点击标题栏的时候,原有的系统菜单也不会出现了,做一个恶作剧或许可用上,不过这个...