WPF UI大小，像素与.png像素

Question

我获得了项目的UI设计。此设计由Photoshop制作。在此设计中，每个UI元素（按钮，文本框，列表框等）的高度和宽度都以像素为单位给出。我在WPF中创建用户界面时遵循该设计。 但是，即使我完全按照UI设计，图像和我的用户界面也不一样。看来WPF像素和Photoshop像素不一样（我知道这是无稽之谈）。窗口，按钮，文本框等，尺寸比它们在.png图片中更大。

我有什么遗失的吗？

谢谢

Answer 1

WPF不以像素运行，它在与设备无关的单元中运行，可能或不等于1个物理像素，具体取决于您的显示器和操作系统设置。

如果没有看到您的实际用户界面，很难说“图像和我的用户界面不一样”是什么意思。你可以尝试一些事情。首先，如果在渲染形状或图像时遇到模糊 - 请尝试将UseLayoutRounding或SnapToDevicePixels设置为True。其次，如果您认为不同元素之间的距离大于应该的距离 - 请确保您考虑非零Margin - s和Padding - s（某些控件默认具有这些值） ，在构建布局时。

如果没有任何帮助，请尝试使用Snoop。它允许您在应用程序运行时检查UI，除其他外，它将告诉您任何元素的确切大小，更重要的是，它具有该大小的原因。