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

Початок роботи з Android Studio

by
Difficulty:BeginnerLength:LongLanguages:

Ukrainian (українська мова) translation by Andy Yur (you can also view the original English article)

Android Studio - це досить нова IDE (інтегроване середовище розробки), яка безкоштовно надається Google для розробників Android. Android Studio заснована на IntelliJ IDEA, середовищі розробки, яка також пропонує відмінну середу розробки Android. У цьому уроці я покажу вам, як створити новий проект для Android і скористатися можливостями, які пропонує Android Studio.


1. Налаштування проекту

Перш ніж приступати до вивчення Android Studio, вам спочатку потрібно її завантажити і встановити. Зверніть увагу, що вам необхідно встановити JDK 6 або більш пізньої версії. Якщо ви працюєте в Windows, запустіть файл .exe і дотримуйтесь інструкцій майстра установки. Якщо ви використовуєте OS X, змонтувати образ диска, двічі клацнувши його і перетягніть Android Studio в папку Application.

Якщо ви успішно виконали вищевказані кроки, необхідно правильно налаштувати середовище розробки. Тепер ви готові створити свій перший додаток для Android за допомогою Android Studio. Коли ви вперше запускаєте Android Studio, вам повинен бути представлений екран вітання, що пропонує вам кілька варіантів для старту.

У цьому уроці ми збираємося вибрати варіант New Project. Однак ви можете вибрати Import Project, якщо ви хочете імпортувати проект, наприклад, з Eclipse в Android Studio. Android Studio перетворює проект Eclipse в проект Android Studio, додавши для вас необхідні файли конфігурації.

Якщо ви виберете Open Project зі списку параметрів, ви можете відкривати проекти, створені за допомогою Android Studio або IntelliJ IDEA. Вибравши Check out from Version Control, ви можете розгорнути копію проекту, який знаходиться під системою керуванням версіями. Це відмінний спосіб швидко прискорити роботу з існуючим проектом.

Щоб почати роботу, виберіть New Project в списку параметрів. Це покаже вам список параметрів для налаштування вашого нового проекту. У цьому уроці ми збираємося створити просте додаток, щоб показати вам деякі з найбільш важливих функцій Android Studio. Я впевнений, що ви згодні з тим, що немає кращої назви для нашого проекту, ніж HelloWorld.

Як ви можете бачити на скріншоті вище, я назвав свій додаток HelloWorld і встановив ім'я модуля HelloWorld. Якщо ви не знайомі з IntelliJ IDEA, вам може бути цікаво, що таке модуль. Модуль представляє собою дискретну одиницю функціональності, яка може бути скомпільована, запущена, протестована і налагоджена незалежно. Модулі містять вихідний код, скрипти збірки і все інше, необхідне для їх специфічних завдання.

При створенні нового проекту ви також можете вказати ім'я пакету проекту. За замовчуванням Android Studio встановлює останній елемент імені пакета проекту в ім'я модуля, але ви можете змінити його на все, що захочете.

Іншими параметрами є місце розташування проекту на вашому комп'ютері, мінімальний і цільової SDK, SDK, з яким буде скомпільовано ваш проект, і тема проекту. Ви також можете повідомити Android Studio про створення класу Activity і спеціальної іконки запуску а також підтримку проектів GridLayout, Fragments, Navigation Drawer або Action Bar.

Ми не будемо створювати для користувача іконок для цього додатка, ви можете зняти галочку з написом Create custom launch icon. Натисніть Next, щоб продовжити налаштування свого проекту.

Оскільки ми відзначили прапорець Create activity на попередньому кроці, вам пропонується налаштувати клас Activity, який буде створений для вас Android Studio.

Оскільки ми почнемо з пустого класу Activity, ви можете натиснути Next, щоб перейти до наступного етапу процесу настройки, в якому вас попросять вказати ім'я класу Activity, основний лейаута і лейаута фрагмента. Ви також можете встановити тип навігації, який ми залишимо в None для цього проекту. Подивіться наступний скріншот, щоб побачити, як виглядають настройки.

