1. How to deal with different screen
resolutions. Practical advices.
Демьянов Артём

2. • 3 года на рынке мобильных приложений
• Команда из 10 человек
• Специализация – детские приложения
• Присутствуем на всех платформах
Windows Store
Blackberry World

3. Проблема
Подготовка графического контента для приложений
• Разнообразие платформ
• Огромное количество экранов

4. Пример изображений
Неадаптированное Адаптированное

5. Проблема
В чем сложность:
• Отрисовка под каждый экран
• Нарезка / верстка / редактирорвание
• Тестирование под кажый экран
Все это выливается во время, людей и деньги

6. Наш путь
Нам повезло!
● Экраны были маленькие и их было мало
● Добавляли новые экраны по мере их появления
● С ростом количества экранов поняли, что надо что-то
менять

7. Наши решения
1.Подготовка контента под каждый экран
2.Используем векторные изображения
3.Автоматизируем процесс с помощью конструктора

8. 1. Подготовка контента под каждый экран
+ нужные изображения выбираются сами
+ все изображения в одном приложении
- сложность сборки и редактирования
- большой объем приложения

9. Через 10 лет

10. 2. Используем векторные изображения

11. SVG svg = SVGParser.getSVGFromResource(getResources(),
R.raw.filename);
Drawable drawable = svg.createPictureDrawable();
imageView.setImageDrawable(drawable);
Библиотека svg-android-2

13. Плюсы и минусы
+ одна копия изображения
+ маленький размер
+ отличное качество
- только простые изображения
- сложность внедрения
- ограничение формата

14. 3. Автоматическая подготовка
графического контента
Наша собственная разработка – дизайнер и сборщик
графического контента

15. Как это работает

17. Визуальная сборка контента

18. Мультиэкранность

19. Мультиэкранность

20. Просмотрщик

21. Технические детали
• Написано на java (swing), кроссплатформенное
• Сборки раньше были на ftp, теперь полностью
переехали на Windows Azure
• Сборка одного журнала ~10мин

22. + Скорость
+ Простота
+ Качество
BufferedImage scaledImage = Scalr.resize(image,
Scalr.Method.SPEED, 150, 100);
Библиотека imgscalr

23. Дизайнер контента
+ подготовка контента непрограммистом
+ платформонезависимость
+ легкое обновление и редактирование контента
- нужен сервер для хранения
- программная логика по скачиванию
- время на разработку дизайнера

24. Выводы
Drawable folder SVG Дизайнер
Простота реализации + - -
Легкость внесения
изменений
- + +
Поддрежка сложных
изображений
+ - +
Маленький размер
приложения
- + +
Отсутствие
серверной части
+ + -

25. Спасибо за внимание!