Electron常见问题 1 - 深度填坑之阴影问题

最新推荐文章于 2024-01-05 16:44:51 发布

懂得越多知道的越少

最新推荐文章于 2024-01-05 16:44:51 发布

阅读量1k

点赞数

文章标签： js

本文链接：https://blog.csdn.net/d395253902/article/details/113604766

版权

本文探讨了在使用Electron框架时，遇到的Win7系统下透明无边框窗口设置失效和界面颜色不一致的问题。原因是Win7需要开启Aero功能，而Win10则需开启颜色透明效果。解决方法包括参考特定的系统配置教程来实现透明度支持。

摘要由CSDN通过智能技术生成

1、当Win7 如下参数实现透明无边框窗口时

  const win = new BrowserWindow(
      {
   
        width: 430,
        height: 200,
        alwaysOnTop:true,	//置顶
        frame:false,		//无边框
        transparent

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

懂得越多知道的越少

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Electron常见问题 30 - 深度填坑之阴影问题

liuzhen007的专栏

09-21

2688

目录前言正文结尾前言当我们创建 transparent : true 和 frame : false 的 BrowserWindows 窗口时，有没有遇到过阴影相关的莫名其妙的问题？今天就来介绍本人遇到的一个惊天巨坑，发现它的时候，还有两个小时就要上线啦。（这也就是为什么我现在还在写博客的原因，哎）正文使用 electron 创建BrowserWindows 窗体的时候经常会用到 transparent 和 frame 两个控制属性。先来段代码，让我们温习一下Electr..

无边框窗口加阴影

04-07

基于VCL的无边框窗口,加上阴影,可用于xp,win10,仅适用于c++builder开发工具

参与评论您还未登录，请先登录后发表或查看评论

electron 创建圆角窗口附带阴影效果

豪先生的博客

09-07

5173

因为electron创建的主窗口既不能倒圆角，也无法添加阴影，我曾经想从这里突破，查看BrowserWindow属性文档后发现没有这些属性。所以要想有圆角，BrowserWindow的主窗口就必须消失，设置transparent: true，即主窗口透明，不让它碍事。backgroundColor: '#00000000',背景色也需要透明。然后frame: false，先得无边框才能有圆角。这两项是必须的，圆角只能通过操作CSS才能得到。

使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)

10-17

主要介绍了使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转),其实主要用到的就是 CSS3 的效果：边框圆角、阴影，3D变换，实现代码超级简单，需要的朋友可以参考下

[WPF] 如何为无边框窗口设置阴影效果

热门推荐

记忆碎片

10-27

1万+

需要将窗口样式添加到 App.xaml 中

使用 electron 实现类似新版 QQ 的登录界面效果（阴影、背景动画、窗体3D翻转）...

weixin_30507481的博客

07-18

1560

上文《使用 VS2017 和 js 进行桌面程序开发 - electron 之 Hello Word》介绍了如何使用VS2017 开发electron 桌面程序，今天来点有看头的，但是没什么技术含量，囧~~ 现在什么都讲究追赶潮流，觉得 QQ 登录窗口做的效果不错，既然刚学习electron ，那么就用electron 模仿一下。其实主要用到的就是 CSS3 的效果：边框圆角、阴影，3D...

医学信息学解锁24（2021）100616：具有深度判别特征提取的3层CNN模型用于发现多尺度组织病理学图像中的恶性...

医学信息学解锁24（2021）100616具有深度判别特征提取的3层CNN模型用于发现多尺度组织病理学图像中的恶性生长Vandana Kate*，Pragya ShuklaIET DAVV，印度，452016，印度A R T I C L EI N FO保留字：图像多分类组织...

剖析虚幻渲染体系（16）- 图形驱动的秘密

xuhss_com的博客

06-26

2029

目录* 16.1 本篇概述 + 16.1.1 本篇内容 + 16.1.2 设备驱动概述 + 16.1.3 图形驱动概述迄今为止，博主在博客中阐述的内容包含图形API、GPU、游戏引擎、Shader、渲染技术、性能优化等等技术范畴内容，但似乎还未涉及图形驱动的内幕。本篇将站在应用层开发者的视角，去阐述图形驱动的相关技术内幕（如果是驱动开发者，则博主不认为是目标读者），主要包含但不限于以下内容：要给“驱动”一词下一个准确的定义是一个挑战。从最基本的意义上讲，驱动程序是一个软件组件，它允许操作系统和设备相互通信。

