This is a new library I made to animate an ImageButton on click.
- Set multiple resources as it will toggle progressively through them
- Toggle to a specific drawable
- Add a listener to listen to the drawable change callback
animatediconbutton.mp4
- Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://www.jitpack.io' }
}
}
- Add the dependency
dependencies {
implementation 'com.github.ndriqa:AnimatedIconButton:latest_version'
}
- Set up the button drawables you want to use:
binding.bluetoothButton.setResources(
R.drawable.ic_bluetooth_disabled,
R.drawable.ic_bluetooth_enabled,
R.drawable.ic_bluetooth_connected,
)
- Add on click listener to toggle through drawables:
binding.bluetoothButton.setOnClickListener {
binding.bluetoothButton.toggle()
}
- You can also set an OnDrawableChangeListener
binding.bluetoothButton.setOnDrawableChangeListener(object : OnDrawableChangeListener {
override fun onDrawableChange(drawableResId: Int) {
binding.bluetoothStateTextView.text = when(drawableResId) {
R.drawable.ic_bluetooth_disabled -> "off"
R.drawable.ic_bluetooth_enabled -> "on"
R.drawable.ic_bluetooth_connected -> "connected"
else -> "unknown"
}
}
})
- You can optinally toggle straight to the drawable you want by passing an argument to the toggle(drawableID)
- Like/Unlike button
- State holding buttons (Video quality, bluetooth connections, video aspect ratio etc etc)
- Catalogue selection (see last example in the demo video above...)
- etc
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent