Как создать свое первое приложение для Android. Пошаговая инструкция для новичков

Android приложения прочно вошли в нашу жизнь. Мы каждый день ими пользуемся: картами, социальными сетями, мессенджерами, браузерами. Но каждый опытный пользователь смартфона на Android хоть раз задумывался о создании своего приложения. Сложился стереотип, что это очень сложно и нужно долго учить программирование, чтобы что-то качественное написать. Однако Google постоянно совершенствует свои инструменты разработки, делая их проще и удобнее. Сегодня мы создадим самое простое приложение для Android и запустим его на смартфоне.

Приложения для Android создаются на языке программирования Java. Сейчас как альтернатива Java продвигается еще и относительно новый более простой язык Kotlin (язык назван в честь острова? на котором расположен город Кронштадт). Наш пример будет на Java.

Сперва мы проверим, установлен ли на вашем компьютере (под управлением Windows) JDK. Java Development Kit – это комплект разработчика приложений от компании Oracle. Без него среда разработки не сможет правильно функционировать.

Для этого нажмите на клавиатуре Win + R. Введите cmd и нажмите Enter. Откроется командная строка. Далее в консоли необходимо набрать:

java -version

Скорее всего, вы увидите версию Java:

Это значит, что у вас уже установлен JDK. В противном случае его необходимо скачать (150 Мб).

После установки JDK переходим к основному инструменту разработки для ОС Android – Android Studio. Загрузить его можно здесь (944 Мб).

Android Studio – это свободно распространяемая среда разработки от Google. Это такой огромный комбайн для разработки приложений, в который вошли различные инструменты для тестирования, сборки приложений, а также шаблоны, удобный редактор макетов и многое другое. Android Studio постоянно обновляется, как и его многочисленные компоненты.

Версии Android Studio есть не только под Windows, но и для Mac OS и Linux. Системные требования для Android Studio: Windows 7/8/10, 3 Гб оперативной памяти минимум, 8 Гб RAM рекомендовано, 4 Гб на жестком диске.

Итак, вы скачали инсталлятор Android Studio.

Запускаем его.

Жмем Next, выбираем путь для установки. Настройки желательно не менять.

 

Затем запустится мастер настройки Android Studio. Здесь можно выбрать цветовую тему среды разработки, скачать дополнительные файлы. Тип установки выбираем стандартный.

После скачивания необходимых компонентов будет предложено выбрать тип вашего проекта. Выбираем Empty Activity и кликаем Next.

На следующем экране даем название проекту и выбираем, начиная с какой версии Android будет работать ваше приложение. Лучше всего выбрать – c Android 4.0.3 – так наше приложение будет работать на максимальном количестве устройств. Стоит отметить, что Android Studio настолько универсальна, что позволяет создавать приложения не только для смартфонов, но и для смарт-часов и телевизоров!

Далее у нас открывается основное окно Android Studio. Слева мы видим несколько разделов. Это структура нашего проекта. В папке manifests находится файл AndroidManifest.xml, который отвечает за информацию о приложении, импортируемые библиотеки, компоненты и другие параметры. В папке java находится непосредственно код (файл MainActivity в папке com.example.myapplication). В папке res находятся ресурсы приложения – кнопки, файлы, которые определяют дизайн интерфейса (например, activity_main.xml).

Acitivity – это отдельный экран, с которым взаимодействует пользователь. Примеры: экран с фото, набор номера, ввод текста. У нас будет один Acitivity (экран). Поэтому сразу идем по пути appsrcmainreslayout и открываем файл activity_main.xml. Переключаемся в режим Design.

Выбираем раздел Button и перетягиваем его на экран приложения. У нас появилась кнопка. Вводим текст на ней (kv.by).

Чтобы увеличить размер шрифта – переключаемся в режим Text и в коде в разделе Button добавляем такую строчку:

android:textSize="25sp"

В режиме Design жмем правой кнопкой мыши и выбираем Constrain, далее выбираем все пункты по очереди. Это «привяжет» вашу кнопку, чтобы она не могла сместиться.

Далее редактируем надпись Hello, World – меняем на свою собственную («Мое первое приложение на Android»).

Следующий этап – добавляем картинку. Сначала мы должны ее добавить в проект. Картинка будет к примеру, эта:

Скачайте ее и перетяните прямо в проект в папку res – drawable. Она добавится в проект. Теперь открываем activity_main.xml и переключаемся в режим Design. Выбираем Common – ImageView. Перетягиваем на наш экран. Откроется окно выбора картинки. Переходим в раздел Project. Там видим логотип kv.by. Выбираем его и помещаем в середине окна нашего приложения. На картинке также применяем Constrain.

