使软件为Retina显示做好准备 - 为什么这有必要？

Question

现在新的Macbook Pro推出了Retina Display，有很多关于如何制作Mac应用程序的资源，现在甚至websites“Retina Display Friendly”。对于Retina Display来说，即使谷歌也是updating Chrome ......

为什么这有必要呢？据我所知，Retina Display只是一个更高分辨率的屏幕。正确？

我想当你为桌面软件开发gui并开发网站时，你正在开发一些应该可以正常工作并且几乎可以在任何分辨率下正确缩放的东西...当你调整应用程序窗口的大小，或者显示在更高或更低的位置时分辨率显示，应该可以正确缩放和显示。

那么为什么这些人会出现如何在Retina显示屏上看起来很好看的指南呢？它不应该默认看起来没问题吗？有什么关于Retina Display的东西，我不理解吗？

据记载，我不是在谈论iPhone 4 Retina Display。大多数iOS开发者使用固定位置元素制作他们的应用程序，因为他们知道屏幕不会改变大小/形状。因此，我理解开发应用程序以在iPhone 4 / s和3g / s上看起来很好的重要性。

Answer 1

使用Retina显示屏的应用程序实际上并没有像调整大小一样进行扩展，所有控件的大小调整为两倍。如果一个应用程序将正常缩放，而不是通过缩放所有控件等，你将看不到任何东西，因为一切都会太小。 Retina和低分辨率显示器的区别与iPhone 3GS / iPhone 4相同。

示例：

这些图像实际上是相同的大小，只是像素密度不同。

以下是它看起来没有正确缩放（使用某些应用程序禁用正确的缩放）： http://cloudmancer.com/images/trueretina.jpg

Answer 2

  

我想当你为桌面软件开发gui并开发网站时，你正在开发一些应该可以正常工作并且几乎可以在任何分辨率下正确缩放的东西...当你调整应用程序窗口的大小，或者显示在更高或更低的位置时分辨率显示，它应该正确缩放和显示（例如，StackOverflow使用一个960px宽的容器）。

从Web开发人员的角度来看，您经常被要求开发固定宽度的网站（范围从通常940到1000像素宽），并且它们根本无法扩展。有很多像这样的网站，很多应用程序的设计都没有增加。

此外，尺寸增长的应用程序通常希望更高的分辨率也意味着更大的屏幕，因此它们只是拉伸主应用程序面板并完成它。

现在，考虑一下静态元素，比如说“点击我”的150x50按钮。此按钮不会变得更大，并且在常规1440x900显示器上完全可以接受。现在视网膜屏幕的分辨率为2580x1800。该应用程序看到分辨率的变化，但它认为“嘿，该用户必须有一个巨大的屏幕”，所以它保持按钮大小相同。

现在出现的问题是按钮，因为两个分辨率适用于同一个13“屏幕，现在看起来只是原始按钮大小的一小部分。根据您的用户愿景，他可能无法使用阅读它上面的文字，可能很难点击它，具体取决于鼠标设置。

为了解决这个问题，Apple和Microsoft使用了两种不同的解决方案：

• 微软决定告诉应用程序显示器的分辨率为2580x1800，但用户希望将所有内容扩展到200 dpi。这意味着，如果应用程序不遵循指南，它将看起来更小。许多应用程序只是忽略了DPI设置（尽管这可能会随Windows 8而改变）;
• Apple决定向应用程序报告显示器的分辨率为1440x900，但如果要求它可以显示更高分辨率的元素;这意味着在新的视网膜设置之前存在的应用程序看起来与最终用户的大小相同（如果使用默认的Apple API，则会带来更加清晰的文本等好处），但是他们可以决定提供高DPI显示效果会更好的图像。

两种解决方案都要求应用程序意识到显示器是高DPI（'视网膜'），但Apple处理它的方式意味着前面提到的静态网站和应用程序看起来会很好看，除非它们没有超级清脆，使用高分辨率图像。而且，要选择加入视网膜功能，他们必须为100x100画布提供200x200图像，Apple将负责其余部分。