Electron无边框窗口

若风

11-30

1317

官方文档有 https://electronjs.org/docs/api/frameless-window https://electronjs.org/docs/api 这里一般的解决方案都有

window系统下--electron自定义无边框窗口菜单 &isMaximized()始终返回false

cuiyuchen111的博客

01-09

1119

electron自定义无边框带有阴影的窗口（如上图），在开发过程中遇到了两个难点：如何给无边框添加阴影如何来实现自定义的标题栏（最大化，最小化，关闭，拖动，双击）设置了transparent:true ,isMaximized()始终返回false 下面记录一下解决方案： let win = new BrowserWindow({ width:440, height:450, frame: false, .

窗体添加阴影效果如此简单

QQ282881515的专栏

06-21

1973

一句代码：SetClassLong(this->m_hWnd, GCL_STYLE, GetClassLong(this->m_hWnd, GCL_STYLE) | CS_DROPSHADOW);

【Electron-vue】创建桌面应用（14）- 自定义Electron窗口

chenqk_123的专栏

10-20

3246

1.前言上次将项目向同事展示了一下，算是electron-vue的第一阶段调研。但是演示的时候却被各种否定，窗体比较大，而且设计不合理，布局方式不合理，等等等。由于在此之前没有做过这种客户端的形式，所以设计也是无从说起。于是经过一番的讨论，基本上确定了要做一个类似于QQ的客户端的产品，经过一番努力，终于搞得是差不多了，成品图如下：主要解决的问题舍弃electron自带的窗体，自定义窗体通过事件监听解决最小化和隐藏托盘的功能无窗体下的拖拽功能实现下面就开始我们的代码之旅。 2. 修改窗

深入浅出解决Electron窗口置顶失效的问题

liuzhen007的专栏

02-18

3357

前言基于Electron开发客户端经常会遇到置顶的需求，那么Electron能不能实现类似的功能呢？或者说有没有类似的API接口呢？正文 Electron果然不负众望，不错，我们捡到了一个大便宜，那就是Electron自带了这样的API接口。我们不需要自己从底层封装方法来实现这个功能（这样的话，我们大概率就需要编译源码了，后面的文章很多会涉及到源码编译，可能唯独这篇不需要^_^）。 Electron窗口 BrowserWindow 类有一个 alwaysOnTop 属性，是用来设置窗体是否置

electron 透明窗口+全透明页面，鼠标点击会穿透窗口

最新发布

u013896513的博客

01-05

1094

electron透明窗口鼠标点击穿透，另：虚拟机不支持electron透明窗口效果。

【Electron】vue+electron实现无边框窗口

小王的技术库

09-15

2958

无边框窗口是不带外壳（包括窗口边框、工具栏等），只含有网页内容的窗口。对于一个产品来讲，桌面应用带边框的很少，因为丑（我们的UI觉得–与我无关-.-）。因此我们就来展开说下，在做无边框窗口时候需要注意的事项以及我踩过的坑。

Electron 实现窗口置顶效果

u011575498的博客

05-25

8537

Electron 实现窗口显示时置顶功能

electron+vue虚拟桌面开发遇坑之透明窗口鼠标穿透

weixin_42421494的博客

10-29

6964

最近开发一个项目，使用electron做了一个虚拟桌面，按需要显示一部分内容，遮挡在桌面上方，其它地方则需要透明显示，同时能够操作原桌面程序以及操作electron虚拟桌面的内容。在设置了electron虚拟桌面透明后需要能够点击使用原桌面的程序，按照electron官方文档设置 const { BrowserWindow } = require('electron') let win =...

electron 11 win10 全屏透明窗口是不透明

Mr丶Yang

02-26

2807

electron 11 设置 transparent: true 小窗口下是透明的，设置了高度和宽度等于或大于显示的尺寸就会出现不透明情况解决方法：设置 fullscreen: true 可以避免这个问题 const win = new BrowserWindow({ // width: screen.getPrimaryDisplay().workAreaSize.width, // height: screen.getPrimaryDisplay().wor.

electron 打包_electron-builder打包采坑问题汇总

05-26

在使用 electron-builder 进行打包时，可能会遇到一些常见问题，下面是一些可能出现的问题和解决方法： 1. 打包后程序无法启动可能是因为 electron-builder 默认使用了 asar 打包，导致某些文件不能被正确加载。...