Изпълнение на приложение за Android с уеб изглед на различни устройства с различни физически размери и разделителни способности

Имам приложение за Android, работещо в пейзажен режим на 10" таблет с разделителна способност 1280x800 px. Приложението съдържа уеб изглед, включително картина с размер 1280x720 px, така че е вид уеб изглед на цял екран.
Ако стартирам същото приложение на Смартфон HTC One X, който е 4,7 инча, 720 x 1280 px, също в пейзажен режим, уеб изгледът изглежда показва само част от картината, много по-малко, както бих очаквал. Дори изглежда като физическа 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.

Това може да е това, което търсите: Как мога да преоразмерявам изображение динамично с CSS, докато ширината/височината на браузъра се променя?

person gh123man    schedule 11.10.2013
comment
Добре, като първи тест, направих просто приложение с един уеб изглед, показващ изображение с размери 1280 x 720 px в 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