Где создаётся композиция для @Composable функций?

Место создания композиции в Compose

Композиция для @Composable функций создается внутри специального объекта — Composition. Этот процесс управляется композиционным механизмом (Compose) и выполняется в памяти приложения на этапе выполнения кода, а не во время компиляции.

Основные места и механизмы создания

1. Activity и Fragment

В традиционной интеграции с Android, композиция запускается через ComposeView в XML layout или напрямую через метод setContent.

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        // Здесь создается корневая композиция
        setContent {
            MyComposableApp()
        }
    }
}

В Fragment аналогично используется ComposeView.

2. Композитор (Composer) и композиционное дерево

Процесс создания композиции происходит при вызове корневой @Composable функции. Фреймворк создает экземпляр Composer, который управляет построением композиционного дерева.

@Composable
fun MyComposableApp() {
    // При вызове этой функции начинает работать Composer
    Column {
        Text("Hello")
        Button(onClick = {}) {
            Text("World")
        }
    }
}

Каждый вызов @Composable функции добавляет узлы в дерево.

3. Механизм рекомпозиции

Композиция — динамический процесс. Дерево создается, обновляется и даже перестраивается при рекомпозиции, вызванной изменением State или MutableState.

@Composable
fun Counter() {
    val count = mutableStateOf(0)
    // При изменении count произойдет рекомпозиция этого узла
    Button(onClick = { count.value++ }) {
        Text("Count: ${count.value}")
    }
}

Composer отслеживает изменения и пересоздает части дерева.

Ключевые понятия процесса

• Композиция: Дерево узлов в памяти, описывающее UI.
• Композитор (Composer): Объект, управляющий созданием и обновлением дерева.
• Слоты (Slots): Механизм сохранения состояния и данных между рекомпозициями внутри Composer.
• Рекомпозиция: Процесс обновления композиции при изменении входных данных.
• Эмиссия (Emission): Операция добавления узла в дерево во время выполнения composable-функции.

Техническая реализация

На низком уровне, композиция создается через:

// Упрощенное представление внутреннего механизма
val composition = Composition(Composer(), Applier())
composition.setContent {
    MyComposable()
}

• Applier: Применяет изменения дерева к фактическим UI объектам (например, узлам LayoutNode).

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

Композиция создается динамически в памяти при первом вызове корневой @Composable функции в контексте ComposeView, ComponentActivity.setContent или других точек интеграции. Это не статическая структура, а живое дерево, управляемое Composer, которое постоянно обновляется через механизм рекомпозиции. Ключевое отличие от View-системы — декларативный подход и автоматическое управление обновлениями.