Jetpack Compose makes it easy to design an efficient layout for your app.
The following pages provide details on how to design and implement your layout:
- Layout basics: Learn about the building blocks for a straightforward app UI.
- Material components and layouts: Learn about Material components and layouts in Compose.
- Custom layouts: Learn how to take control of your app's layout, and how to design a custom layout of your own.
- Support different display sizes: Learn how to use Compose to build layouts that adapt to different screen sizes, orientations, and form factors.
- Alignment lines: Learn how to create custom alignment lines to precisely align and position your UI elements.
- Intrinsic measurements: Learn how to set an intrinsic height or width for your UI elements, giving you precise control over how the elements are arranged in the layout.
- ConstraintLayout: Learn how to
use
ConstraintLayout
in your Compose UI.
Learn more
New! Try our Quick Guides to get a fast and focused content experience.
To learn more about Compose layouts, try the Layouts in Jetpack Compose codelab.
Recommended for you
Get started with Jetpack Compose
Jetpack Compose is Android's recommended modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs.
ConstraintLayout in Compose
Jetpack Compose is Android's recommended modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs.