Запуск Android-приложения с веб-представлением на различных устройствах с различными физическими размерами и разрешениями.

У меня есть приложение Android, работающее в ландшафтном режиме на 10-дюймовом планшете с разрешением 1280 x 800 пикс. Приложение содержит веб-просмотр, включая изображение размером 1280 x 720 пикс., так что это своего рода полноэкранный веб-просмотр.
Если я запускаю то же самое приложение на Смартфон HTC One X с диагональю 4,7 дюйма, разрешением 720 x 1280 пикселей, также в ландшафтном режиме, веб-просмотр, кажется, отображает только часть изображения, гораздо меньше, чем я ожидал. Это даже выглядит как физическая 1/4 оригинала, верхняя левая четверть.
Есть ли у кого-нибудь опыт запуска одного и того же приложения на одинаковых или даже разных разрешениях с совершенно разными физическими размерами экрана? Есть рекомендации?
Например, я хотел бы запустить это приложение также на 7-дюймовых планшетах, где разрешение составляет всего 1024x600 пикселей. Могу ли я сделать это без изменения размера изображения?


android java hybrid-mobile-app screen-resolution
person MartinC    schedule 11.10.2013    source источник

Ответы (4)


arrow_upward
0
arrow_downward

Это просто поведение веб-просмотра/веб-страницы в целом. Если вы не укажете это с помощью JavaScript или css, ему все равно, насколько велик ваш экран, и он будет отображать весь контент с точным указанным размером пикселя. Скорее всего, вы можете динамически изменить размер изображения с помощью JavaScript или CSS.

Это может быть то, что вы ищете: width-height-chang">Как я могу динамически изменять размер изображения с помощью CSS при изменении ширины/высоты браузера?

person gh123man    schedule 11.10.2013
comment
Хорошо, в качестве первого теста я сделал простое приложение с одним веб-просмотром, отображающим изображение размером 1280 x 720 пикселей на html-странице. На 10 1280 x 800 GTab2 выглядит корректно. Иначе на 7 GTAB2 1024*600 или HTC One X, 1280*720, мне приходится листать вправо-вниз, чтобы увидеть остальные. Но если я запускаю ту же html-страницу из Chrome или собственного браузера (оба на HTC One X), изображение отображается правильно. Итак, теперь мой вопрос: что не так с моим веб-представлением или какие настройки мне не хватает? - person MartinC; 14.10.2013
comment
Я дошел до того, что использовал метатег viewport на моей html-странице, отображающей изображение, поэтому, надеюсь, я получу окончательное решение. - person MartinC; 15.10.2013
comment
Хорошо, что бы я ни делал с настройками области просмотра метатегов, веб-страница в веб-просмотре всегда отображается увеличенной. Затем я могу дважды нажать, чтобы уменьшить масштаб, чтобы увидеть всю страницу по желанию. Я не знаю, как добиться уменьшенного запуска. Я предполагаю, что двойное касание - это проблема с сенсорным прослушивателем Android. - person MartinC; 18.10.2013

arrow_upward
0
arrow_downward

Согласно этой теме:
начальное уменьшение Android Webview

Это правильный ответ:

webview.getSettings().setLoadWithOverviewMode(true);

Это приведет к первоначальному уменьшению веб-просмотра.

webview.getSettings().setUseWideViewPort(true);

Webview будет иметь обычное окно просмотра (например, настольный браузер),

person MartinC    schedule 18.10.2013

arrow_upward
0
arrow_downward

Вы можете создавать отдельные таблицы стилей для каждой плотности.

http://developer.android.com/guide/webapps/targeting.html#DensityCSS

person jakaw    schedule 12.12.2013

arrow_upward
0
arrow_downward

просто чтобы заключить это, все изменения должны были быть сделаны на стороне портала в html, js и css, чтобы правильно отображать его на различных планшетах.

Игра с настройками элемента WebView в данном случае не помогла.

person MartinC    schedule 14.01.2014