Разработка мобильного приложения для Android с нуля

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

Android (рекомендуется для новичков)

Это «логическое» представление. Android Studio rруппирует файлы так, чтобы было удобно писать код, но оно не полностью совпадает с тем, как папки лежат на диске.

Project или Project Files

Это «физическое» представление, ближе к тому, что вы увидите в Windows Explorer или Finder. Его удобно включать, когда нужно найти Gradle файлы, настройки сборки, служебные каталоги.

Если структура выглядит непривычно или «странно», убедитесь, что вы смотрите проект в режиме Android.

Карта проекта

Ниже ориентиры, которые помогают быстро понять структуру.

1) Код приложения

Ищите раздел app > kotlin + java (или app > java). Там лежат файлы Kotlin, например >MainActivity.kt.

Что такое MainActivity

MainActivity — это обычный Kotlin-класс. Он отвечает за стартовый экран приложения, логику UI. Современные шаблоны Android Studio часто используют Jetpack Compose, тогда MainActivity содержит вызов setContent { …}, который запускает интерфейс.

2) Интерфейс и ресурсы

Ищите app > res. Тут находятся ресурсы приложения: строки, изображения, иконки, темы. Если проект на Compose, папка layout может быть пустой или использоваться редко, потому что UI описывается кодом Kotlin.

3) Настройки сборки и зависимости

Ищите файлы Gradle. В 2026 в документации чаще встречается формат Kotlin DSL, поэтому файл может называться build.gradle.kts.

Главное правило

MainActivity.kt и другие файлы в app/src/... — это код приложения.

build.gradle(.kts) — это инструкции сборщику Gradle, как собирать приложение, какие библиотеки подключать и с какими настройками компиляции.

Где обычно лежит build.gradle(.kts)

• app/build.gradle.kts — это настройки именно модуля приложения, зависимости, minSdk, targetSdk и прочее.
• В корне проекта тоже может быть файл build.gradle(.kts) или settings.gradle(.kts) для настроек всего проекта.

4) AndroidManifest.xml

Ищите app > manifests. Это файл, который описывает разработку и само приложение для системы: главную Activity, разрешения, компоненты.

Первые изменения: меняем интерфейс

Теперь, когда вы познакомились с приложением, можно приступить к разработке поздравительной открытки в Jetpack Compose, то есть прямо в коде Kotlin, без XML-дизайнера. Современные шаблоны Android Studio интерфейс описывается функциями Kotlin внутри setContent {...}. (Android Developers)

Откройте файл MainActivity.kt в режиме Code. Вы посмотрите автоматически сгенерированный код, тут важны две вещи: onCreate() и setContent().

class MainActivity: ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            GreetingCardTheme {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    Greeting("Android")
                }
            }
        }
    }
}

onCreate() — это метод жизненного цикла Activity. Проще всего думать о нем как о месте, где андроид запускает ваш экран и где вы задаете, что именно должно отображаться. Формально вход определяется манифестом, стартовой Activity, a onCreate() — это первый обязательный шаг инициализации этой Activity.

setContent() задает содержимое экрана через Jetpack Compose. Внутри setContent {...} можно вызывать только composable функции, то есть функции, помеченные аннотацией @Composable.

Дальше обратите внимание на функцию Greeting(). Это соmposable-функция, а еще описывает, что нужно показать на экране.

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Text(text = "Hello $name!", modifier = modifier)
}

Важно: текст меняется именно здесь, в Kotlin коде, а не в XML.

Чтобы добавить свое имя, измените строку функции Greeting():

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Text(text = "Hi, my name is $name!", modifier = modifier)
}

После изменения Android Studio обычно обновляет Preview автоматически. Если не обновилось, используйте кнопки Refresh в окне Preview.

Что нужно знать про функции

• Composable функция помечается аннотацией @Composable.
• Имена UI composables обычно пишут с заглавной буквы, по стилю Kotlin.
• Большинство UI composables возвращают Unit, потому что они описывают интерфейс, а не вычисляют результат.

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

@Preview позволяет увидеть composable без запуска на устройстве или эмуляторе. Для этого создайте preview функцию, передайте в Greeting() ваше имя.

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    GreetingCardTheme {
        Greeting(name = "Filipp")
    }
}

Параметр showBackground = true добавляет фон, чтобы элементы было легче различать.

Оформление: работа с цветом и темами

Изменение цвета фона в Jetpack Compose

Сейчас у вас уже есть текст приветствия, но интерфейс можно сделать выразительнее. В данном фреймворке внешний вид элементов настраивается прямо в коде Kotlin. Цвет фона можно изменить с помощью контейнера Surface или через Modifier. В современных проектах на базе новой архитектуры интерфейс описывается программно, поэтому старые методы через XML-атрибуты здесь не используются.

Самый простой способ задать фон для текста — обернуть его в контейнер Surface. Surface — это базовый элемент Material Design, который представляет участок интерфейса с собственным фоном, формой, возможностью добавлять тени или границы.

Обновите функцию Greeting() и поместите текст внутрь Surface:

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Surface(
        color = Color.Cyan,
        modifier = modifier
    ) {
        Text(
            text = "Hi, my name is $name!"
        )
    }
}

Теперь фон контейнера Surface будет окрашен в выбранный цвет.

Добавление цвета

Если Android Studio подсвечивает Color как неизвестный символ, необходимо добавить импорт. В верхней части файла добавьте:

import androidx.compose.ui.graphics.Color

Обычно среда может добавить этот импорт автоматически. Для этого можно нажать Alt+Enter (Windows) или Option+Enter (Мас) и выбрать вариант добавления импорта.

