() translation by (you can also view the original English article)
Создание привлекательного пользовательского интерфейса для приложений на Android это почти всегда задача, требующая много времени, так как Android поддерживает десятки версий, размеров экрана и плотности пикселей. В дни, когда всё больше пользователей ожидают, что приложения будут придерживаться принципов Material Design, задача, возможно, станет ещё сложнее. К счастью, у CodeCanyon есть несколько шаблонов приложений для Android, которые вы можете использовать для разработки следующего приложения.
В этом уроке я помогу вам приступить к работе с одним из таких шаблонов, который называется Шаблон приложения для Android с Material Design UI, разработанный CreativeForm.
Подготовка
Чтобы иметь возможность следовать этому руководству, вам понадобится последняя версия Android Studio и Android-устройство или эмулятор, работающие под управлением Android 2.3 или выше.
1. Берём шаблон
Начните с входа в свою учетную запись Envato Market и купите Шаблон приложения для Android с Material Design UI на CodeCanyon.
Теперь вы сможете найти исходный код шаблона — в виде ZIP-файла — в разделе Downloads.
После загрузки ZIP-файла и извлечения его в папку по вашему выбору у вас должны быть следующие файлы и папки:
2. Открываем шаблон
Шаблон можно использовать как в Eclipse, так и в Android Studio. В этом уроке, однако, давайте сосредоточимся только на последнем.
Запустите Android Studio и выберите Open an existing Android Studio project в меню приветствия. Перейдите к папке, в которую вы извлекли шаблон, выберите android - AS и нажмите OK.
3. Настройка шаблона
Шаблон приложения для Android с Material Design UI зависит от нескольких библиотек с открытым исходным кодом. compileSdkVersion некоторых из этих библиотек на API 19, что немного старше, чем у самого шаблона. Поэтому, чтобы избежать ошибок при сборке, вы должны обновить библиотеки.
Ниже перечислены библиотеки, которые необходимо изменить:
Откройте файл build.gradle каждой библиотеки и измените значение compileSdkVersion на 21, чтобы он соответствовал compileSdkVersion шаблона.
1 |
compileSdkVersion 21 |
После внесения изменений, не забудьте нажать кнопку Sync Now.
4. Запуск шаблона
На этом этапе вы можете продолжить и запустить шаблон приложения на своем устройстве Android или эмуляторе. Однако перед тем, как нажать кнопку Run, убедитесь, что выбрана конфигурация запуска UIAppTemplate.
Обратите внимание, что при первом запуске приложения вы можете столкнуться с несколькими ошибками, связанными с кодировкой символов. Ошибки присутствуют в файле ProgressWheel.java который принадлежит библиотеке Progress Wheel.
Самый простой способ исправить эти ошибки — открыть файл, убедиться, что его кодировка установлена как UTF-8 и сохранить его.
После завершения сборки вы сможете увидеть главный экран шаблона приложения.
Не стесняйтесь использовать панель навигации для просмотра всех макетов, анимаций и пользовательских видов, доступных в шаблоне. Например, выбрав Login Pages > Media, вы увидите следующий экран.
Заключение
Теперь вы можете начать настраивать Шаблон приложения для Android с Material Design UI для соответствия вашим требованиям. У него более 50 различных видов activities, пять тем и более 100 XML-файлов. Это означает, что вы можете создать ваше следующее приложение, просто подобрав подмножество этих элементов пользовательского интерфейса и связать с ним ваши данные и бизнес-логику.
Чтобы узнать больше о шаблоне, обратитесь к полной документации, доступной в папке docs.
На Envato Market есть сотни других шаблонов приложений для Android, их которых вы можете выбирать. Существуют шаблоны для игр и готовых приложений, а также всеобъемлющие шаблоны starter, подобные тем, который мы использовали в этом уроке. Поэтому взгляните, и вы можете просто сэкономить множество труда над вашим следующем приложении для Android.
