问题标签 [hidpi]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
232 浏览

eclipse - Linux 上的 Eclipse 一些字体太小(git staging、对话框、大纲、问题等)

好吧,我正在使用 Spring Tools Suite 4.12(基于 Eclipse 4.11)和一个 Deepin OS(基于 debian)。

我的屏幕是 3K (2880x1620)。Deepin 允许我缩放屏幕,因此我的显示器设置为原始分辨率,在 Deepin 中,我将比例设置为 1.5,因此缩放后它应该类似于 1080p。

它适用于大多数应用程序,除了 STS (Eclipse 4.11)。

STS 中的大多数视图看起来都不错,类似于 1080p,但是仍然有一些视图带有小字体,例如 git staging,问题:

在此处输入图像描述

在此处输入图像描述

有什么办法可以在字体设置中解决这个问题或修改主题 css 文件?

谢谢!

0 投票
2 回答
963 浏览

java - 在 Java Swing 中从原始生成 HiDPI ImageIcon

我有一个应用程序,它将使用带有图标大小为 32x32 的 ImageIcon 的 JLabel。

我现在想使用 64x64 图像,如果 DPI 低,则加载并将其调整为 32x32,否则将其用作高 DPI 图像。

调整大小很容易,这个技巧例如有效:

但是,我找不到将 ImageIcon 设置为高 DPI 图像的方法。

我试过玩 MultiResolutionImage 但没有成功。

编辑:尝试以天真的方式使用 MultiResolutionImage:

堆栈跟踪:

0 投票
1 回答
450 浏览

gtk3 - HiDPI 显示器上的 Gtk.Image

我使用由 aGtk.Image支持的 aGdkPixbuf.Pixbuf来显示照片。size-allocate我根据父小部件的信号缩放照片以适应可用空间。问题是在 HiDPI 显示器上,每个维度都是逻辑像素而不是设备像素,因此会发生以下情况:

  • 如果我将其缩放GdkPixbuf.Pixbuf到从size-allocate信号中获得的尺寸,照片会占用所需的物理空间,但它只使用显示器分辨率的一半(假设设备像素与逻辑像素的比率为 2:1)。
  • 如果我将 t 缩放GdkPixbuf.Pixbufget_scale_factor()size-allocate信号中获得的尺寸的倍数,那么照片将占用两倍的物理空间(即,它不适合窗口)。

我怎样才能让 GTK 知道Pixbuf我提供给图像的对应于设备像素而不是逻辑像素?

更新:这是我尝试过的(这些是简化的示例,我没有任何缩放,只是试图显示未缩放的图像):

尝试1:

尝试2:

尝试 3:

尝试4:

0 投票
1 回答
318 浏览

java - Java Swing HiDPI 缩放

我使用 Java 8 创建了一个程序,该程序在 Eclipse IDE 中使用了 Swing GUI。要将图像和图标缩放到适当的大小,它会获取并使用屏幕分辨率。在 Eclipse 中编译该程序后,该程序显示得非常好,并且一切似乎都正常运行。但是,当我将项目导出为“Runnable Jar”并运行程序时,图像缩放和程序外观都关闭了。

经过进一步调查,似乎可运行的 jar 返回的屏幕分辨率正好比 eclipse 中的分辨率低 2.5 倍(实际分辨率 - 3840x2160 与 1536x864)。互联网上有间接证据表明 Java 8 外观(或类似的东西)不支持 HiDPI 屏幕缩放。有一些分散的解决方案声称可以解决这个问题,比如更新到 8 之后的 Java 版本,或者通过向 jar 编译添加参数(无论这意味着什么)。这已经让 Java 新手感到困惑,而且当程序在 Eclipse IDE 中运行/编译时完美显示,只会更加困惑。

我的问题是,是否有人知道如何使用 Swing 在 Java 中编译程序以在 HiDPI 屏幕上正确缩放,以及编译工作程序需要遵循的过程是什么?

编辑 1:有趣的是,在我的 Windows 设置中,“缩放和布局”、“更改文本、应用程序和其他项目的大小”设置为正好 250%,这意味着此设置显然是导致我遇到的缩放问题。有人知道如何从程序中绕过这个设置,或者当我通过 Eclipse 运行它时为什么它会起作用?

0 投票
1 回答
99 浏览

vtk - 如何使用带有适当 hidpi 的 QVTKOpenGLWidget

当我尝试 QVTKWidget 时,有警告信息告诉我不要使用它。

所以我改用QVTKOpenGLWidget。

但是这个小部件有问题,它不能正常显示。看图片。 在此处输入图像描述

我使用 VTK 8.1.2

Qt 5.12.3

win10 + msvc2017x64

有人可以帮我吗?

0 投票
1 回答
139 浏览

c# - 什么是 Cocoa/CSS image.png/image@2x.png 概念的 WPF 等价物?

对于支持视网膜/高保真屏幕的 Mac/iOS 应用程序,额外的双分辨率位图图像需要包含在文件扩展名之前的“@2x”中。例如:

