Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android
Code

Как начать работать с шаблоном приложения для Android

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Ellen Nelson (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.

Material Design UI Android Template App on CodeCanyon

Теперь вы сможете найти исходный код шаблона — в виде ZIP-файла — в разделе Downloads.

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

Template contents

2. Открываем шаблон

Шаблон можно использовать как в Eclipse, так и в Android Studio. В этом уроке, однако, давайте сосредоточимся только на последнем.

Запустите Android Studio и выберите Open an existing Android Studio project в меню приветствия. Перейдите к папке, в которую вы извлекли шаблон, выберите android - AS и нажмите OK.

Open project dialog

3. Настройка шаблона

Шаблон приложения для Android с Material Design UI зависит от нескольких библиотек с открытым исходным кодом. compileSdkVersion некоторых из этих библиотек на API 19, что немного старше, чем у самого шаблона. Поэтому, чтобы избежать ошибок при сборке, вы должны обновить библиотеки.

Ниже перечислены библиотеки, которые необходимо изменить:

Откройте файл build.gradle каждой библиотеки и измените значение compileSdkVersion на 21, чтобы он соответствовал compileSdkVersion шаблона.

После внесения изменений, не забудьте нажать кнопку Sync Now.

4. Запуск шаблона

На этом этапе вы можете продолжить и запустить шаблон приложения на своем устройстве Android или эмуляторе. Однако перед тем, как нажать кнопку Run, убедитесь, что выбрана конфигурация запуска UIAppTemplate.

Обратите внимание, что при первом запуске приложения вы можете столкнуться с несколькими ошибками, связанными с кодировкой символов. Ошибки присутствуют в файле ProgressWheel.java  который принадлежит библиотеке Progress Wheel.

Character encoding errors

Самый простой способ исправить эти ошибки — открыть файл, убедиться, что его кодировка установлена как UTF-8 и сохранить его.

Character encoding fix

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

Home screen of app template

Не стесняйтесь использовать панель навигации для просмотра всех макетов, анимаций и пользовательских видов, доступных в шаблоне. Например, выбрав Login Pages > Media, вы увидите следующий экран.

Login Screen

Заключение

Теперь вы можете начать настраивать Шаблон приложения для Android с Material Design UI для соответствия вашим требованиям. У него более 50 различных видов activities, пять тем и более 100 XML-файлов. Это означает, что вы можете создать ваше следующее приложение, просто подобрав подмножество этих элементов пользовательского интерфейса и связать с ним ваши данные и бизнес-логику.

Чтобы узнать больше о шаблоне, обратитесь к полной документации, доступной в папке docs.

На Envato Market есть сотни других шаблонов приложений для Android, их которых вы можете выбирать. Существуют шаблоны для игр и готовых приложений, а также всеобъемлющие шаблоны starter, подобные тем, который мы использовали в этом уроке. Поэтому взгляните, и вы можете просто сэкономить множество труда над вашим следующем приложении для Android.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.