Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Jetpack Compose UI App Development Toolkit - Android Developers

Download as pdf or txt
Download as pdf or txt
You are on page 1of 10

Build better apps faster

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.

(https://developer.android.com/develop/ui/compose/tutorial) View docs (https://developer.android.com/develop/ui/compose/d

Less code Intuitive Accelerat Powerful


(https://developer
.android.com/jetp
(https://developer
.android.com/jetp
e (https://developer
.android.com/jetp
ack/compose/why ack/compose/why developm ack/compose/why
-adopt#less- -adopt#intuitive) -adopt#powerful)
code)
Just describe Create
your UI, and beautiful apps
Do more with Compose ent with direct
less code and takes care of (https://developer access to the
avoid entire the rest. As .android.com/jetp Android
classes of app state ack/compose/why platform APIs
bugs, so code changes, your - and built-in
adopt#accelerate
is simple and UI support for
-development)
easy to automatically Material
maintain. updates. Compatible Design, Dark
with all your theme,
existing code animations,
so you can and more.
adopt when
and where you
want. Iterate
fast with live
previews and
Learn more… full Android Learn more…
Learn more… Studio support.

Learn more…
(https://developer.android.com/courses/andr (https://developer.android.com/courses/jetpa
oid-basics-compose/course) ck-compose/course)

New to Android Want to learn


Development? Compose?
(https://developer.android.com/courses/androi (https://developer.android.com/courses/jetpac
d-basics-compose/course) k-compose/course)

Start with the Android Basics with Learn how to use Jetpack Compose to
Compose course. build native Android UI. This course
covers the essentials of building with
Compose: including layouts, theming,
animations, architecture, state,
accessibility and testing.

Start Android Basics course… Start Compose course…

(https://develope
r.android.com/de (https://github.c
velop/ui/compose om/android/nowi
/themes/material nandroid)
3)
DESIGN LEARN

Material Now in
You is Android
available App
for Sample
Compos (https://github.com/an
droid/nowinandroid)

e(https://developer.android.com/develop/ui/co
mpose/tutorial)
(https://www.youtube.com/watch?
Fully functional
v=EOQB8PTLkpY&list=PLWz5rJ2EKKc9Ty3Zl1
(https://developer.andr
Quick Tutorial
oid.com/develop/ui/co
published Android
hvMVUsXfkn93NRk)

mpose/themes/materia
(https://developer.android.com/develop/ui/com
l3)
Videos
app built using
Compose, Material
pose/tutorial) (https://www.youtube.com/watch?
3 and adaptive UI.
v=EOQB8PTLkpY&list=PLWz5rJ2EKKc9Ty3Zl1h
Compose
Explore supports
Compose and the power of vMVUsXfkn93NRk)
declarativeenabling
Material 3, programming in just a few
Material You with
minutes. Check out the video content on the
theming and Android Developers YouTube channel
component and learn the latest best practices for
support. working with Compose.

Start
Designtutorial…
with Ma… View
Go toplaylist…
Github re…

(https://github.com/android/compose- (https://developer.android.com/develop/ui/co
samples) mpose/setup)

Sample apps Setup


(https://github.com/android/compose- (https://developer.android.com/develop/ui/com
samples) pose/setup)

Get inspired with examples that Set up your development environment


demonstrate how to use powerful and get composing.
Compose features.

Go to samples… Setup environment…


Building
across
devices (https://developer.android.com/dev (https://developer.android.com/trai

using elop/ui/compose/layouts/adaptive/s
upport-different-screen-sizes)
ning/wearables/compose)

Compose Compose for


