全屏模式 - Windows 10 个应用程序 (JS)

Question

你好, 我在网上搜索，但找不到正确的代码或其他东西，运行 我的应用程序全屏显示。我想做到这一点，激活全屏模式和 auto-hide 标题栏（带按钮）。我是 Visual Studios 和 Windows 10 个应用程序开发的初学者。我正在尝试创建一个 JS 应用程序。

我只能找到 C#/C++ 应用程序的全屏模式，但找不到 JS。

https://github.com/JustinXinLiu/FullScreenTitleBarRepo/tree/master/FullScreenTitleBarRepo

Answer 1

这里是官方的Full screen mode sample，这个sample里面有js工程

如果你想以全屏模式启动应用程序，你可以使用 default.js 中的 ApplicationView.PreferredLaunchWindowingMode and ApplicationViewWindowingMode，如下所示：

// For an introduction to the Blank template, see the following documentation:
// http://go.microsoft.com/fwlink/?LinkId=232509
(function () {
    "use strict";

var app = WinJS.Application;
var activation = Windows.ApplicationModel.Activation;

var ViewManagement = Windows.UI.ViewManagement;
var ApplicationViewWindowingMode = ViewManagement.ApplicationViewWindowingMode;
var ApplicationView = ViewManagement.ApplicationView;

app.onactivated = function (args) {
    if (args.detail.kind === activation.ActivationKind.launch) {
        if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) {
            // TODO: This application has been newly launched. Initialize your application here.
        } else {
            // TODO: This application was suspended and then terminated.
            // To create a smooth user experience, restore application state here so that it looks like the app never stopped running.
        }           
        args.setPromise(WinJS.UI.processAll());
        ApplicationView.preferredLaunchWindowingMode = ApplicationViewWindowingMode.fullScreen;
    }
};

app.oncheckpoint = function (args) {
    // TODO: This application is about to be suspended. Save any state that needs to persist across suspensions here.
    // You might use the WinJS.Application.sessionState object, which is automatically saved and restored across suspension.
    // If you need to complete an asynchronous operation before your application is suspended, call args.setPromise().
};

app.start();

})();