Jetpack Compose.md

Intro

Jetpack Compose is a suite of libraries within the AndroidX ecosystem. For more information, see our project page

Syntax

Jetpack Compose uses composable functions instead of XML layouts to define UI components. You can see this in action in the demos, like androidx.ui.material.demos.ButtonDemo.kt. More information can be found in the compiler README.

You may notice some parts of the codebase use an XML-like syntax. This was an exploration done early on in the project, and we have since decided to move away from it. Usages of this syntax will eventually be converted to use the standard kotlin DSL instead.

Compiler

Composable functions are built using a custom Kotlin compiler plugin. More information about the compiler plugin is available in this README.

mkdir ~~/bin PATH=~~/bin:$PATH

curl https://storage.googleapis.com/git-repo-downloads/repo > ~/bin/repo chmod a+x ~/bin/repo git config --global user.name "Your Name" git config --global user.email "you@example.com"

mkdir ~/jetpackCompose cd ~/jetpackCompose

repo init -u https://android.googlesource.com/platform/manifest -b androidx-master-dev

repo sync -j8 -c

cd ~/jetpackCompose/frameworks/support/ui

Structure

Current version

The version used right now is: 0.1.0-dev11 You can take a look at the file:

dependencies.gradle

Dependencies

The actual dependency prefix is: androidx.ui

For the compiler is: androidx.compose

Take a look here for more detail:

dependencies.gradle

Modules

Right now we have the following dependencies:

compose-runtime: Mandatory to run the current compose version
ui-framework: Module that collects all demos across ui and packages them into one demo APK
ui-layout: Base components exposed by the system as building blocks. This includes Draw, Layout, Text, etc.
ui-material: Basic layout components
ui-tooling: Preview component
ui-animation: Wrappers and adapters for existing Android Views
ui-animation-core: Animation components
ui-core: Internal declarations for the animations system
ui-platform: Set of UI components built according to the Material spec
ui-text: Testing framework
ui-text-core: Base Text composable
ui-text-android: Text engine that contains base text components
ui-test: Internal implementation that allows separation of android implementation from host-side tests