This is a button onClick animation made with Android Jetpack Compose. It has both a button and icon. When you click on them, the scale value will be changed with a nice animation. I’m using Animatable API to achieve this effect. The Jetpack Compose button onClick function takes two parameters – animation duration and scale … Read more
This is a button style made with Android Jetpack Compose. I came up with this design by setting different corner sizes to a rounded shape button. There are a total of 3 buttons. The first one displays the number of taps on it. It has a ripple effect. The second one asks you to tap … Read more
This is an Android Jetpack Compose button with gradient border. There are a total of 3 buttons. The first one displays the number of taps on it. When you click on it, the count will be incremented by 1 and displayed on the button text. I removed the ripple effect on it. The second one … Read more
These are the button types in Jetpack Compose. The button types are Button, OutlinedButton, TextButton, IconButton, and IconToggleButton. The Button is a normal button that follows Android material design guidelines. The OutlinedButton has a border around it and text inside of it. The TextButton contains just text. It has no border and background. It shows … Read more
This is a Jetpack Compose music button UI design. It contains 3 states – play, pause, and loading. The loading state is managed by the view model. You can download the source code for free below. The UI contains OutlinedButton with Icon in it. The icon changes according to the button state. When the song … Read more
This is a gradient button made with Android Jetpack Compose. There are a total of 3 buttons. I have added onClick event on all of them. They have styles like rounded corners, padding, alignment, gradient background, etc… You can download the source code for free. The Android gradient button accepts cornerRadius, context, and colors as … Read more
