Найти тему
HIGH TECH NEWS

Как создать приложение Android за один день?

Готовое приложение
Готовое приложение

Всем привет!

Наверняка многие из вас когда-либо хотели начать создавать собственные приложения для телефонов и зарабатывать на них. Но с чего начать? Где получить базовые знания и где вообще разрабатывать приложения? В этой статье мы рассмотрим простой способ создать свое приложение на Android без знания языков программирования меньше чем за час.

Начнем с того, что для разработки нам нужна IDE (среда разработки). Простыми словами, это программа для создания программ. В нашем случае ничего скачивать не нужно: нужная нам IDE находится на сайте https://appinventor.mit.edu/ и является бесплатной средой разработки приложений. После перехода на сайт необходимо авторизоваться через Google, после чего для удобства поменять язык на русский. Далее мы видим пустой список проектов (у меня он содержит некоторые проекты):

Список проектов
Список проектов

Нажимаем на кнопку "Начать новый проект", после чего попадаем в графический дизайнер приложения:

Начать новый проект
Начать новый проект

Давайте познакомимся с основными элементами дизайнера:

1. В левом столбце с множеством подтипов мы видим элементы, которые можем перетащить на "телефон", находящийся в центре экрана, тем самым добавив их.

2. Картинка телефона в центре экрана, где будут появляться наши компоненты, позволяет выбирать их визуально, кликая на них, а также перетаскивать относительно друг друга.

3. В окне "Компоненты" мы видим то же самое, что и на "телефоне", но в более упорядоченной форме. Можно легко и быстро выбирать объекты для их редактирования.

4. Окно "Свойства" позволяет нам настраивать выбранный объект так, как мы хотим. Большинство параметров интуитивно понятны и не нуждаются в детальном рассмотрении.

Элементы дизайнера
Элементы дизайнера

Итак, давайте создадим наше первое приложение - простой калькулятор, работающий на сложение. Для начала нам нужно добавить поля для ввода слагаемых и одно поле для вывода результата. Чтобы объяснить программе, что объекты нужно размещать один под другим, в левой колонке выберите "Расположение" и перетащите "ВертикальноеРасположение" на экран. В свойствах выберите высоту и установите галочку в "Наполнить родительский", чтобы расположение заняло весь экран. Проделайте то же самое с шириной. Должно получиться как-то так:

Настройка расположения
Настройка расположения

Теперь все объекты, находящиеся в этом расположении будут размещены друг под другом. Давайте по очереди добавим три поля "Текст" из левой колонки (раздел "Интерфейс пользователя"). Перетаскиваем их на "телефон" в зону расположения. Дополнительно добавляем кнопку внизу. Получается так:

-6

Добавление компонентов

В свойствах кнопки в поле "Текст" пишем "Посчитать", чтобы пользователь понимал, для чего нужна кнопка. Можете настроить цвет кнопки по своему усмотрению.

Как видим, все элементы сдвинуты влево, из-за чего приложение выглядит некрасиво. Давайте исправим это, выбрав ВертикальноеРасположение в окне компонентов и изменив свойство "Выровнять по горизонтали" на "Центр".

-7

Теперь все выглядит намного лучше:

Готовый дизайн
Готовый дизайн

Также в свойствах нижнего текстового блока нужно убрать галочку "Включено", чтобы пользователь не мог ввести свое значение, т.к. это поле для вывода результата.

Теперь переходим к программированию нашего калькулятора: в правом верхнем углу нажимаем кнопку "Блоки", чтобы перейти в режим добавления блоков кода.

В правом окне выбираем добавленную кнопку и нажимаем на блок "Когда кнопка ... щелчок":

-9

Блок для реагирования кнопки

Этот блок отвечает за реакцию на нажатие кнопки. Все, что находится в этом блоке будет выполнено при ее нажатии. Давайте добавим несколько действий:

Блок контроля кнопкой
Блок контроля кнопкой

Давайте разберем этот код:

В блок, вызываемый при нажатии мыши мы вставили оператор "Если", который с помощью логического условия определит, ввел пользователь число или нет. Нужно это потому, что если пользователь ввел не число, а мы это посчитали, возникнет критическая ошибка, а нам этого не надо. Если условие выполнено, пользователь увидит результат сложения чисел из первых двух полей в третьем, если нет - ошибку в поле результата. Пришло время скомпилировать наше приложение и установить его на телефон. Для этого в верхнем меню выбираем "Построить" >>> "Сохранить .apk на компьютер". Далее ждем до 7 минут, после чего наше приложение скачивается и его можно установить, запустив этот .apk файл на телефоне.

Всем, кто дочитал до этого момента спасибо за терпение и удачи в разработке приложений.

Если есть какие-то вопросы, не стесняйтесь задавать их в комментариях, я постараюсь на них ответить.