标签: fullscreen

window.fullScreen=true 不起作用

我想以全屏模式打开我的 html 页面。我尝试在 body 的 onload 事件处理程序中执行此 javascript。

window.fullScreen = true;
Run Code Online (Sandbox Code Playgroud)

但不幸的是这似乎不起作用。有没有其他方法可以达到同样的效果。

html javascript fullscreen

3
推荐指数
2
解决办法
2万
查看次数

重新创建窗口而不破坏上下文

这个问题是关于使用 OpenGL 的图形应用程序。(当时我正在使用 GLFW 框架,但我考虑更改它。)

我的目标是让用户(尽可能多)在全屏模式和窗口模式之间不断切换。此过程应该花费不到一秒的时间,并且可以在运行时发生。例如,看看游戏《我的世界》,用户可以几乎没有延迟地切换全屏。

窗口重新创建过程并不需要太多时间。但问题是,关闭窗口会破坏我的 OpenGL 上下文,我必须重新加载所有着色器和缓冲区。

如何在不破坏 OpenGL 上下文的情况下重新创建图形应用程序的窗口?(我想使用 GLFW,但我对替代框架或自己的实现持开放态度。)

opengl graphics cross-platform window fullscreen

3
推荐指数
1
解决办法
1733
查看次数

带有标题栏和 Windows 任务栏的 Tkinter 窗口

我已经广泛搜索这个问题,但似乎没有人知道。我在 python 2.7 中创建了一个简单的 tkinter 窗口 (tcl 8.5) 并希望它最大化,就像我点击右上角的最大化按钮一样。使用该-fullscreen选项不是一个选项,因为它会删除标题栏。

我尝试了以下方法:

import Tkinter

root = Tkinter.Tk()
root.overrideredirect(True)
# Set window to be size of screen
root.geometry("{0}x{1}+0+0".format(root.winfo_screenwidth(), root.winfo_screenheight()))  
Run Code Online (Sandbox Code Playgroud)

问题是该窗口现在位于 Windows 任务栏下方,因此未显示我的一些元素。一个简单的技巧是将高度设置为 screenheight-some_constant,或根据操作系统的数据计算 some_constant。然而,这似乎是一个极其丑陋的黑客行为。

有没有办法以干净的方式最大化 tkinter 中的窗口,其中窗口位于(Windows)任务栏上方并且仍然有标题栏?

python taskbar window tkinter fullscreen

3
推荐指数
1
解决办法
6116
查看次数

如何隐藏 tkinter ttk.Notebook 小部件中的整个选项卡栏?

如何隐藏 ttk Notebook 小部件中的选项卡栏?我不想隐藏属于选项卡的框架。我只想将标签栏从视线中删除,即使它不在屏幕顶部(出于多个目的)。

无论如何,全屏模式会很好。

python tkinter fullscreen ttk

3
推荐指数
1
解决办法
5162
查看次数

请求在 Apple 设备上全屏显示 HTML5 视频

大家好,我有自定义全屏图标,可以在我的视频上触发全屏。一切都很好,只是它不能在苹果设备上运行。你知道如何解决这个问题吗?

$('.fullscreen_btn').click(function() {
    fullscreen=true;
    var mediaElement = document.getElementById('videoAbout');
    if(mediaElement.requestFullScreen) {
        mediaElement.requestFullScreen();
    }
    else if(mediaElement.webkitRequestFullScreen) {
        mediaElement.webkitRequestFullScreen();
    }
    else if(mediaElement.mozRequestFullScreen) {
        mediaElement.mozRequestFullScreen();
    }
    else if(mediaElement.msRequestFullScreen) {
        mediaElement.mozRequestFullScreen();
    }
});
Run Code Online (Sandbox Code Playgroud)

正如我所说 - 上面的代码适用于 Windows/android 设备,但不适用于 Apple 设备。

html javascript video jquery fullscreen

3
推荐指数
1
解决办法
5205
查看次数

Touch 上的全屏事件在 Chrome 上不起作用

在我的移动应用程序中,我想在用户向上滑动时切换全屏。
因此,当touchend事件被触发时,我调用 document.documentElement.webkitRequestFullScreen();
问题是它在移动 Chrome 56+ 中不适用于我。

这是一个例子。 https://jsfiddle.net/ibmw/tnncaxj0/6/

有趣的是:只有当您在 touchstart 和 touchend 之间进行 touchmove 时才会出现此问题。

在控制台中我收到一个错误:

无法在“Element”上执行“requestFullscreen”:API 只能通过用户手势启动。document.documentElement.webkitRequestFullScreen();

有谁知道如何奋斗吗?

html javascript android google-chrome fullscreen

3
推荐指数
1
解决办法
2910
查看次数

如何在 macOS 上全屏显示 tkinter 应用程序?

我刚刚学习Python,我正在尝试让一个窗口全屏显示,我已经实现了,但我现在想去掉顶部的标题栏。它目前看起来如下图所示,但我希望它也能覆盖顶部的 Mac 顶部工具栏(如启动屏幕)。

