Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

Form appearance effect and notification window

0.00/5 (No votes)
11 Jul 2005 1  
This article contains a form that can be used to give fade in/out effect to any form and specifically to notification/alert windows.

Sample Image

Introduction

Background processes, applications that run from tray and many other types of applications frequently need to show notifications/alerts to the user. One of the common examples is Outlook 2003 which shows an email notification just over the system tray. This article is about a base class TransDialog that derives from Form and adds the fade in/out effect to any form. It also contains a notification form that derives from this TransDialog and shows notification over the system tray.

Using the code

The project contains the following three forms/classes:

  1. TransDialog - Derives from System.Windows.Forms.Form and adds the fade in effect.
  2. Notification - Derives from TransDialog and actually shows the notification.
  3. Form1 - Driver form just used for the demo.

If you are just interested in adding the fade in/out effect, you can derive any form from TransDialog as follows:

public class Notification : TransDialog
{
    #region Ctor, init code and dispose
    public Notification()
       : base(true)
    {
        InitializeComponent();
    }
    /* ... */
}

Passing true to the base class will ensure that when you call Close on the Notification form, TransDialog will call Dispose and do the cleanup.

How does TransDialog work

TransDialog uses the layering (opacity) property of the form to add the effect of fade in/out. At the Form Load event, the opacity of the form is set to 0 (completely transparent or invisible) and a timer m_clock is started. The variable m_bShowing is set to true. The timer is set to tick every 100 ms.

private void TransDialog_Load(object sender, EventArgs e)
{
    this.Opacity = 0.0;
    m_bShowing = true;
    m_clock.Start();
}

On every Tick event as long as m_bShowing is true, the opacity is increased until it reaches 1 (completely opaque).

if (m_bShowing)
{
    if (this.Opacity < 1)
    {
        this.Opacity += 0.1;
    }
    else
    {
       m_clock.Stop();
    }
}

This gives the fade in effect.

On form closing event, the m_bShowing is set to false, the form closing is canceled and the timer is started again. However since this time m_bShowing is false, the opacity is decreased until 0 is reached (completely transparent). This gives the fade out effect.

private void TransDialog_Closing(object sender, CancelEventArgs e)
{
    /* ... */
    m_origDialogResult = this.DialogResult;
    e.Cancel = true;
    m_bShowing = false;
    m_clock.Start();
    /* ... */
}

How does Notification work

The fade in/out effect on the notification works just by deriving from TransDialog. To show the form at the correct location over the system tray, the following code is used in the Load event handler.

private void Notification_Load(object sender, System.EventArgs e)
{
    /* ... */
    int screenWidth = Screen.PrimaryScreen.WorkingArea.Width;
    int screenHeight = Screen.PrimaryScreen.WorkingArea.Height;
    this.Left = screenWidth - this.Width;
    this.Top = screenHeight - this.Height;
    /* ... */
}

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here