Bunifu Gradient Panel
Add awesome gradient theme colors to your interfaces
The Bunifu Gradient Panel control is designed to blend-in the beauty of colors into the appearance of your interfaces by applying various gradient-color-mixes. Those beautifully-aligned gradients you often see on the Internet can easily be mimicked with Bunifu's Gradient Panel. You can add gradients at design-time or runtime.
Here's a quick preview of the Gradient Panel and some sample illustrations:
(The GIF previews may not be as clear but illustrate the features)
Adding a Bunifu Gradient Panel on a Form at Design-time
Simply locate Bunifu Gradient Panel in your toolbox and drag it to your form. After that we shall customize using custom properties as it will be elaborated later in this article.
Adding Bunifu Gradient Panel on a Form via Code
Adding Bunifu Gradient panel at run-time is easy. We will link the Load event to our form by double-clicking on it and add the following code
C#
VB.NET
1
var panel = new Bunifu.Framework.UI.BunifuGradientPanel();
2
panel.Location = new Point(20, 20);
3
panel.Size = new Size(200, 200);this.Controls.Add(panel);
Copied!
1
Dim panel As New Bunifu.Framework.UI.BunifuGradientPanel
2
panel.Location = New Point(20, 20)
3
panel.Size = New Size(200, 200)Controls.Add(panel)
Copied!
Because we're creating a new Bunifu Gradient Panel control via code, we will need to set its
Location and Size before adding it to our Form.Here's an illustration of the above process in action:
Properties
GradientBottomLeft
GradientBottomLeftThis property allows you to set the bottom-left gradient color of our panel.
GradientBottomRight
GradientBottomRightThis property allows you to set the bottom-right gradient color of our panel.
GradientTopLeft
GradientTopLeftThis property allows you to set the top-left gradient color of our panel.
GradientTopRight
GradientTopRightThis property allows you to set the top-right gradient color of our panel.
​
These properties can also be set at design-time from the Properties window by simply selecting our Gradient Panel and scrolling down the Properties window.
The default color for the properties is white and by setting colors you simply achieve nice backgrounds instantly as shown below.
Quality
Quality This property allow you to set the quality or richness of the gradient. In this example we have set the quality to 10.
That's it!
We hope you will enjoy using Bunifu Gradient Panel control and that it will help you create better user experience for your users.
Should you have feedback or suggestions please send us via chat on the bottom right corner of the screen.
Last modified 2yr ago