In July 2024, we launched a model new YouTube collection referred to as “Compose Ideas for Pleasant UI”. The collection got down to give quick, actionable and technical suggestions for working with Jetpack Compose and share small examples of APIs that aren’t as extensively identified.
We aimed to point out how you’ll be able to obtain a premium feel and appear of your app, by utilizing the powers and strengths of Compose, and canopy the most essential (however low value) UI ideas to remember when designing and creating an app.
With the tip of 2024 approaching, we ended our Season 1 which lined a wide range of completely different, pleasant matters that may make your UIs shine:
Edge-to-edge and insets
Learn to simply make your Android apps go edge-to-edge utilizing Compose, making certain it has a contemporary, pleasant UI. Observe three easy steps to soundly deal with insets, to forestall content material from overlapping system UI parts:
Pager
Simply add the Pager composable to your apps to get out of the field, pleasant gestures on paged content material. This episode covers tips on how to use the Pager composable, configuration parameters akin to controlling the fling distance, and tying into the PagerState to create animations:
Nested scrolling
Scrolling could be a invaluable instrument for making enjoyable and pleasant apps! On this episode, discover ways to use nested scrolling in Compose, for a seemingly advanced coordination between a number of parts on a single scroll:
Brush
Brushes in Jetpack Compose are a elementary half as to how content material is drawn on display. Understanding the several types of brushes you should use will help make your app stand out from the gang. On this episode, we dive into stable coloration brushes, completely different gradient brushes, in addition to numerous choices for gradient brushes:
Shaders
Along with Brushes, in Compose there may be one other pleasant mechanism for portray your pixels and rendering graphics on display, referred to as Shaders. On this episode, we dive into the small print of utilizing shaders in Jetpack Compose, mixed with render results and the way they are often utilized to your entire UI:
Circulation layouts
FlowRow and FlowColumn are just like Row and Column layouts, nonetheless the objects will move into the subsequent row or column when there isn’t a extra space within the space. On this video, Circulation layouts are lined together with tips on how to use them and methods for utilizing them to work on completely different window sizes:
Lazy grids
Lists are very important to the Android UI — we use columns and rows all over the place in our apps! This episode reveals how grids can generally function a greater different, to make these layouts extra dynamic and pleasant — particularly when supporting completely different window sizes throughout units:
AnchoredDraggable
On this episode, we cowl Compose AnchoredDraggable, which is a Jetpack Compose API that allows you to construct parts that may be dragged between anchor factors and settles an anchor level on the finish of the gesture. AnchoredDraggable is usually used to construct parts like SwipeToDismiss, Navigation Drawers, Backside Sheets and extra:
Graphics layers
Study all about Graphics Layers in Compose and the way you should use the APIs to composite graphics layers collectively to create fascinating visible results. This episode covers tips on how to use mix modes to mix between two layers, and tips on how to set the saturation of a complete layer:
Clipping and masking
Clipping or masking components of your content material is a approach to create pleasant UI results, and is a standard want when working with customized UI parts. Clipping is the method of eradicating components of your content material primarily based on a set path or form, whereas masking is comparable, however permits for semi-transparent pixels too:
You possibly can try the total YouTube playlist right here.
We’re extremely grateful to your suggestions and recommendations for what else you’d wish to see us cowl, so please hold it coming.
See you quickly for Season 2 in 2025 — joyful composing!