#iphone #android #html #cordova
#iPhone #Android #HTML #кордова
Вопрос:
Я начинаю проект с PhoneGap, и он будет работать на устройствах iPhone и Android. Вопрос в том, как реализовать поддержку различных размеров экрана и разрешений.
Например, у меня внутри приложения есть значок: небольшие волны для выполнения некоторого действия. Какого размера должен быть этот значок, чтобы он хорошо отображался на всех возможных устройствах (iPhone / Android). Должен ли я включать несколько версий одного и того же изображения?
Тот же вопрос о тексте. Как я могу быть уверен, что текст будет читабельным и останется неизменным на разных устройствах?
Спасибо
Комментарии:
1. В iOS вы должны использовать 2 набора значков для лучшего пользовательского интерфейса, один для retina и один для старых экранов с более низким разрешением. Разрешение изображения для дисплея retina в точности равно ширине * 2 x высоте * 2 обычного изображения, которое вы использовали бы для экранов с низким разрешением. Лучше всего то, что iOS управляет изображениями в этом контексте автоматически, единственным требованием является то, чтобы изображения для дисплея retina имели суффикс @2x. Например image.jpg и image@2x.jpg . Не уверен насчет Android…
Ответ №1:
Если вы являетесь пользователем MAC, вы могли бы попробовать новый dreamweaver 5.5. Это структурирует ваше приложение и даже создаст отладочную версию для тестирования. Вы можете сделать это либо с помощью ANDROID SDK, либо с помощью iOS SDK. Конечно, это будет работать и на ПК, но там нет поддержки iOS sdk.
Используя Adobe Dreamweaver 5.5, он имеет специальную мобильную платформу для распознавания jqm или jqtouch и вставок phonegap.js при встраивании в упакованный продукт. Это также позволяет масштабировать экран тестирования для мобильных устройств разных размеров. С Android, iphone на ipad (и не только) Вот пример: Dreamweaver с поддержкой phonegap