在此输入图像描述

from tkinter import *
root = Tk()

root.attributes('-fullscreen', True)
root.attributes('-topmost', True)
root.overrideredirect(True)



def quitApp():
    # mlabel = Label (root, text = 'Close').pack()
    root.destroy()

# placing the button on my window
button = Button(text = 'QUIT', command = quitApp).pack()
Run Code Online (Sandbox Code Playgroud)

python macos tkinter fullscreen python-2.7

3
推荐指数
1
解决办法
5330
查看次数

全屏隐藏 NSToolbar

我正在制作一个 Cocoa 应用程序,带有一个隐藏的统一 NSToolbar 和标题栏。我通过在窗口控制器中添加一个工具栏并设置所有选项以使其不可见并保留 3 个彩色按钮来完成此操作。它在普通窗口中运行良好,但如果我将此窗口置于全屏模式,它会在顶部显示一个空的工具栏。

如何使此工具栏在全屏模式下也透明?

这是可能的,因为它在 macOS Mojave 的新 Mac AppStore 中是如何工作的(有一个隐藏的工具栏,它仍然隐藏在全屏模式下,只有当鼠标放在屏幕顶部时才会出现)。

奖励:我已启用,isMovableByWindowBackgroundable但是否可以选择在双击窗口背景时切换“最大化”操作,就像它通常适用于标题栏一样?

这是图片:

透明工具栏的外观

全屏显示,工具栏不透明

cocoa fullscreen nswindow nstoolbar swift4.2

3
推荐指数
1
解决办法
956
查看次数

Angular 7 - HTML5 Fullscreen API 如何工作?我有很多错误

我使用 Angular 7,我想要一个按钮来让我的应用程序全屏显示。我使用 HTML5 全屏 API 并创建了 2 个函数:

openfullscreen() {
    // Trigger fullscreen
    console.log('gg');
    if (document.documentElement.requestFullscreen) {
      document.documentElement.requestFullscreen();
    } else if (document.documentElement.mozRequestFullScreen) { /* Firefox */
      document.documentElement.mozRequestFullScreen();
    } else if (document.documentElement.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
      document.documentElement.webkitRequestFullscreen();
    } else if (document.documentElement.msRequestFullscreen) { /* IE/Edge */
      document.documentElement.msRequestFullscreen();
    }
    this.isfullscreen = true;
  }

  closefullscreen(){
    if (document.exitFullscreen) {
      document.exitFullscreen();
    } else if (document.mozCancelFullScreen) { /* Firefox */
      document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
      document.webkitExitFullscreen(); …
Run Code Online (Sandbox Code Playgroud)

html fullscreen typescript angular-cli angular

3
推荐指数
2
解决办法
6646
查看次数

WindowInsets.getDisplayCutout 在全屏 Java 应用程序中除了 onAttachedToWindow 之外的任何地方都是 NULL

getDisplayCutout()我的全屏 Java 应用程序有问题。我似乎只能在onAttachedToWindow函数中获取 DisplayCutout 的值。该功能完成后,我再也无法获得它。获取切口的代码:

WindowInsets insets = myActivity.getWindow().getDecorView().getRootWindowInsets();
if (insets != null) {
    DisplayCutout displayCutout = insets.getDisplayCutout();
    if (displayCutout != null && displayCutout.getBoundingRects().size() > 0) {
        // we have cutouts to deal with
    }
}
Run Code Online (Sandbox Code Playgroud)

一旦附加到视图层次结构,如何从代码中的任何位置可靠地获取显示切口?

重现问题

经过大量调查,我将其范围缩小到全屏应用程序的一个非常广泛的问题,我很惊讶没有其他人询问它。事实上,我们可以忽略我的应用程序,只需处理两个模板项目,您现在就可以自己制作。

在 Android Studio 中,我谈论的是名为“基本活动”和“全屏活动”的手机和平板电脑项目。如果您创建其中之一,并进行以下更改:

对于 Basic,更改 Manifest 以通过android:configChanges="orientation|keyboardHidden|screenSize"在 Activity 标签下添加自己来处理配置更改,如下所示:

<activity
    android:name=".MainActivity"
    android:label="@string/app_name"
    android:configChanges="orientation|keyboardHidden|screenSize"
    android:theme="@style/AppTheme.NoActionBar">
Run Code Online (Sandbox Code Playgroud)

现在,将以下两个函数添加到活动文件中:

@Override
public void onAttachedToWindow() {
    super.onAttachedToWindow();
    WindowInsets insets = getWindow().getDecorView().getRootWindowInsets();
    if (insets != null) {
        DisplayCutout displayCutout = insets.getDisplayCutout(); …
Run Code Online (Sandbox Code Playgroud)

java null android fullscreen display-cutouts

3
推荐指数
1
解决办法
1087
查看次数