三个基本功能:新建窗口关闭窗口和全屏控制

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了三个基本功能:新建窗口关闭窗口和全屏控制相关的知识,希望对你有一定的参考价值。

共两个文件,index.html和setting.html

下面是index.html的代码:

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 2 <html lang="en">
 3 
 4 <head>
 5     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 6     <title>fonty - amazing font tool for designers.</title>
 7     <link rel="stylesheet" href="css/main.css">
 8 </head>
 9 <script>
10 //实时预览
11 var gulp = require(gulp);  
12    gulp.task(reload, function () {  
13      if (location) location.reload();  
14    });  
15   
16    gulp.watch(**/*, [reload]); 
17 
18   var gui = require(nw.gui);
19   mainWindow = gui.Window.get();
20   
21   var newwin = function (){
22     window.open(setting.html);
23   }
24   mainWindow.on(close, function() {
25   gui.App.closeAllWindows();
26   this.close(true);
27 });
28 </script>
29 
30 <body>
31 <div id="maincontent">
32     <div id="leftbar">
33         <div class="logo"><img src="images/logo.png" alt=""></div>
34     </div>
35     <div id="rightbar"><a href="#" onclick="newwin()">new window</a></div>
36   </div>
37 </body>
38 
39 </html>


然后是setting.html的代码:

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 2 <html lang="en">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 5     <title>setting</title>
 6 </head>
 7 <script>
 8 var gui = require(nw.gui);
 9 var currentWindow = gui.Window.get();
10 currentWindow.on(enter-fullscreen, function () {
11 console.log(Windows has entered fullscreen mode);
12 });
13 currentWindow.on(leave-fullscreen, function () {
14 console.log(Windows has left fullscreen mode);
15 });
16 </script>
17 <body>
18     <a href="#" onclick="currentWindow.toggleFullscreen()">Toggle
19 Fullscreen</a><br>
20 <a href="#" onclick="currentWindow.close()">Close</a>
21 </body>
22 </html>

这里应该不用注释了,因为太简单了。

不过要说明的是,index.html里有关gulp的部分,是为了在sublime text中实现实时预览添加的代码,方便调试用。


以上是关于三个基本功能:新建窗口关闭窗口和全屏控制的主要内容,如果未能解决你的问题,请参考以下文章

解决Mac下窗口无法最大化的问题 - 只有最小化和全屏怎么够

怎么QT窗口化,点游戏设置全屏。点不了

2019-11-27-WPF-全屏透明窗口

Python:文本覆盖在所有窗口之上,包括 Linux 中的全屏

在 5 秒内显示全屏网页然后关闭窗口(python)

如何自定义Electron应用程序的窗口标题栏?