2011-05-20 7 views
1

Я запускаю проект с помощью PhoneGap, и он будет работать на устройствах iPhone и Android. Вопрос заключается в том, как реализовать поддержку различных размеров и разрешений экрана.Поддержка размеров экрана PhoneGap

Например, у меня есть значок внутри приложения: маленькие волны, чтобы запустить какое-то действие. Какой размер этого значка должен быть хорошо показан на всех возможных устройствах (iPhone/Androids). Должен ли я включать несколько версий одного и того же изображения?

Тот же вопрос о тексте. Как я могу быть уверен, что текст будет доступен для чтения и останется в очереди на разных устройствах?

спасибо

+0

В iOS вы должны использовать 2 набора значков для лучшего пользовательского опыта, один для сетчатки и один для более старых экранов с более низким разрешением. Разрешение изображения для отображения сетчатки - это ровно ширина * 2 x высота * 2 обычного изображения, которое вы использовали бы для экранов с низким разрешением. Лучше всего, что iOS автоматически управляет изображениями в этом контексте, только требование - это изображения для отображения сетчатки с медведем @ 2x. Например, image.jpg и [email protected] Не уверен в Android ... – TheBlack

ответ

2

Если вы пользователь MAC вы можете дать новый DreamWeaver 5.5 выстрела. Он будет структурировать ваше приложение и даже построить отладочную версию для тестирования. Вы можете сделать это с помощью SDK ANDROID или SDK iOS. Конечно, он будет работать и на ПК, но поддержка iOS sdk не поддерживается.

Используя Adobe Dreamweaver 5.5, он имеет конкретную мобильную среду для распознавания jqm или jqtouch и вставляет phonegap.js для сборки в упакованный продукт. Он также позволяет масштабировать экран тестирования для разных размеров мобильных устройств. От android, iphone, до ipad (и больше) Вот пример: Dreamweaver with phonegap support

Смежные вопросы