Нативная разработка мобильных приложений

248

Создание приложения
Графические ресурсы и разрешение экрана
Каждому устройству с ОС Android присваивается своя категория в зависимости от раз
-
решения экрана: низкое разрешение (ldpi), среднее (mdpi), высокое (hdpi), сверхвысокое 
(xhdpi), сверхсверхвысокое (xxhdpi) и сверхсверхсверхвысокое (xxxhdpi). Категория авто
-
матически выбирается устройством, и вам не придется определять ее самому.
Однако есть возможность воспользоваться преимуществами автоматического масшта
-
бирования изображений, используя специальные каталоги внутри папки 
res
:
•
/res/drawable/ldpi
– для изображений, размеры которых составляют 75 % от размеров 
стандартного изображения;
•
/res/drawable/mdpi
– для изображений со стандартными размерами, как на веб­
страницах или на фото;
•
/res/drawable/hdpi
– для изображений, размеры которых составляют 150 % от раз
-
меров стандартного изображения;
•
/res/drawable/xhdpi
– для изображений, размеры которых составляют 200 % от раз
-
меров стандартного изображения;
•
/res/drawable/xxhdpi
– для изображений, размеры которых составляют 300 % от раз
-
меров стандартного изображения;
•
/res/drawable/xxxhdpi
– для изображений, размеры которых составляют 400 % от раз
-
меров стандартного изображения.
То есть если изображение должно иметь ширину 100 пикселей и высоту 40 пикселей, 
вы должны создать версию с размерами, составляющими 75 % от стандартных, то есть 
шириной 75 пикселей и высотой 30 пикселей, и сохранить ее в каталоге 
/res/drawable/ldpi
. 
Исходное изображение сохранить в каталоге 
/res/drawable/mdpi
. Создать версию с раз
-
мерами, увеличенными до 150 %, – 150 пикселей в ширину и 60 пикселей в высоту – 
и сохранить ее в каталоге 
/res/drawable/hdpi
и т. д. Система проверит разрешения экрана 
устройства и выберет подходящее изображение для отображения.
Обратите внимание, что обычно система хорошо справляется с уменьшением (но плохо 
с увеличением) изображений, поэтому некоторые разработчики просто создают изобра­
жения с наибольшим разрешением, которое они собираются поддерживать (обычно
xxhdpi или xxxhpi), и сохраняют его в соответствующем каталоге, зная, что система умень
-
шит при отображении на устройстве с более низким разрешением экрана. Тем не менее 
не так давно в Play Store появилась новая функция 
Android Bundles
, способная выбрать 
подходящие ресурсы для устройства и собрать файл APK, включающий только файлы, 
нужные конкретному устройству.
При желании можно создать изображение двойного размера и добавить его 
в каталог 
/res/drawable/xhdpi
. См. предыдущее примечание, где описываются 
детали, касающиеся разрешения экрана.
А теперь перейдем к вопросам определения темы оформления в файле зна
-
чений (используем для этого файл 
styles.xml
, который Android Studio уже долж
-
на была создать в каталоге 
res/values
). Замените тему проекта по умолчанию 
своей собственной:


Очевидно, что мы могли бы и, возможно, должны определить ряд других па
-
раметров темы оформления, таких как цвет, панель инструментов, поддержка 

---

Создание первого экрана 

249
макета координатора и т. д., но, чтобы не усложнять пример, используем мак
-
симально простую тему.
Чтобы зарегистрировать эту тему в приложении, используем манифест при
-
ложения 
AndroidManifest.xml
. Мы еще не раз вернемся к этому файлу манифес-
та, чтобы добавить в него дополнительные настройки приложения, но будем 
делать это постепенно. А пока просто зарегистрируем нашу тему:

xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/DlmlTheme" />

Вот и все! Теперь, когда пользователь запустит это приложение, прежде чем 
получить возможность взаимодействовать с ним, он увидит рисунок, который 
вы указали в 
launch_drawable.xml
. Пока наше приложение простое и легкое, оно 
будет запускаться настолько быстро, что пользователь может не успеть рассмот-
реть экран запуска, но с добавлением новых компонентов, ресурсов, внешних 
библиотек и конфигураций время инициализации приложения увеличится, 
поэтому экран запуска послужит полезным индикатором, сообщающим, что 
приложение не зависло и продолжает выполнять подготовительные операции.
iOS
После добавления экрана запуска в Android аналогичная процедура в iOS пока
-
жется вам очень похожей. Для начала откройте редактор раскадровки в Xcode. 
Выберите главный файл раскадровки нашего приложения, 
Main.storyboard
, 
в навигаторе проекта слева, чтобы открыть его в редакторе раскадровки.
Существует также файл 
LaunchScreen.storyboard
. Он определяет дизайн приложе
-
ния в момент запуска приложения, но до его активации.
Файлы раскадровки предназначены для хранения представлений – так на
-
зываемых «сцен» – и описания переходов между ними. Они могут и должны 
содержать несколько сцен, связанных друг с другом заранее определенными 
переходами, а также простые представления, такие как кнопки, метки и т. д. 
внутри сцен. Раскадровки могут даже ссылаться на другие раскадровки!
Когда 
Main.storyboard
откроется в редакторе раскадровки, вы должны уви
-
деть одну сцену с именем