Почему изображения, используемые в SenchaTouch 2, на 1/3 больше нормального размера? - PullRequest
Новая
       0

Почему изображения, используемые в SenchaTouch 2, на 1/3 больше нормального размера?

2 голосов
/ 16 марта 2012

Я разрабатываю приложение для Android с SenchaTouch2. Я использовал файл PNG шириной 480px в качестве фонового изображения, чтобы уместить его в GalaxySII, который имеет ширину 480px. Это прекрасно в браузере, но после того, как я экспортировал как нативное приложение, этот фон становится больше и выходит за пределы видимого диапазона.

После некоторого наблюдения, если я захочу уместить на экране 480px, ваше исходное изображение должно быть 320px, что составляет 1/3 разницы. Пожалуйста, дайте мне знать, кому я могу показать фон с оригинальной шириной и высотой.

Спасибо!

1 Ответ

2 голосов
/ 17 марта 2012

Похоже, ваш WebView выполняет масштабирование. Таким образом, масштаб по умолчанию 1.0 равен устройству MDDP. Galaxy SII - это устройство hdpi, которое будет иметь масштаб 1,5. Таким образом, ваше изображение в 480px становится 480px * 1.5 или 720px и почему 320px будет выглядеть так, как вы хотите.

Попробуйте указать, что область просмотра использует собственный DPI устройства, например: 

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width"/>

В качестве альтернативы вы можете указать его как: 

<meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0"/>

Подробнее о настройке области просмотра для устройств Android можно узнать по адресу: http://developer.android.com/guide/webapps/targeting.html

Обратите внимание, что если вы столкнетесь с последующими проблемами со шрифтами, вам нужно будет выполнить шаги, описанные в моем ответе, чтобы размер шрифта различался для ios и android

Также обратите внимание, что для Sencha Touch 2 похоже, что они отключили эту автоматическую настройку области просмотра: http://www.sencha.com/forum/showthread.php?184219-Viewport-Meta-Tags-not-injected-automatically

...