在Sencha Touch中使用圖像觸摸不同的分辨率觸摸設備

我打算使用Sencha Touch 2.x用於我的網站移動（輕量級）視圖。在Sencha Touch中使用圖像觸摸不同的分辨率觸摸設備

我是Sencha開發新手。我非常瞭解HTML 5。在開始研究之前我想知道的一些事情。

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這是用於啓動畫面）
它支持Retina Display嗎？（即在iOS中爲2x）。如果不是，我們可以如何管理視網膜顯示圖像。

在此先感謝您的寶貴建議。

2013-03-11 Leo Moon85

1）爲了簡單起見，我個人對每個整體平臺（Android，iPhone，Blackberry）使用最高分辨率/尺寸。手機將相應地縮放圖像。它只是讓事情變得更簡單;在我看來，不這樣做的唯一原因是如果你有一個真正巨大的總體圖像大小和優化是> 10MB之間的差異。任何時候手機不得不放大任何圖像，顯然有小的性能影響，但最終對我來說根本不明顯。

2）Sencha支持視網膜顯示。只要您使用足夠高分辨率的圖像，它將被正確縮放。當然，請確保包括視網膜顯示splash screens和app icons。

來源

2013-03-11 11:53:41

我們需要指定圖像大小爲開發過程中的任何設備？（即iPhone 320 x 480） – 2013-03-11 11:59:06

不需要，所有您需要的是每個圖像的相對像素大小（您通常會聲明，即：「height：200px; width：100px」）。一切都將在後臺運行，以確定最終的圖像縮放比例。 – 2013-03-11 12:02:06

謝謝@Sergio Prado快速回復，這絕對有助於我。 – 2013-03-11 12:06:56

不要忘了Sencha.io .....它可以自動調整設備的圖像大小，提供更小的版本，因此下載更快。有一個在這裏讀到：

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

，並在這裏看到一個例子：

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

:-)

來源

2013-03-12 13:25:35 Digeridoopoo

在Sencha Touch中使用圖像觸摸不同的分辨率觸摸設備

回答

相關問題