Android Dev News
182 subscribers
2 photos
3.47K links
Blog: Android Developers Blog
Podcast: Android Developers Backstage
Medium: Android Developers
YouTube: Android Developers

Creator & Maintainer @typesafe
Download Telegram
Are you making delightful UI? | Compose Tips

https://www.youtube.com/watch?v=FL0VyH_1KAw

If you haven’t caught up with the Android Developers channel lately, you are CLEARLY missing out on a bunch of Compose Tips for creating delightful UI!

This new series is going to get you from Compose basics to a pro UI baker in no time: with topics like how to set up edge-to-edge and insets, working with nested scrolling to create dynamic UI, Pager tricks to tie into the gestures, to painting with different gradient Brushes and complex graphics shaders. And loads more are on the way!

What are your favorite Compose Tips for making your UI delightful? Share them on social media using the hashtag #ComposeTips!

Check out #TheAndroidShowhttps://goo.gle/tas-24-playlist

Watch more Compose Tips for Delightful UI → https://goo.gle/ComposeTips
Subscribe to Android Developers → https://goo.gle/AndroidDevs

#Featured #JetpackCompose #AndroidDevelopers


Speakers: Rebecca Franks, Simona Milanovic
Products Mentioned: Jetpack Compose, Android Dev
Shaders | Jetpack Compose Tips

https://www.youtube.com/watch?v=wJx7EhGaDow

In addition to Brushes, in Compose there is another delightful mechanism for painting your pixels and rendering graphics on screen, called Shaders.

In this episode, we dive into the details of using shaders in Jetpack Compose, combined with render effects and how they can be applied to your whole UI.

Learn more → https://goo.gle/compose-shader

Watch more Compose Tips for Delightful UI → https://goo.gle/ComposeTips
Subscribe to Android Developers → https://goo.gle/AndroidDevs

#Featured #JetpackCompose #AndroidDevelopers #ComposeTips


Speaker: Rebecca Franks
Products Mentioned: Jetpack Compose, Android Dev
Flow layouts | Jetpack Compose Tips

https://www.youtube.com/watch?v=QaMjBZCXHiI

FlowRow and FlowColumn are similar to Row and Column layouts, however the items will flow into the next row or column when there is no more space in the area.
In this video, Flow layouts are covered along with how to use them and tricks for using them to work on different sized devices. Making your experience delightful for all device sizes too!

Resources → https://goo.gle/compose-flow

Watch more Compose Tips for Delightful UI → https://goo.gle/ComposeTips
Subscribe to Android Developers → https://goo.gle/AndroidDevs

#Featured #JetpackCompose #AndroidDevelopers #ComposeTips


Speaker: Rebecca Franks
Products Mentioned: Jetpack Compose, Android Dev
Lazy grids #shorts

https://www.youtube.com/watch?v=uBmwECZdbpw

Watch the whole video to learn how grids can sometimes serve as a better alternative to other lists, and make your layouts more dynamic and delightful - especially when supporting different window sizes across devices.

Watch more Compose Tips for Delightful UI → https://goo.gle/ComposeTips
Subscribe to Android Developers → https://goo.gle/AndroidDevs

#Featured #ComposeTips #JetpackCompose #AndroidDevelopers


Speaker: Simona Milanovic
Products Mentioned: Jetpack Compose, Android Dev
AnchoredDraggable | Compose Tips

https://www.youtube.com/watch?v=JYtLy4V2x-A

In this episode, we cover Compose AnchoredDraggable, which is a Jetpack Compose API that lets you build components that can be dragged between anchor points and settles an anchor point at the end of the gesture. AnchoredDraggable is often used to build components like SwipeToDismiss, Navigation Drawers, Bottom Sheets and more.

Learn more → https://goo.gle/compose-anchored-draggable

Watch more Compose Tips for Delightful UI → https://goo.gle/ComposeTips
Subscribe to Android Developers → https://goo.gle/AndroidDevs

#Featured #ComposeTips #JetpackCompose #AndroidDevelopers


Speaker: Jossi Wolf
Products Mentioned: Jetpack Compose, Android Dev
AnchoredDraggable #shorts

https://www.youtube.com/watch?v=pvz37J9jIVg

In this episode, we cover Compose AnchoredDraggable - an interactive UI element that allows users to drag and swipe it, while maintaining an anchor to its original position.

Learn more → https://goo.gle/compose-anchored-draggable

Watch more Compose Tips for Delightful UI → https://goo.gle/ComposeTips

#Featured #ComposeTips #JetpackCompose #AndroidDevelopers


Speaker: Jossi Wolf
Products Mentioned: Jetpack Compose, Android Dev
Graphics layers | Jetpack Compose Tips

https://www.youtube.com/watch?v=KawI7srRvOM

In this episode, learn all about Graphics Layers in Compose and how you can use the APIs to composite graphics layers together to create interesting visual effects.
This episode covers how to use BlendModes to blend between two layers, and how to set the saturation of a whole layer.

Learn more → https://goo.gle/compose-graphics

Watch more Compose Tips for Delightful UI → https://goo.gle/ComposeTips
Subscribe to Android Developers → https://goo.gle/AndroidDevs

#Featured #ComposeTips #JetpackCompose #AndroidDevelopers


Speaker: Rebecca Franks
Products Mentioned: Jetpack Compose, Android Dev
Clipping and masking | Jetpack Compose Tips

https://www.youtube.com/watch?v=rdS4A2YFBHA

Clipping or masking parts of your content is a way to create delightful UI effects, and is a common need when working with custom UI components.

Clipping is the process of removing parts of your content based on a set path or shape. Whereas masking is similar to clipping, but allows for semi-transparent pixels too.

Learn more → https://goo.gle/compose-graphics

Watch more Compose Tips for Delightful UI → https://goo.gle/ComposeTips
Subscribe to Android Developers → https://goo.gle/AndroidDevs

#Featured #ComposeTips #JetpackCompose #AndroidDevelopers


Speaker: Rebecca Franks
Products Mentioned: Jetpack Compose, Android Dev