用户登录

自由学三年,把想法变成现实。33 折优惠(最后 6 天), 现在订阅 →

electron-window-state 这个包可以帮我们管理窗口的状态,就是记住窗口的尺寸还有位置 .. 先给项目安装一下这个包 .. npm install 安装一下 electron-window-state .. 保存在项目的依赖里 ..

下面用这个包去管理一下 child_window 这个窗口 .. 这个窗口是在 main_window.html 里面创建的 .. 先导入刚才安装的 electron-window-state 这个包 .. 名字可以是 windowStateKeeper .. 来自 electron-window-state ..

然后在这个事件监听器里面,添加一个 childWindowState .. 用一下 windowStateKeeper .. 给它一个对象 .. 里面设置一下窗口的默认尺寸 .. defaultWidth 是默认的宽度 .. 大小是 600 .. 再添加一个 defaultHeight .. 默认的高度,可以是 300 ..

这样创建窗口的时候可以使用这个 childWindowState 里的一些属性 .. 窗口的宽度设置成 childWindowState 里的 width .. 高度设置成 childWindowState 里的 height ..

窗口的位置是 x 还有 y 决定的 .. 添加一个 x ,它的值可以是 childWindowState 里的 x .. 再添加一个 y .. 让它的值等于 childWindowState 里的 y ..

最后再用一下 childWindowState 上的 manage 方法 .. 管理一下 childWindow 这个窗口 ..

重新运行一下应用 ..

打开窗口 .. 调整一下窗口的尺寸 .. 还有位置 ..

关掉窗口 .. 重新再打开它 .. 现在这个窗口会记住它之前的状态 ..

保存窗口状态(electron-window-state)《 Electron 桌面应用:窗口 》

统计

10670
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点