This article is #8 in Goodpatch’s Advent Calendar 2020🎄.
2020 has been tough for everyone. We are eagerly waiting for it to conclude and the good thing is we’re almost there! Since it’s getting pretty chilly around here, I thought it would be nice sharing snippets of few of my Jetpack Compose implementations as I sip over a Cup of Hot Chocolate playing Monster Hunter XX on my Switch.
Just a heads up, I will be updating this article timely as I share few more snippets in the future as Compose keeps growing.
Also, the snippets I am sharing aren’t optimised or perfect (they aren’t earth shattering for sure). All feedbacks and suggestions are most welcome 🙂
Parallax Scrolling 🏙
Inspired by the awesome dribbble shot from Charles Patterson, this snippet discusses about how to intercept scrolling offsets of Views and communicating it over to other views to create a parallax effect.
Neomorphic Button 🔘
I have my own personal reservations of whether Neomorphism is a practical UI design pattern, but implementing it using Compose was interesting and relatively simple nonetheless.
Here I touch upon Compose’s state-based animation frameworktransition() and how to intercept user events like ‘press-and-hold’.
Slot machine animation 🎰
Slot machine animations will always be there where the UI implements an Odometer or a similar concept. Implementing it in Compose isn’t that difficult at all.
Goodpatch’s Advent Calendar 2020 has a series of wonderful articles lined up for you. I understand that most of the articles are in Japanese. However, if you are interested in going through the contents, then you can use DeepL translator. It gives pretty accurate translations for technical articles in Japanese ♨️
