Jetpack Compose  and Material Design 

Jetpack Compose is Android’s recommended modern toolkit for building native UI. A Compose app is made up of composable functions - just regular functions marked with @Composable, which can call other composable functions. 

Why should we use Jetpack Compose for Android App?

Declarative: It is fully declarative so that we can describe our UI components by calling some predefined functions. Compatible: It is easily compatible with the existing views present in Android. 

Increase development speed: Previously developers have to work on the XML file and Kotlin file. But with the help of Jetpack Compose this becomes easy and now developers only have to work on the Kotlin files that’s why it will help developers in increasing development speed. 

Easy to maintain: As the codebase of any application is present in a single file. It becomes easy to manage and handle the codebase of the application.

Written in Kotlin: The application written using jetpack compose uses Kotlin programming language.

Material Design 

Material Design : Jetpack Compose offers an implementation of Material Design components and theming, making it easy to build beautiful apps that reflect our brand. The Material theming system is easier to understand and trace, without having to consult multiple XML files. 

Composable Function: Composable Function is represented in code by using @Composable annotation to the function name. This function will let you define your app’s UI programmatically by describing its shape and data dependencies rather than focusing on the UI construction process. 

Preview Function: The name of the function itself tells us that the function is used to generate the preview of the composable function. It is used to display a preview of our composable functions within our IDE rather than installing our APK in an emulator or a virtual device. The preview function is annotated by @Preview. 

 Material Design 

Material Design is a design language developed by Google in 2014. Material Design uses more grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows. Google announced Material Design on June 25, 2014, at the 2014 Google I/O conference. 

Material Design 1 (M1): The first generation of Material Design, launched in 2014, is archived and accessible at: material.io/archive/guidelines.

Material Design 2 (M2): The second generation of Material Design, launched in 2018, introduced Material Theming and code for Material Components. 

Material Design 3 (M3): The third generation of Material, launched in 2021, a new concept on Android 12 known as "Material You" (also known as "Material Design 3", emphasizing increased animation, larger buttons, and the ability for custom UI themes to be generated from the user's wallpaper. 

Material You was gradually rolled out to various Google apps on older Android versions in the following months, and acted as a major focus on the Pixel 6 and Pixel 6 Pro smartphone series. On Material.io, the design system is organized in three main parts: foundations, styles, and components.

Some Material Design components are

1. Button
2. Bottom App bar
3. Bottom Sheet
4. Card
5. Checkbox
6. Chip
7. Column and Row
8. Date picker
9. Divider (Horizontal and Vertical)
10. Dialog
11. Floating Action Button FAB
12. Snack bar
13. Spacer
14. Text
15. Image
16. Navigation bar
17. Navigation Drawer
18. Navigation Rail
19. Tabs
20. Top App bar
21. Progress Indicator
22. Slider
23. Switch

**********************End*******************************

Posted by Sandeep Gupta