QML 图标和图像看起来模糊
QML icons and images looking Blurry
对于我的无框 qml 应用程序,我在 ms paint(28×28 像素艺术)中关闭、最小化和最大化图标,然后使用 photoshop 添加透明背景。
我把它们作为图标放在 qml 按钮上。
但是他们看起来很模糊。
我尝试禁用抗锯齿、mipmaps、平滑但仍然模糊。
有什么帮助吗?
我希望它们看起来像 minecraft 文字一样像素化。
编辑:我发现 qml 对图像使用线性缩放。
但是对于像素化的外观,我需要“最近邻”缩放。
如何在 qml 中使用最近邻?
NVM 解决了!
事实证明,对于最近邻放大,您需要设置 smooth: false
(对于缩小,您还需要 mipmap)+ 从您的 qml 代码中删除 sourceWidth
和 sourceHeight
. (有时候qt-creator会自己开启,这个选项基本就是压缩图片分辨率)
但就我而言,问题是 Windows 10 中的 MS Paint 不使用纯色。它在中间使用纯色并增加笔划边缘的透明度。
在小图标上查看时会产生模糊效果。
简单的解决方案: 安装 Windows 7 并使用它的 MS Paint。或者只是使用其他程序。
对于我的无框 qml 应用程序,我在 ms paint(28×28 像素艺术)中关闭、最小化和最大化图标,然后使用 photoshop 添加透明背景。
我把它们作为图标放在 qml 按钮上。 但是他们看起来很模糊。
我尝试禁用抗锯齿、mipmaps、平滑但仍然模糊。
有什么帮助吗? 我希望它们看起来像 minecraft 文字一样像素化。
编辑:我发现 qml 对图像使用线性缩放。 但是对于像素化的外观,我需要“最近邻”缩放。
如何在 qml 中使用最近邻?
NVM 解决了!
事实证明,对于最近邻放大,您需要设置 smooth: false
(对于缩小,您还需要 mipmap)+ 从您的 qml 代码中删除 sourceWidth
和 sourceHeight
. (有时候qt-creator会自己开启,这个选项基本就是压缩图片分辨率)
但就我而言,问题是 Windows 10 中的 MS Paint 不使用纯色。它在中间使用纯色并增加笔划边缘的透明度。
在小图标上查看时会产生模糊效果。
简单的解决方案: 安装 Windows 7 并使用它的 MS Paint。或者只是使用其他程序。