В итоге у вас должен получится такой код activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="145dp"
        android:layout_height="53dp"
        android:layout_marginTop="262dp"
        android:layout_marginBottom="416dp"
        android:gravity="center"
        android:text="Мое первое приложение на Android"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.552"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button"
        android:layout_width="199dp"
        android:layout_height="113dp"
        android:text="kv.by"
        android:textSize="25sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        tools:layout_editor_absoluteY="114dp" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="216dp"
        android:layout_height="172dp"
        android:layout_marginStart="55dp"
        android:layout_marginLeft="55dp"
        android:layout_marginTop="380dp"
        android:layout_marginEnd="28dp"
        android:layout_marginRight="28dp"
        android:layout_marginBottom="51dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.495"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/logo" />
    </android.support.constraint.ConstraintLayout

И, соответственно, такой код MainActivity (в папке com.example.myapplication):

package com.example.myapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

AndroidManifest.xml:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.myapplication">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="App kv.by"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

А теперь пора проверить, все ли работает. Проверим на виртуальном смартфоне прямо у вас на компьютере.

Жмем вверху Tools – AVD Manager – Create Virtual Device.

Мы создаем виртуальное устройство (смартфон) под управлением Android. Выбираем Nexus 5X. Скачиваем сам эмулятор Android. Жмем Next. После всех манипуляций у вас в списке виртуальных устройств должен появиться «смартфон» Nexus 5X.

Теперь запустим приложение на виртуальном смартфоне – RunRun app.

Появится окно с выбором, на чем необходимо его протестировать. Разумеется, выберем Nexus 5X.

 

На смартфоне открываем список приложений и ищем там App kv.by

Вот что получилось:

Работает! Приложение готово. Теперь можно и на ваш реальный смартфон его загрузить.

Чтобы установить на смартфон наше первое приложение – нужно создать apk-файл. APK – Android Package Kit, это такой незашифрованный zip-архив, в котором содержатся скомпилированный код приложения, файлы ресурсов, файлы манифеста и другая информация. Именно в формате apk хранятся файлы в Google Play, из которого мы скачиваем приложения.

Поскольку они не зашифрованы, картинки и некоторую другую информацию можно легко извлечь из любых приложений. Для этого есть ресурс APKMirror.com. На нем можно скачать apk-файл нужного приложения из Google Play. Затем переименовать его в *.zip и открыть любым архиватором. Там можно увидеть структуру приложения, иконки, графику. Например, вот как выглядит приложение WhatsApp изнутри:

Apk-файлы можно скачивать себе на смартфон или обмениваться ими. Либо установить в качестве приложения. Это удобно и дает некоторую свободу.

Для того, чтобы установить apk на вашем смартфоне, нужно сначала это разрешить. Идем в Настройки – Приложения – Особые права доступа – Установка неизв. приложений и там выбираем «Разрешено» для вашего файлового менеджера (например, Total Commander).

Итак, наша задача сделать apk-файл из кода, который мы написали. Для этого в Android Studio выбираем Build – Build Bundle / APK – Build APK. Запустится скрипт для создания apk. В конце вам предложат открыть папку в которой будет apk-файл. Далее необходимо подключить смартфон к компьютеру и скопировать полученный apk-файл в память телефона. Затем уже на смартфоне открыть файловым менеджером папку с файлом и установить его. Теперь у вас собственное приложение в смартфоне!

Если вас заинтересовала эта тема – вы можете ознакомиться с исходным кодом некоторых простейших приложений на GitHub. Например, там есть галерея и файловый менеджер. Вы можете редактировать их код под собственные нужды. Много информации о разработке под Android вы также можете найти здесь.

 

 
Версия для печатиВерсия для печати

Рубрики: 

  • 1
  • 2
  • 3
  • 4
  • 5
Всего голосов: 5
Заметили ошибку? Выделите ее мышкой и нажмите Ctrl+Enter!

Читайте также

 

Комментарии

Страницы

Аватар пользователя mike

Да и пишущих на джаваскрипте больше, чем под андроид

Верно. На JS можно писать под андроид и превращать в апк. Это андроид-студия очень даже позволяет. Но всякому овощу своя грядка. Если работа не с веб, то натив предпочтительнее. Надеюсь, не надо перечислять причины?

Аватар пользователя mike

Как я понял, в вашу прилагу нужно вводить какие-то данные...

Вы неверно поняли. Руками ничего вводить не надо. :)

Аватар пользователя Piton

mike пишет:

Как я понял, в вашу прилагу нужно вводить какие-то данные...

Вы неверно поняли. Руками ничего вводить не надо. :)

Ну, вы периодически пишете про размещение различных элементов на экране (и даже, ЕМНИП, шла речь именно про поля ввода), потому и пришёл к такому выводу.

Аватар пользователя mike

ЕМНИП, шла речь именно про поля ввода...

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

Аватар пользователя mike

