Bunifu Sliders
Create awesome experiences with value-range selections both horizontally and vertically using Bunifu Sliders.
Last updated
Create awesome experiences with value-range selections both horizontally and vertically using Bunifu Sliders.
Last updated
Bunifu Sliders are functional and rich UI controls that let you select values either horizontally or vertically that occur within ranges, for example, in Volume control, Industrial machines' interface control, value adjustments in Application Settings such as changing the Form's opacity, adjusting the size of text and/or images (zooming), and more. Sliders can be used in a really wide range of application areas.
Here's a sneak preview of what Bunifu Sliders can do when innovated on:
A handy Bunifu Media Player using Bunifu Sliders and other controls.
The featured Bunifu Slider areas included are:
A Music Player Seeker. (Horizontal Slider)
A Volume control. (Vertical Slider)
An Equalizer Settings manager. (Vertical Sliders)
Bunifu Sliders come bundled as two: BunifuHSlider
(Horizontal Slider) and BunifuVSlider
(Vertical Slider). They are both similar in their look, feel, and features with the only difference being their orientation.
And here's a default preview of Bunifu Vertical Slider:
Bunifu Sliders have two movement options: Incremental and Instant. You can toggle the movement option simply by setting the property AllowIncrementalClickMoves
to either true or false.
When you enable incremental click-moves, the thumb will move incrementally to its clicked or go-to destination value:
However, when you disable incremental click-moves, the thumb will move instantly to its clicked or go-to destination value:
You can also use the scroll context menu to move from one value to another:
To disable the scroll menu, set the property AllowScrollOptionsMenu
to false.
The standard scroll-keys as in Windows are supported. They include:
Arrow Keys (Left, Right, Top, Bottom)
Home
End
PageUp, and
PageDown
If you're not a die-hard fan of animations, you can always disable scroll animations in any of the two sliders by setting the property AllowScrollingAnimations
to false.
Customizing Bunifu Sliders has been greatly simplified at design-time. The standard properties used to visually customize the sliders include:
ElapsedColor
: Refers to the elapsed or currently passed value-region in the slider.
SliderColor
: Refers to the standard color of the slider; it represents the unpassed value-region in the slider.
ThumbColor
: Refers to the color of the movable element (also referred to as the thumb).
You can use Smart Tags to quickly change the most common properties:
Maximum
This property sets a slider's maximum scrollable range – the default value is 100.
Minimum
This property sets a slider's minimum scrollable range – the default value is 0.
Value
This property sets the thumb’s value or position in a slider – the default value is 0.
LargeChange
This property sets the amount by which the thumb’s value changes when the user clicks inside a slider or presses the PageUp or PageDown keys – the default value is 10.
SmallChange
This property sets the amount by which the thumb’s value changes when the user clicks outside the thumb or presses an Arrow key – the default value is 1.
AllowCursorChanges
This property gets or sets a value indicating whether the slider will allow changes to the cursor during the thumb’s movement.
AllowHomeEndKeysDetection
This property gets or sets a value indicating whether the slider will allow detection of the Home/End special navigation keys.
AllowIncrementalClickMoves
This property gets or sets a value indicating whether the slider will allow incremental thumb movements whenever the scrolling region is clicked at any one point.
AllowScrollingAnimations
This property gets or sets a value indicating whether the slider will allow changes to the cursor during the thumb’s movement.
AllowScrollKeysDetection
This property gets or sets a value indicating whether the slider will allow changes to the cursor during the thumb’s movement.
AllowScrollOptionsMenu
This property gets or sets a value indicating whether the slider will display the scroll menu when right-clicked.
ElapsedColor
This property gets or sets a value indicating whether the slider will display the scroll menu when right-clicked.
SliderColor
Gets or sets the slider's elapsed region color.
ThumbColor
Gets or sets the slider's thumb color.
OnDisable
This property provides a list of visual properties that are used to customize the slider's appearance when disabled. These properties include: ElapsedColor
, SliderColor
, ThumbColor
. To access any property, simply type: OnDisableSlider.
For example OnDisableSlider.ElapsedColor
or OnDisableSlider.ThumbColor
.
MouseCaptureChanged
This event is raised whenever the mouse has been captured or changed within the slider.
Scroll
This event is raised whenever scrolling begins.
ValueChanged
This event is raised whenever the Value property has been changed.
We're endeavouring to include more features with our upcoming releases. We hope you'll love Bunifu Sliders and do more with them in your Windows Forms applications.