Після натискання кнопки Finish вам буде представлений для користувача інтерфейс Android Studio з провідником проекту зліва і робочий простір праворуч. З вашим проектом, налаштованим в Android Studio, прийшов час вивчити деякі з ключових особливостей Android Studio.


2. Віртуальні пристрої Android

Віртуальне пристрій Android або AVD - це емулятор, що дозволяє моделювати пристрій Android. Це спрощує роботу і тестування додатків на широкому спектрі пристроїв. За допомогою віртуального пристрою Android ви можете вказати апаратне і програмне забезпечення, яке Android Emulator повинен емулювати.

Кращим способом створення віртуального пристрою Android є AVD Manager, доступ до якого ви можете отримати в Android Studio, вибравши Android > AVD Manager в меню Tools.

Якщо середовище розробки налаштована правильно, диспетчер віртуальних пристроїв Android повинен виглядати приблизно так, як показано на скріншоті нижче.

Щоб створити новий AVD, натисніть на New ... справа, вкажіть ім'я AVD і налаштуйте віртуальний пристрій, як показано нижче. Натисніть OK, щоб створити свій перший AVD.

Щоб використовувати новостворений AVD, виберіть його зі списку в AVD-менеджері і натисніть Start ... справа. Якщо ваш AVD налаштований правильно, Android-емулятор повинен запускатися, як показано на скріншоті нижче.

З запуском Android-емулятора прийшов час запустити вашу програму, вибравши Run 'helloworld' з меню Run. Ось як легко запускати додаток в Android-емуляторі.


3. Live Layout

Функція Live layout в Android Studio дозволяє вам переглядати користувальницький інтерфейс програми без необхідності запускати його на пристрої або емуляторі. Функція живого лейаута - це потужний інструмент, який буквально заощадить вам годинник. Перегляд призначеного для користувача інтерфейсу вашої програми відбувається набагато швидше, використовуючи живі лейаута.

Щоб працювати з живими лейаута, двічі клацніть XML файл лейаута і виберіть вкладку Text внизу робочої області. Перейдіть на вкладку Preview праворуч від робочої області, щоб переглянути поточний лейаута. Будь-які зміни, внесені в XML лейаута, будуть відображені в попередньому перегляді справа. Погляньте на скріншот нижче, щоб краще зрозуміти цю приємною функцію.

Є ряд інших переваг функції живого лейаута, які варто відзначити. Ви можете, наприклад, створити XML варіант лейаута, в якому ви зараз працюєте, вибравши опцію з першого меню на панелі Preview. Ви можете, наприклад, створити окремі уявлення для портретної і альбомної орієнтації, а Android Studio створить для вас необхідні папки і файли.

Друге меню на попереднього перегляду дозволяє змінити розмір пристрою, яка відображається на панелі. Третє меню дозволяє змінити орієнтацію пристрою, яка відображається на панелі попереднього перегляду, що дозволяє легко побачити, як макет виглядає в різних орієнтаціях і використовує різні теми.

Четверте меню в області попереднього перегляду забезпечує легкий доступ до Activity або фрагменту, в якому використовується лейаута. Панель попереднього перегляду також дозволяє вам змінити мову, яка використовується в живому лейаута, щоб спростити попередній перегляд лейаута на різних мовах. Меню справа дозволяє вам змінити версію API.

Панель попереднього перегляду також включає елементи управління, щоб збільшити масштаб лейаута, оновити область перегляду або зробити знімок екрана.


4. Шаблони

Android Studio надає розробникам ряд шаблонів для прискорення розробки. Ці шаблони автоматично створюють Activity і необхідні XML файли. Ви можете використовувати ці шаблони для створення базового додатки для Android, яке потім можна запустити на пристрої або в емуляторі.

За допомогою Android Studio ви можете створити шаблон при створенні нового Activity.  Клацніть правою кнопкою миші package name пакета в навігаторі проекту зліва, виберіть New в меню і виберіть Activity в списку параметрів. Потім Android Studio відображає список шаблонів, таких як Blank Activity, Fullscreen Activity та Tabbed Activity.

Ви також можете вибрати Image Asset в меню, яке запустить майстер, який проведе вас через процес створення. Дозвольте мені показати вам, як створити новий Activity на основі шаблону Login Activity. Виберіть параметр Login Activity зі списку шаблонів Activity, щоб запустити майстер.

