win10环境下Electron应用全屏模式(fullscreen)无法遮盖住最下方的Windows任务栏怎么解决?

发布于 2022-09-07 23:39:46 字数 1169 浏览 9 评论 0

问题描述

开发Electron应用,希望在点击一个按钮时弹出一个全屏页面(充满整个屏幕,覆盖住Windows任务栏),但是却只能创建出“最大化”的效果,即:不能覆盖住Windows任务栏。

问题出现的环境背景及自己尝试过哪些方法

Electron:v3.02
System:Windows 10 专业版 v1809
已在代码中加入全屏模式fullscreen: true和服务亭模式kiosk: true

相关代码

function createSecWindow () {
    // 创建浏览器窗口。
    secWin = new BrowserWindow({
      parent: win,
      width: screenWidth,  //使用electron.screen.getPrimaryDisplay().workAreaSize.width获取
      height: screenHight,  //使用electron.screen.getPrimaryDisplay().workAreaSize.hight获取
      x: 0,
      y: 0,
      fullscreen: true,  //全屏窗口
      kiosk: true,  //服务亭模式
      frame: false,  //是否显示窗口边缘框架
      backgroundColor: '#fff',
      resizable: false,  //不可更改窗口尺寸
      maximizable: true, //支持最大化
      show: false  //为了让初始化窗口显示无闪烁,先关闭显示,等待加载完成后再显示。
    })
    
    secWin.once('ready-to-show', () => {
      secWin.show()
    })
    
    secWin.loadFile('secWin.html')
  }

你期待的结果是什么?实际看到的错误信息又是什么?

期待是全屏窗口可以覆盖住任务栏,实际上效果如下(底部的任务栏仍然存在):

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

能怎样 2022-09-14 23:39:46

已经找到解决方法,把x=0, y=0删掉即可,虽然不明白为什么要这么做,但是确实奏效了。

世俗缘 2022-09-14 23:39:46

使用接口

win.setAlwaysOnTop(true, "screen-saver");

https://www.electronjs.org/do...官方api

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文