在代码中,我们只需要引用原始的基本名称(减去文件扩展名)。例如:

当然,CSS 做了一些非常相似的事情。

我在 Windows 的相应 WPF 项目中包含所有这些相同的图像资产。

当我将它们包含在应用程序资源文件 (.resx) 中时,“@”变为“_”。

我想这很好,但现在呢?

我用谷歌搜索了我能想到的所有内容(针对网站:docs.microsoft.com),但我找不到的文档都没有谈论这种类型的事情。有很多关于高保真/分辨率/dpi 屏幕的讨论,但我没有看到任何关于此位图自动替换概念的内容。

我没有方便测试的视网膜显示器,而且我签约的地方也没有任何 QA 工程师。随便测试应用程序的人(经理 + 几个其他 EE/固件开发人员)也没有,所以我需要确定我正确设置了这个应用程序的 WPF 端口,因为我无法验证......至少在接下来的几周内。

0 投票
2 回答
806 浏览

python - 在 PyQt5 中的 HiDPI 显示器上使用 SVG 图标

我想在我的 PyQt5 应用程序中使用高分辨率图标。但是,下面的代码片段在我的 HiDPI macOS 平台上生成了一个非常低分辨率的渲染(所需的图标可以在这里下载):

这是结果的样子(注意图标的低分辨率): 在此处输入图像描述

我究竟做错了什么?

0 投票
0 回答
53 浏览

html - 为什么全高清笔记本电脑的容器宽度更小?

我有一个 Joomla SPPB 的 html 模板:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

它有容器:

在我的 24" (1920x1200) 屏幕上没问题。但在 15" (1920x1200) 笔记本电脑上,它明显小于 1140 像素。当我制作截图并在 Photoshop 中测量时,它接近 950 像素。

我知道在较小的屏幕上它会更小,但是为什么我的 CSS px 不成比例?

0 投票
1 回答
154 浏览

html - 触摸页面顶部或底部时,滚动仅卡在 HiDpi 屏幕上

我正在建立一个投资组合网站,当它触及页面的顶部或底部时,我的滚动条会卡住,有时甚至更快。我认为这个问题与更高 dpi 屏幕上的像素数量有关。我还使用了一些效果,如视差、平滑滚动、滚动捕捉、交叉点检测器等。其中一个可能是问题的原因,但我无法解决。此问题仅发生在“带有 HiDpi 屏幕的笔记本电脑”的视口设置上 - 也在 2 台笔记本电脑上进行了检查。

https://jordansportfolio.netlify.com/ 切换任何其他设备的视口并刷新以查看它应该如何工作。

我认为这个问题与更高 dpi 屏幕上的像素数量有关,我还使用了一些效果,如视差、平滑滚动、滚动捕捉、交叉点检测器等。其中一个可能是问题的原因,但我无法解决。

我尝试了什么:

<ParallaxWrapper>的设置为 180 vh 所以我可以有更好的scroll-snap-align: center从“关于”部分向上滚动时的位置。尝试将其更改为 100vh 并且它使问题不那么严重,滚动条仅在触摸页面的绝对顶部或底部时冻结,并且不一致,有时我仍然能够滚动,但如果我滚动顶部时我已经在顶部位置它有时会卡住,页面底部也是如此。它还使 HiDpi 上的页面滚动速度变慢,这很好,但我真的更喜欢 180vh 设置来实现我设置的视差效果。所以我尝试了98vh,似乎我无法卡在页面顶部,但现在触摸页面底部时很容易卡住。如果滚动条冻结,我可以按屏幕某处,如果我按空格键,它将向下滚动或箭头以在整个页面上进行完全滚动控制。现在我' 我很确定有 1 个像素,如果视口“触摸”它会冻结滚动或者焦点可能会改变。我试图删除<Heightener>从这个组件到 App.jsx,没有任何改变。我觉得这个问题只发生在特定的 dpi 上很奇怪。这意味着这是真正的问题。我看到有些人谈论扩展问题,但我不确定他们的意思以及如何解决我的问题。

JSX:

CSS:

我发现了一些奇怪的交互: - 一个滚动“滴答”就足以冻结滚动条。- 如果你滚动的速度足够快,越过视差部分,其他部分就可以了,直到你到达底部也卡住了。- 与其他视口相比,页面通常滚动得太快。

编辑:scroll-snap-type: y mandatory;从父级移除似乎解决了卡住和快速滚动的问题。但当然,也可以快速滚动。也许这是一个方向..

0 投票
1 回答
820 浏览

c++ - 游戏显示在 SDL2 屏幕的左下角

我最近更新了我的 mac,并且正常运行的代码停止运行。当我现在运行我的程序(游戏)时,窗口仍然具有正确的尺寸,但元素显示在屏幕的左下角。

我所看到的

我不明白它来自哪里。

这是我在示例中使用的 .cpp:

这是使用的.h: