WPF UI 大小、像素与 .png 像素
WPF UI size, pixel vs .png pixel
我得到了 UI 项目设计。这个设计是由 Photoshop 制作的。在此设计中,每个 UI 元素(按钮、文本框、列表框等)的高度和宽度都以像素为单位给出。我在 WPF 中制作用户界面时遵循该设计。
但是,即使我完全按照 UI 设计,图像和我的 UI 不一样。似乎 WPF 像素与 Photoshop 像素不同(我知道这是无稽之谈)。 Window、Button、TextBox等尺寸比.png图片大
我是不是漏了什么?
谢谢
WPF 不以像素为单位运行,它以与设备无关的单位运行,这可能等于也可能不等于 1 个物理像素,具体取决于您的显示器和 OS 设置。
如果没有看到您的实际 UI,很难说出您所说的 "image and my UI are not same" 是什么意思。不过,您可以尝试几件事。首先,如果您在渲染形状或图像时遇到模糊 - 尝试将 UseLayoutRounding
或 SnapToDevicePixels
设置为 True
。其次,如果您觉得不同元素之间的距离大于应有的距离 - 请确保您考虑了非零 Margin
-s 和 Padding
-s(某些控件默认具有这些) , 在构建布局时。
如果没有任何帮助,请尝试使用 Snoop。它将允许您在应用程序 运行 时检查 UI,除此之外,它会告诉您任何元素的确切大小,更重要的是,它为什么具有该大小。
我得到了 UI 项目设计。这个设计是由 Photoshop 制作的。在此设计中,每个 UI 元素(按钮、文本框、列表框等)的高度和宽度都以像素为单位给出。我在 WPF 中制作用户界面时遵循该设计。 但是,即使我完全按照 UI 设计,图像和我的 UI 不一样。似乎 WPF 像素与 Photoshop 像素不同(我知道这是无稽之谈)。 Window、Button、TextBox等尺寸比.png图片大
我是不是漏了什么?
谢谢
WPF 不以像素为单位运行,它以与设备无关的单位运行,这可能等于也可能不等于 1 个物理像素,具体取决于您的显示器和 OS 设置。
如果没有看到您的实际 UI,很难说出您所说的 "image and my UI are not same" 是什么意思。不过,您可以尝试几件事。首先,如果您在渲染形状或图像时遇到模糊 - 尝试将 UseLayoutRounding
或 SnapToDevicePixels
设置为 True
。其次,如果您觉得不同元素之间的距离大于应有的距离 - 请确保您考虑了非零 Margin
-s 和 Padding
-s(某些控件默认具有这些) , 在构建布局时。
如果没有任何帮助,请尝试使用 Snoop。它将允许您在应用程序 运行 时检查 UI,除此之外,它会告诉您任何元素的确切大小,更重要的是,它为什么具有该大小。