Использование спиннера (выпадающий список), столь любимого на ПК, для  андроида считается дурным тоном: вид очень деревенский, а если делать его не по умолчанию из коробки, то надо писать свой адаптер - посредник между отображаемым списком и экраном. Интернет изобилует расширениями класса адаптера, загромождающими код. А всё из-за того, что попытки украсить спиннер чаще всего приводят к убийству кнопки выпадания. Но есть очень простой приём.

1. Выбираем из векторных ассетов подходящую не сплошную  стрелку "вниз", присваиваем ей желаемый цвет и записываем в ресурс drawable. Ставим её, как background спиннера -- это 1-ый фон.

2. Выбираем и ставим цвет в т.н. "backgroundTint" -- это 2-ой фон. Фоны можно оперировать друг с другом: складывать, перемножать и т.д. Кстати, нередко не знают, что такое backgroundTint и для чего он служит.

3. Подбираем операцию в графе backgroundTintMode, например "add".

4. В коде в функции onItemSelected задаём цвет текста, например: TextView textView = (TextView)parent.getChildAt(0); textView.setTextColor(Color.BLACK);  Но это не обязательно.

Всё. Запускаем приложение. Теперь спиннер приобрёл прикольный вид со стрелкой, растянутой поверх текста. Поиграйтесь цветами, операциями с ними и сделайте красиво.

Может, кому пригодится.

Аватар пользователя mike

Если не принимать никаких мер, то загрузка мобильного приложения будет сопровождаться унылым однотонным экраном. Время загрузки -- это время между событиями от onCreate до onRestart. Чтобы юзер не скучал и/или внезапно поимел рекламу, загрузку принято сопровождать сплеш-скрином. В большинстве случаев для этого создают специальную сплеш-активити, определяютеё  в манифесте, как лончерную, и поручают ей запуск главной активити. А чтобы убрать с экрана сплеш-активити, в последней запускают нечто, отсчитывающее время. Обычно это поток или хендлер. Главное -- держать сплеш-картинку на экране от  onCreate до onRestart. Неплохо, но разные смартфоны имеют разную производительность: одному на загрузку надо 2 с, другому 4 с, а то и хуже. Поди угадай.

Но можно и без сплеш-активити. Для этого в style.xml просто создаём две темы: одну для сплеша, другую -- рабочую. Фишка в том, что в манифесте указываем сплеш-тему, а в коде в onCreate  главной активити сразу возвращаемся к рабочей теме:

setTheme(R.style.AppTheme);

И, что удобно, главная активити в манифесте как была так и и остаётся лончерной.

Картинка на сплеш-экране, конечно, битмаповская и статическая, но, думается, во многих случаях сплеш-анимация на пару секунд -- это излишество.

Может, кому пригодится.

 

Аватар пользователя Piton

mike пишет:

от onCreate до onRestart

А почему onRestart? По логике, должно быть что-то вроде onStart, а onRestart - это когда приложение раньше уже было запущено, затем пользователь его свернул, а сейчас вам нужно вернуться в то же состояние, которое было, не?

mike пишет:

Картинка на сплеш-экране, конечно, битмаповская и статическая

Из ваших слов не совсем понятно, насколько она статическая. Скажем, в приложении tabletka.by при запуске появляется заставка с их лого (и, причём, весьма качественным), а внизу экрана выводятся надписи "Инициализация" и "Подготовка аптек". Это укладывается в вашу парадигму со сменой стилей?

Аватар пользователя mike

А почему onRestart? По логике, должно быть что-то вроде onStart, а onRestart

Пути Гугла неисповедимы. При первом запуске активити обязательно проходит через события onCreate, onStartonRestart. Между onCreate и onStart происходит создание нужных объектов, инициализация переменных, достройка БД и др, и активити начинает работать. Между событиями onStart и onRestart выполняются действия, которые выполняются только 1 раз при первом старте активити, и это не все необходимые действия. Далее между событиями onRestart и onResume выполняются действия, которые выполняются и 1-ый раз, и каждый раз, когда активити рестартует, будучи живой.

Скажем, в приложении tabletka.by при запуске появляется заставка с их лого (и, причём, весьма качественным)

Вы невнимательно читали. Я же писал, что для этого создают специальную сплеш-активити, определяют её как лончерную. Взбрыкнув, она запускает главную активити и своего палача, а пока главная активити скрытно готовится к работе - рисует красивости на радость пользователям и затем умирает, прихватив на тот свет и палача. Но может работать и по-другому, например, пропарсить сайты, насобирать данных, запустить главную активити и тут же сделать себе харакири.

Это укладывается в вашу парадигму со сменой стилей?

И нет, и да. Стили сплеш-активити и главной активити могут быть и разными, и нет. А вот если обходиться без сплеш-активити, то приходится менять стили.

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

Страницы