Разработка PhoneGap для Android - лучшие практики для разных размеров экрана / плотности пикселей

Question

Я недавно завершил разработку приложения для iPhone в phonegap, и сейчас мы завершаем разработку версии приложения для Android, и я надеялся обратиться к SO-сообществу, чтобы найти лучшие ответы для того, чтобы ваше приложение выглядело правильно. каждое устройство. Мой подход заключался в том, чтобы использовать sencha.io для всех изображений и использовать гибкую разметку на основе em / процентного соотношения для всего приложения, чтобы оно масштабировалось в зависимости от доступной площади экрана. Справедлив ли этот подход, кто-нибудь есть рекомендации для рабочего процесса или реализации?

Заранее спасибо,

JN

Answer 1

Чтобы ваше приложение выглядело одинаково на всех устройствах, используйте HTML5 и CSS (что вы уже используете с PhoneGap, верно?)

Вы должны решить, хотите ли вы, чтобы ваше приложение для Android выглядело как ваше приложение для iPhone, или вы хотите, чтобы оно выглядело по-другому в приложении для Android, или хотите, чтобы оно выглядело как ваше приложение, независимо от платформы.

Независимо от того, по какому пути вы идете, ключом к этому является использование хорошо написанного и правильно оформленного HTML и CSS. Когда я говорю «хорошо написано», я имею в виду не иметь никакого макета или стиля в зависимости от HTML и делать все макетирование и стили с помощью CSS.

Исходя из моего личного опыта, вы на правильном пути с процентами / em.

Что касается sencha.io, я никогда не слышал об этом. Но я лично не понимаю, что это делает, чего нельзя сделать только с помощью CSS и HTML5.

Обязательно тестируйте на как можно большем количестве различных устройств!

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