Як ви можете бачити на наведеному вище знімку екрану, я назвав Activity LoginActivity, поставив Layout Name для activity_login, задавши Activity заголовок Sign In. За замовчуванням встановлений прапорець Include Google+ sign in. Зніміть прапорець, так як ми не будемо використовувати цю функцію в нашому прикладі.

Ви можете за бажанням встановити Hierarchical Parent нового Activity. Це дозволить вам повернутися назад, якщо ви натиснете кнопку повернення пристрою. Ми залишимо це поле порожнім. Після натискання кнопки Finish, Android Studio створює для вас необхідні файли і папки. Якщо все піде добре, ви повинні побачити новий Activity та Layout в своєму проекті.

Наступний крок - налаштувати нову Activity в файлі маніфесту, щоб вона використовувалася як основне Activity під час запуску програми. Як ви можете бачити нижче в файлі маніфесту, клас LoginActivity має свій власний вузол активності.

Щоб ваше додаток запустило створений вами LoginActivity, видаліть вузол активності для класу LoginActivity і замініть com.tuts.HelloWorld.MainActivity
на com.tuts.HelloWorld.LoginActivity. В результаті додаток тепер буде використовувати клас LoginActivity в якості основного Activity.

Коли ви створюєте і запускаєте свій додаток в емуляторі, ви повинні побачити екран, аналогічний показаному нижче. Це означає, що ми успішно замінили порожній клас Activity новим класом LoginActivity.

5. Інспектор коду

Тестування вашого коду - це одне, але не менш важливо також застосовувати кращі практики при написанні коду. Це поліпшить продуктивність і загальну стабільність вашого застосування. До того ж правильно структурований проект набагато простіше підтримувати.

Android Studio включає Android Lint, статичний аналізатор, який аналізує вихідний код вашого проекту. Він може виявляти потенційні помилки і інші проблеми в коді, які компілятор може ігнорувати.

Нижче наведений знімок екрана, наприклад, говорить нам, що LinearLayout в цьому макеті не використовується. Приємна річ в Android Lint полягає в тому, що він дає вам привід для попереднього виявлення помилок, що спрощує виправлення або усунення проблем.

Це хороша практика, щоб час від часу запускати аналізатор Android Studio, щоб перевірити ваш проект на наявність потенційних проблем. Аналізатор також скаже вам, чи є у вас дублікати зображень або переказів.

Щоб запустити аналізатор, виберіть Inspect Code в меню Analyze в Android Studio, щоб почати процес. Коли Android Studio завершить перевірку вашого проекту, він представить вам результати в нижній частині вікна. Зверніть увагу, що на додаток до Android Lint, Android Studio також виконує ряд інших перевірок. Просто двічі клацніть по проблемі, щоб перейти до файлу, в якому знаходиться проблема.

6. Потужний редактор лейаута

Android Studio має потужний редактор лейаута, в якому ви можете перетягувати компоненти користувальницького інтерфейсу. Ви також можете переглянути лейаута на декількох конфігураціях екрану, як ми бачили раніше в цьому уроці.

Редактор лейаута дуже простий у використанні. Спочатку нам потрібен лейаута для роботи. Перейдіть в папку layout в папці res вашого проекту, клацніть правою кнопкою миші папку layout і виберіть New > Layout resource file в меню.

Дайте новому лейаута ім'я, встановіть його кореневої елемент і натисніть ОК. Android Studio автоматично відкриє лейаута в редакторі справа.

У нижній частині редактора ви повинні побачити дві вкладки Design та Text. Натискання на вкладку Text викликає редактор, що дозволяє вносити зміни в поточний обраний лейаута.

На вкладці Design відкривається інший редактор, який показує попередній перегляд лейаута. Щоб додати віджет в лейаута, перетягніть його зі списку віджетів зліва в лейаута справа. Це так просто.

Висновок

У цьому уроці ми коротко розглянули деякі ключові особливості Android Studio. Вона дуже схожа на IntelliJ IDEA, але містить ряд важливих поліпшень, які роблять розробку 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.