Bunifu Button (variant)
Stylish buttons with fluid animations for the various button states
Last updated
Stylish buttons with fluid animations for the various button states
Last updated
Bunifu Button (variant) is a pretty cool button that builds on the existing properties and functions of a Bunifu Button and adds micro-interaction animation cues between the various button states.
This section describes adding Bunifu Button (variant) at the designer level and during a runtime event.
Bunifu Button is added to a Form by simply locating BunifuButton2
in your Visual Studio toolbox, and dragging it to the form as demonstrated below.
To add Bunifu Button at runtime, we will use the Form's load event to instantiate BunifuButton2
and add it to the form as shown in the codes below:
Let's deep dive and get insights into the available animation properties on the variant Bunifu Button.
1. AllowAnimation
This property determines the animation transition state of the control. When the property is set to true, it sets a smooth transition between the button states(i.e idle
, hover
and pressed
) property value, over a given duration. By default, the property is set to true.
The default Bunifu button includes these button states however, the change from one state to another looks a little odd as it appears to be choppy and abrupt. This is because it’s missing the key to having a beautiful animation.
2. AnimationSpeed
This property allows us to easily set the pace of the animation when transitioning the button state properties from one state to another.
All other important properties found in BunifuButton2
are inherited from Bunifu Button control. You can now generate more elegant smoothly animated buttons, which we hope will improve the appearance and feel of your UI while also providing a better user experience.
Please contact us via chat in the bottom right corner of the screen if you have feedback or recommendations.
BunifuButton2
builds on the default button and provides an animation that has cadence and rhythm that seems fluid and natural. You’ll notice that the colors now change at a smoother pace and are much more pleasing to look at when hovering over the button. Pretty cool, isn’t it?