electron如何在渲染进程中获取当前窗口的尺寸和位置

在渲染进程中可以引入remote模块,remote模块调用getCurrentWindow()方法获取到当前窗口,获取到当前窗口后可以通过getSize()和getPosition()来获取当前窗口的尺寸和位置。
例子如下:
渲染进程的页面:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  <title>hello world</title>
  <script src="./event.js"></script>
  </head>
  <body>
  <h1>这是第一个electron桌面应用</h1>
  <button onclick="onClick_GetSizePostion()">获取窗口尺寸和位置</button>
  <button onclick="onClick_SetSizePostion()">设置窗口尺寸和位置</button>
  </body>
</html>

渲染进程的js:

const remote = require('electron').remote;
function onClick_GetSizePostion(){
    const win = remote.getCurrentWindow();
    console.log("宽度:"+win.getSize()[0]);//获取窗口宽度
    console.log("高度:" + win.getSize()[1]);//获取窗口高度
    console.log("X: "+win.getPosition()[0]);//获取窗口横坐标
    console.log("Y: " + win.getPosition()[1]);//获取窗口纵坐标
}
function onClick_SetSizePostion(){
    const win = remote.getCurrentWindow();
    win.setSize(400,400,true);//设置窗口宽度和高度
    win.setPosition(200, 300, true);//设置窗口横坐标和纵坐标
}

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: