24 April, 2012

How to Fade a Form Using Windows Forms

In this short article, I will demonstrate how to use the “Opacity” property of the Form to fade it out.

Step 1: Open Visual Studio and create a new application using either C# or VB.NET. Drag a button on the form. Rename the button to “Fade Me” and set its Name property to “btnFade”.

Step 2: Add the System.Threading directive to your class. We will be making the current thread to sleep for 100 milliseconds so that you can see the effect.

using System.Threading; - C#
Imports System.Threading – VB.NET

Step 3: Double click the button. Write the following code on the btnFade click event

C#
private void btnFade_Click(object sender, EventArgs e)
{
int loopctr = 0;
for (loopctr = 100; loopctr >= 5; loopctr -= 10)
{
this.Opacity = loopctr/95.0;
this.Refresh();
Thread.Sleep(100);
}
this.Close();
}
VB.NET
Private Sub btnFade_Click(ByVal sender As Object, ByVal e As EventArgs)
Dim loopctr As Integer = 0
For loopctr = 100 To 5 Step -10
Me.Opacity = loopctr/95.0
Me.Refresh()
Thread.Sleep(100)
Next loopctr
Me.Close()
End Sub
Check out how we use the form’s opacity to fade it out.

Step 4: Run the application. Click on the button and watch the form fade out.
Cool, ain’t it and with just 5 lines of code.
Isn't it a new way to give an animation close effect form to your user.
Try it out !!