Android Workshop Part 2

1. Android Studio
Basics of Jetpack Compose

2. ● Jetpack Compose is a modern UI toolkit that is designed to
simplify UI development in Android. It consists of a reactive
programming model with conciseness and ease of Kotlin
programming language.
What is Jetpack Compose?
● Some Companies using it

3. ● Declarative
● Compatible
● Increase development speed
● Concise and Idiomatic Kotlin
● Easy to maintain
● Written in Kotlin
Benefits of using jetpack Compose

4. Imperative UI

5. Declarative UI

6. Define your app's UI programmatically by describing how it should
look and providing data dependencies, rather than focusing on the
process of the UI's construction
Composable Functions

7. ● To make a function composable, add the @Composable annotation.
● Composable functions can only be called from within another
Composable function.
● Composable function never return anything
● They can take parameters similarly like other functions.
Composable functions

8. Types of Composable :
Columns :

9. Rows :

10. Box:

11. Scaffold:

12. Theme directory

13. Consists of :
● Color.kt ( stores color values)
● Type.kt (stores typography attributes)
● Theme.kt (defines app theme attributes)
● Shape.kt (store shape attributes for objects in the
app)

14. State in Compose
● In an app , state is any value that changes over
time.
● The state can be updated in response to events
or user interactions, and the updated state is
used to redraw the UI.

18. Navigation in Compose
Practising navigation for the first time be like….

19. Stacking and Backstacking

20. Animation in Compose :

21. https://developer.android.com/jetpack/compose/animation