Download - артем демьянов
![Page 1: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/1.jpg)
How to deal with different screen resolutions. Practical advices.
Демьянов Артём
![Page 2: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/2.jpg)
• 3 года на рынке мобильных приложений
• Команда из 10 человек
• Специализация – детские приложения
• Присутствуем на всех платформах
Windows Store
Blackberry World
![Page 3: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/3.jpg)
Проблема
Подготовка графического контента для приложений
• Разнообразие платформ
• Огромное количество экранов
![Page 4: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/4.jpg)
Пример изображений
Неадаптированное Адаптированное
![Page 5: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/5.jpg)
Проблема
В чем сложность:
• Отрисовка под каждый экран
• Нарезка / верстка / редактирорвание
• Тестирование под кажый экран
Все это выливается во время, людей и деньги
![Page 6: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/6.jpg)
Наш путь
Нам повезло!
● Экраны были маленькие и их было мало
● Добавляли новые экраны по мере их появления
● С ростом количества экранов поняли, что надо что-то
менять
![Page 7: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/7.jpg)
Наши решения
1.Подготовка контента под каждый экран
2.Используем векторные изображения
3.Автоматизируем процесс с помощью конструктора
![Page 8: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/8.jpg)
1. Подготовка контента под каждый экран
+ нужные изображения выбираются сами
+ все изображения в одном приложении
- сложность сборки и редактирования
- большой объем приложения
![Page 9: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/9.jpg)
Через 10 лет
![Page 10: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/10.jpg)
2. Используем векторные изображения
![Page 11: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/11.jpg)
SVG svg = SVGParser.getSVGFromResource(getResources(), R.raw.filename);
Drawable drawable = svg.createPictureDrawable();
imageView.setImageDrawable(drawable);
Библиотека svg-android-2
![Page 12: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/12.jpg)
![Page 13: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/13.jpg)
Плюсы и минусы
+ одна копия изображения
+ маленький размер
+ отличное качество
- только простые изображения
- сложность внедрения
- ограничение формата
![Page 14: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/14.jpg)
3. Автоматическая подготовка графического контента
Наша собственная разработка – дизайнер и сборщик графического контента
![Page 15: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/15.jpg)
Как это работает
![Page 16: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/16.jpg)
![Page 17: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/17.jpg)
Визуальная сборка контента
![Page 18: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/18.jpg)
Мультиэкранность
![Page 19: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/19.jpg)
Мультиэкранность
![Page 20: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/20.jpg)
Просмотрщик
![Page 21: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/21.jpg)
Технические детали
• Написано на java (swing), кроссплатформенное
• Сборки раньше были на ftp, теперь полностью
переехали на Windows Azure
• Сборка одного журнала ~10мин
![Page 22: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/22.jpg)
+ Скорость
+ Простота
+ Качество
BufferedImage scaledImage = Scalr.resize(image, Scalr.Method.SPEED, 150, 100);
Библиотека imgscalr
![Page 23: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/23.jpg)
Дизайнер контента
+ подготовка контента непрограммистом
+ платформонезависимость
+ легкое обновление и редактирование контента
- нужен сервер для хранения
- программная логика по скачиванию
- время на разработку дизайнера
![Page 24: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/24.jpg)
Выводы
Drawable folder SVG Дизайнер
Простота реализации + - -
Легкость внесения
изменений
- + +
Поддрежка сложных
изображений
+ - +
Маленький размер
приложения
- + +
Отсутствие
серверной части
+ + -
![Page 25: артем демьянов](https://reader036.vdocument.in/reader036/viewer/2022081413/546cb023af795985168b61ca/html5/thumbnails/25.jpg)
Спасибо за внимание!