Android Jetpack Compose Tutorials
Welcome to Android Jetpack Compose Tutorials by KotlinAndroid.org.
Android Jetpack Compose is a toolkit used for Android Application development.
Jetpack Compose has composable functions to you define your app’s UI. The following sections takes you through each of the composable functions, or simply called composables.
Text
The Text composable is used to display text label on the screen.
Android Jetpack Compose Text tutorial gives an introduction to the Text composable.
The following tutorials cover the styling and other aspects of Text composable.
- Android Jetpack Compose – Text size
- Android Jetpack Compose – Text color
- Android Jetpack Compose – Text bold
- Android Jetpack Compose – Text font weight
- Android Jetpack Compose – Text font family
- Android Jetpack Compose – Text italic
- Android Jetpack Compose – Text maximum number of lines
- Android Jetpack Compose – Text overflow
- Android Jetpack Compose – Text selectable
- Android Jetpack Compose – Text letter spacing
- Android Jetpack Compose – Text line height
- Android Jetpack Compose – Text center align
- Android Jetpack Compose – Text underline
- Android Jetpack Compose – Text background color
Button
Buttons are used to allow the user to click or press on them and trigger a defined action.
The following tutorials cover different buttons in Jetpack Compose.
- Android Jetpack Compose – Button
- Android Jetpack Compose – Filled Tonal Button
- Android Jetpack Compose – Elevated Button
- Android Jetpack Compose – Outlined Button
- Android Jetpack Compose – Text Button
The following tutorials cover the styling and actionable aspects of Buttons.
- Android Jetpack Compose – Button onClick
- Android Jetpack Compose – Button disabled
- Android Jetpack Compose – Button background color
- Android Jetpack Compose – Button text color
- Android Jetpack Compose – Button content padding
- Android Jetpack Compose – Display Toast on Button click
Image
The Image composable is used to display an image on the screen.
Android Jetpack Compose Image tutorial gives an introduction to Image composable.
The following tutorials cover the styling and other aspects of Image composable.
https://developer.android.com/jetpack/compose/graphics/images/customize
- Android Jetpack Compose – Image border
- Android Jetpack Compose – Circular Image
- Android Jetpack Compose – Circular Image with border
- Android Jetpack Compose – Crop image
- Android Jetpack Compose – Image custom aspect ratio
- Android Jetpack Compose – Image invert colors
- Android Jetpack Compose – Adjust image brightness
- Android Jetpack Compose – Adjust image contrast
- Android Jetpack Compose – Image grayscale
- Android Jetpack Compose – Blur image