默认情况下如何以全屏模式启动 uwp webview 应用程序

Question

我们在 Visual Studio 2017 的帮助下创建了一个成熟的 UWP webview 应用程序 (WinJs)。最近通过 microsoft 文档和 stackoverflow 线程，我们发现 uwp 应用程序可以在删除标题栏的情况下全屏启动。

以下代码需要插入到 App.Xaml.Cs 文件中

ApplicationView view = ApplicationView.GetForCurrentView();
view.TryEnterFullScreenMode();

但是这里的问题是，我们无法找到这个文件来插入它。可能是因为我选择了WinJS模板，我不知道。

其他重要文件包括 main.js | packageapp.manifest 文件。我不知道这段代码是否可以与这个文件中的任何一个集成。

编辑： 在roy的帮助下，根据windows通用示例github中给出的示例修改了主js文件，但是还是全屏好像打不开。

main.js文件代码如下

(function () {
    "use strict";

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

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

    
        
    function onLaunchInFullScreenModeChanged() {
        ApplicationView.preferredLaunchWindowingMode = launchInFullScreenMode.checked ? ApplicationViewWindowingMode.fullScreen : ApplicationViewWindowingMode.auto;
    }

    app.onactivated = function (args) {
        if (args.detail.kind === activation.ActivationKind.voiceCommand) {
            // TODO: Handle relevant ActivationKinds. For example, if your app can be started by voice commands,
            // this is a good place to decide whether to populate an input field or choose a different initial view.
        }
        else if (args.detail.kind === activation.ActivationKind.launch) {
            launchInFullScreenMode.addEventListener("click", onLaunchInFullScreenModeChanged);

            launchInFullScreenMode.checked = ApplicationView.preferredLaunchWindowingMode == ApplicationViewWindowingMode.fullScreen;
            // A Launch activation happens when the user launches your app via the tile
            // or invokes a toast notification by clicking or tapping on the body.
            if (args.detail.arguments) {
                // TODO: If the app supports toasts, use this value from the toast payload to determine where in the app
                // to take the user in response to them invoking a toast notification.
            }
            else if (args.detail.previousExecutionState === activation.ApplicationExecutionState.terminated) {
                // TODO: This application had been suspended and was then terminated to reclaim memory.
                // To create a smooth user experience, restore application state here so that it looks like the app never stopped running.
                // Note: You may want to record the time when the app was last suspended and only restore state if they've returned after a short period.
            }
        }

        if (!args.detail.prelaunchActivated) {
            // TODO: If prelaunchActivated were true, it would mean the app was prelaunched in the background as an optimization.
            // In that case it would be suspended shortly thereafter.
            // Any long-running operations (like expensive network or disk I/O) or changes to user state which occur at launch
            // should be done here (to avoid doing them in the prelaunch case).
            // Alternatively, this work can be done in a resume or visibilitychanged handler.
        }

        if (isFirstActivation) {
            // TODO: The app was activated and had not been running. Do general startup initialization here.
            document.addEventListener("visibilitychange", onVisibilityChanged);
            args.setPromise(WinJS.UI.processAll();
            launchInFullScreenMode.addEventListener("click", onLaunchInFullScreenModeChanged);
            launchInFullScreenMode.checked = ApplicationView.preferredLaunchWindowingMode == ApplicationViewWindowingMode.fullScreen;
        }

        isFirstActivation = false;
    };

    function onVisibilityChanged(args) {
        if (!document.hidden) {
            // TODO: The app just became visible. This may be a good time to refresh the view.
        }
    }

    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();

})();

关于如何解决这个问题的任何建议。

Answer 1

您可以将代码放在一个 JS 文件中，您正在显示的 HTML 将引用该文件。

这里曾经有一个 JS UWP FullScreenMode 示例：FullScreenMode JS。尽管已存档，但您仍然可以查看 scenario2-launch.js 和 scenario1-basic.js。它展示了如何在 JavaScript 中使用这些 API。