fullservice_全屏显示怎么关闭

内容导航：

Vue实战054：screenfull实现窗口全屏显示

javascript windows.open打开fullscreen全屏

怎样用window api实现程序全屏显示

如何在VC应用程序中全屏显示视窗口

一、Vue实战054：screenfull实现窗口全屏显示

全屏显示

就是把自己需要的窗口在显示器上最大化显示，跟我们在浏览器中按下键盘上的“F11”按键效果一样。在项目开发中通常就会有全屏功能的需求，在Vue中实现窗口全屏显示还是很简单的，可以利用screenfull组件来实现该功能。

​安装screenfull组件

在命令行中执行：npm install screenfull --save，在node_modules中可以看到screenfull文件夹，screenfull.js在screenfull对象中定义了request、exit、toggle、onchange、onerror、on、off等相应的方法。

​调用toggle方法

要实现全屏功能我们只要调用screenfull中的toggle方法，该方法通过判断isFullscreen属性来决定调用exit方法还是request方法。因此我们只要在使用的页面引用screenfull，然后通过click方法调用toggle方法就可以实现全屏功能了。

ICON图标切换

接着我们来完善下功能，添加图标切换功能，定义属性isFull为false默认非全屏显示，当点击全屏时切换icon图标示意可以点击退出全屏。

检测是否支持全屏

screenfull只定义了5中常用的浏览器类型，所以screenfull并不是支持所有的浏览器全屏显示的，因此我们在切换前先检测下浏览器是否支持全屏显示功能，这里我们可以调用screenfull中的isEnabled属性。

svg-icon组件定义可以参考Vue实战034：使用SVG图标详解

更多Vue实战技巧可以参考我的专栏：Vue实战系列

二、javascript windows.open打开fullscreen全屏

window.open("新窗口页面地址","",",menubar=no,location=no,scrollbars=yes,resizable=no,top=0,left=0");

三、怎样用window api实现程序全屏显示

int cx = GetSystemMetrics( SM_CXSCREEN);
int cy = GetSystemMetrics( SM_CYSCREEN);
MoveWindow( 0,0,cx,cy);

不用MFC的话，CreateWindow的时候，相应修改窗口的属性。看看MSDN说明。
如果是对话框，SetWindowLong一样可以修改。

四、如何在VC应用程序中全屏显示视窗口

使用GetSystemMetrics获取显示器屏幕大小，然后调整
设置窗口的大小根据屏幕大小来按比例设置，比如屏幕宽的80%，高的60%来设置你窗口大小等
获取屏幕坐标:
int x = GetSystemMetrics(SM_CXSCREEN);
int y = GetSystemMetrics(SM_CYSCREEN);
处理WM_SIZE，将大小算好改变然后再重新显示，大致思路就这样!您试试看!