使用Sencha Touch中的图像处理不同的分辨率触摸设备

Question

我打算将Sencha Touch 2.x用于我的网站移动（轻量级）视图。

我是Sencha开发的新手。我非常了解HTML 5。在我继续开发之前，我想知道一些事情。

1. Sencha如何管理图像。因为我打算使用不同分辨率的触摸设备（即iphone4s，iphone 5，iPad，Android和Blackberry 10）。我知道在HTML 5中使用的媒体查询。我们是否需要为每个分辨率传递不同的图像，或者sencha将比较每个分辨率的图像。 （仅供参考...我也遇到了How to add images for different screen resolutions in sencha touch?建议使用HTML5媒体查询。这是唯一的方法吗？还可以参考Creating a splash screen in Sencha Touch for different mobile devices resolutions 用于启动画面）

2. 是否支持Retina Display？ （即iOS中的@ 2x）。如果不是我们如何管理视网膜显示图像。

提前感谢任何有价值的建议。

Answer 1

1）为简单起见，我个人认为每个整体平台（Android，iPhone，Blackberry）使用最高分辨率/大小。手机将相应地缩放图像。它只是让事情更简单;我不介意的唯一原因是，如果你有一个真正庞大的总图像尺寸，优化是＆gt; 10mb之间的差异。每当手机必须缩放任何图像时，显然会有轻微的性能损失，但最终对我来说并不明显。

2）Sencha支持视网膜显示。只要您使用足够高分辨率的图像，它就会正确缩放。当然，请确保包含视网膜显示splash screens和app icons。

Answer 2

不要忘记Sencha.io .....它可以自动调整设备的图像大小，提供更小的版本，因此下载速度更快。请在这里阅读：

http://www.sencha.com/products/io/

并在此处查看示例：

http://extdesenv.com/tutorials/how-to-create-a-mobile-flickr-app-with-sencha-touch-2/

： - ）