Как выбрать цвет

После ввода Color Android Studio предложит список доступных цветов. Например:

• Color.Red
• Color.Blue
• Color.Cyan
• Color.Green

Можно выбрать любой из них или создать собственный цвет.

Альтернативный способ через Modifier

При разработке фон можно задавать не только через Surface, но и через Modifier. Это часто используется для простых элементов интерфейса.

Пример:

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Text(
        text = "Hi, my name is $name!",
        modifier = modifier.background(Color.Cyan)
    )
}

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

Предварительный просмотр

После изменения кода среда разработки автоматически обновит окно Preview. Это позволяет посмотрите новый цвет фона сразу, без запуска приложения на эмуляторе или смартфоне.

В Compose именно такой цикл разработки считается стандартным: вы меняете код Kotlin, а интерфейс обновляется прямо в редакторе.

Верстка в Android разработке: отступы и позиционирование

Сейчас у текста уже есть цвет фона. Следующий шаг разработки интерфейса — добавить пространство вокруг текста, чтобы интерфейс выглядел аккуратнее. В Jetpack Compose это делается с помощью Modifier.

Modifier — это один из ключевых инструментов Compose. Он позволяет изменять внешний вид, поведение интерфейсных элементов. С помощью модификаторов можно добавлять отступы, фон, размеры, обработчики кликов, выравнивание и многое другое.

Один из самых часто используемых модификаторов — padding. Он добавляет пространство вокруг элемента.

Обновите функцию Greeting() и добавьте отступ:

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Surface(color = Color.Cyan) {
        Text(
            text = "Hi, my name is $name!",
            modifier = modifier.padding(24.dp)
        )
    }
}

Для этого примера padding(24.dp) добавляет отступ вокруг текста со всех сторон.

Что такое dp

Compose размер отступов, элементов обычно задается в dp (density-independent pixels). Это единица измерения интерфейса, которая помогает сохранять одинаковые визуальные размеры на устройствах с разной плотностью экрана.

Почему Modifier передается в параметрах функции

Для composable-функций принято передавать параметр modifier:

modifier: Modifier = Modifier

Это стандартный паттерн для декларативной верстки. Он позволяет вызывающему коду изменять внешний вид компонента без изменения его внутренней логики. Например, родительский элемент может добавить дополнительный padding, размер или обработчик клика.

Импорт необходимых модификаторов

Чтобы использовать padding и dp, убедитесь, что есть соответствующие импорты:

import androidx.compose.foundation.layout.padding
import androidx.compose.ui.unit.dp

Обычно они добавляются автоматически.

Работа с импортами

Чтобы удалить неиспользуемые импорты и упорядочить список, можно использовать функцию Optimize Imports.

• Windows / Linux: Ctrl + Alt + O
• macOS: Control + Option + O

Также эту функцию можно вызвать через меню Code → Optimize Imports.

Экспериментируйте с интерфейсом

После добавления padding интерфейс станет более читаемым. Попробуйте изменить значение отступа, цвет фона или текст. В процессе разработки изменения сразу видны в окне Preview, поэтому можно быстро экспериментировать с внешним видом интерфейса.

Готовый результат

Фрагмент кода для просмотра

package com.example.greetingcard
	
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.ui.graphics.Color
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.example.greetingcard.ui.theme.GreetingCardTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            GreetingCardTheme {
                // A surface container using the 'background' color from the theme
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    Greeting("Android")
                }
            }
        }
    }
}

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Surface(color = Color.Cyan) {
        Text(text = "Hi, my name is $name!", modifier = modifier.padding(24.dp))
    }
}

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    GreetingCardTheme {
        Greeting("Meghan")
    }
}

В реальных коммерческих проектах, где требуется разработка мобильного приложения на андроид, добавляются сложная архитектура, работа с API, аналитика, тестирование и CI. Наша команда Infoshell превращает такие прототипы в полноценные приложения: от MVP до релиза.

Итоги и дорожная карта Android разработки на 2026 год

Разработка вашего первого Android-приложения завершена. В этом уроке вы познакомились с Android Studio, структурой проекта и создали простой интерфейс с помощью Jetpack Compose.

Вы увидели базовый цикл разработки: создание проекта, написание composable функций, изменение интерфейса в коде Kotlin и просмотр результата через Preview.

Краткое резюме

Чтобы начать разработку приложения:

• откройте Android Studio;
• выберите New Project > Empty Activity;
• задайте имя проекта, параметры SDK.

Основной код интерфейса находится тут: MainActivity.kt.

Для Jetpack Compose интерфейс строится из Composable функций. Они помечаются аннотацией @Composable, а также описывают элементы интерфейса.

Для изменения внешнего вида компонентов используется Modifier. С его помощью можно добавлять отступы, фон, размеры, другие параметры интерфейса.

Что изучать дальше

После базового интерфейса следующий шаг — освоить ключевые инструменты Android разработки:

Архитектура приложений

Изучите архитектуру MVVM, а также работу с ViewModel.

Работа с сетью

Для сетевых запросов часто используется библиотека Retrofit.

Локальное хранение данных

Для хранения данных на устройстве применяется библиотека Room.

Навигация между экранами

Для переходов между экранами используется Navigation Compose.

Освоив эти инструменты, вы сможете вести разработку полноценных приложений с современной архитектурой и работой с данными.

---

Если вас интересует разработка мобильного приложения под iOS — прочтите эти статьи:

• Разработка игр под iOS – пошаговая инструкция создания игры на iPhone с нуля
• Создание программ для Android и iOS
• Разработка приложений для iOS