Compose for
Wear OS
Jetpack Compose
allows you to build
large screens (https://developer.android.com/train
(https://developer.android.com/deve ing/wearables/compose)
beautiful apps across lop/ui/compose/layouts/adaptive/sup
devices, on phones, port-different-screen-sizes) Compose for Wear OS makes
tablets, foldables, building apps for the wrist
ChromeOS and Wear The UI for your app should be
easier, faster, and more
OS. responsive to account for
intuitive. This guide walks you
different screen sizes,
through the similarities and
orientations and form factors -
differences between Compose
an adaptive layout changes
and Compose for Wear OS.
based on the screen space
available to it.

Adaptive layouts… Compose for Wear OS…

Featured resources

View interop Tooling


(https://developer.android.com/develop/ui/compose/migr (https://developer.android.com/develop/ui/compose/tooli
ate/interoperability-apis) ng)

Learn how to combine Compose and View- Learn about Android Studio’s Compose
based UIs. features.

Guide…

Codelab… Guide…
(https://developer.android.com/develop/ui/compose/mi (https://developer.android.com/develop/ui/compose/to
grate/interoperability-apis) oling)
(https://developer.android.com/develop/ui/co (https://developer.android.com/develop/ui/co
mpose/layouts) mpose/themes)

Layouts Theming
(https://developer.android.com/develop/ui/com (https://developer.android.com/develop/ui/com
pose/layouts) pose/themes)

Learn how to work with layouts in Learn how to style your application and
Compose. support light and dark themes.

Guide… Guide…

Codelab… Codelab…

(https://developer.android.com/develop/ui/co (https://developer.android.com/develop/ui/co
mpose/state) mpose/documentation)

State and data More resources


(https://developer.android.com/develop/ui/com (https://developer.android.com/develop/ui/com
pose/state) pose/documentation)

Learn patterns for state management Explore even more resources to help
when using Compose. you jumpstart learning Compose.

Guide…

Codelab… See all resources…

What’s next for Jetpack Compose


View roadmap (https://developer.android.com/jetpack/androidx/compose-roadmap)

Apps built with Compose


We worked with several different
partners to start integrating Compose
into their apps. Learn how Compose has
helped their teams become more
productive and write high quality UI.

See partner testimonials…


Latest news and View all news & videos (https://developer.android.com/)

videos
(https://medium.com/androiddevel (https://www.youtube.com/watch? (https://android-
opers/building-jetcaster-on-all- v=C5V2MTc5Wtw) developers.googleblog.com/2024/
form-factors-8e3418eeac13? 06/developers-for-adidas-
source=rss----95b274b437c2---4) confirmed-build-features-faster-
using-jetpack-compose.html)

VIDEO

BLOG
Android BLOG
Building Developer
Developers for
Jetcaster on Story: Adidas
adidas
all Form builds features
CONFIRMED
Factors up to 30%
build features
faster with
30% faster
(https://medium.com/androiddevel

Jetpack
opers/building-jetcaster-on-all-

using Jetpack
form-factors-8e3418eeac13?

Compose
source=rss----95b274b437c2---4)

Written by: Chris Arriola, Compose


Chiara Chiappini, and (https://www.youtube.com/watch?
v=C5V2MTc5Wtw) (https://android-
Chiko Shimizu Did you know
developers.googleblog.com/2024/
that you can not only build… Learn more about how the 06/developers-for-adidas-
team at adidas CONFIRMED confirmed-build-features-faster-
using-jetpack-compose.html)
used Jetpack Compose to
elevate their UX by adding…
adidas CONFIRMED is an app
for the brand’s most loyal fans
who want its latest, curated
collections that aren’t found…

Join the Compose community


(https://stackoverflow.com/questions/tagged (https://issuetracker.google.com/issues/new?
/android-jetpack-compose) component=612128)

Stack Overflow Bug tracker


(https://stackoverflow.com/questions/tagged/a (https://issuetracker.google.com/issues/new?
ndroid-jetpack-compose) component=612128)

Ask a question on Stack Overflow Report an issue and track bugs

(https://surveys.jetbrains.com/s3/kotlin-
slack-sign-up)

Slack group
(https://surveys.jetbrains.com/s3/kotlin-slack-
sign-up)

Join the KotlinLang Slack group

You might also like