Click here to Skip to main content
Click here to Skip to main content

Go to sleep! Fade to B/W

, 3 Feb 2014
Rate this:
Please Sign up or sign in to vote.
Fading a window from color to black and white like Windows/XP

Introduction

Did you ever notice that when you shutdown Windows/XP there is a fading effect from color to B/W on the desktop? Ok that's the objective of this article, a simple way to capture a given window and fade it in an inactive status.

The main idea to perform this operation is quite simple: the code basically creates a fading-window over the target one. This fading-window has all the needing to make this simple animation and the complete implementation is not long and it's based on 3 parts:

  • a snap-shot routine to copy the given window in an in-memory bitmap,
  • a function to decolorize the given bitmap,
  • the main loop to step the decolorizing.

Notice: this code will work only on 16, 24 or 32 bit display color mode.

Using the code

There are basically 2 modalities to perform the fading process: automatic and controlled.

Automatic - this is the simplest way, and it can be used to put the given window in a "relaxed" mode - when the user will click on the given window, this will return to it's original status - here the simple steps to start with this operation:

  1. add the FadeWnd.h and FadeWnd.cpp, to your project,
  2. include the FadeWnd.h in the implementation code (.cpp) where you will call the fading effect,
  3. simply call the CFadeWnd::AutoFade(CWnd* pWnd) on the window you want to fade.

Controlled - don't worry, this is quite easy too, the difference is that we want to control the moment the fading effect must finish. For this, I have assumed that the fading operation must simply be done before a modal window call - here the steps:

  1. as before, add the FadeWnd.h and FadeWnd.cpp, to your project,
  2. include the FadeWnd.h in the implementation code (.cpp) where you will call the fading effect,
  3. define a CFadeWnd object before a dialog or a message-box modal call, for sample: wndFade,
  4. create the fade window, passing as parent the window to fade as shown: wndFade.Create(this).

Difficult?

Let's code!

Remember, first at all, add the FadeWnd.h and FadeWnd.cpp, to your project. To do this, copy these 2 files in the folder of your project, and from the [Project] menu item of the Visual Studio, choose [Add to Project] -> [Files] voice. Select the 2.

Next step, include the FadeWnd.h in the implementation code (.cpp) where you will call the fading effect. If you want to use the CFadeWnd class a bit every where, you can include it in the stdafx.h.

#include "FadeWnd.h"

To use it in a simple way, you can perform the call:

void CMakeInactiveDlg::OnButton1() 
{
    CFadeWnd::AutoFade(this);
}

Fade all the desktop:

void CMakeInactiveDlg::OnButton2() 
{
    CFadeWnd::AutoFade(GetDesktopWindow());
}

Fade the given window for the necessary modal sub-window call:

void CMakeInactiveDlg::OnButton3() 
{
    CFadeWnd wndFade(this);
 
    // modal window call as a DIALOG or a MESSAGEBOX
    AfxMessageBox(
        _T("Disabled until this message will be closed"),
        MB_OK | MB_ICONINFORMATION);
}

Fade using a different gradient color:

void CMakeInactiveDlg::OnButton4() 
{
    CFadeWnd::AutoFade(
        this,                // window to fade
        RGB(255,128, 64),    // light color ref
        RGB( 64, 16,  0));   // dark color ref
}
 
// - or -
 
void CMakeInactiveDlg::OnButton5() 
{
    CFadeWnd wndFade(
        this,                // window to fade
        RGB(255,128, 64),    // light color ref
        RGB( 64, 16,  0));   // dark color ref
 
    // modal window call as a DIALOG or a MESSAGEBOX
    AfxMessageBox(
        _T("Disabled until this message will be closed"),
        MB_OK | MB_ICONINFORMATION);
}

Notices

To permit other programmers to change the behavior of this control, I have added 3 virtual members that can be easily overridden:

  • void CreateGradient(...) - this allow to try other fading algorithms
  • bool OnLButtonCheck() - this is needed to make security checks directly inside the CFadeWnd during left button mouse clicks
  • bool OnRButtonCheck() - same as above, but for right button mouse clicks

Play with the CreateGradient call

I have made virtual the CreateGradien member of the CFadeWnd. This will allow some programmers to play with this call deriving a new class from the CFadeWnd. Let's see a sample of this process.

Create your derived class, for sample:

class CMyGradientFadeWnd : public CFadeWnd
{
public:
    virtual void CreateGradient(
        COLORREF /* clrLight = RGB(255,255,255) */,  // parameters are not 
                                                     // used in this sample
        COLORREF /* clrDark  = RGB(  0,  0,  0) */)
    {
        for(int i=0; i<256; i++)
        {
            m_clrGradient[i] = RGB(i, 255-i, i);
        }
    }
};

Now you have only to use your CMyGradiendFadeWnd in substitution of the CFadeWnd in your application.

Intercepting the left and right mouse button clicks inside the CFadeWnd class using OnLButtonCheck and OnRButtonCheck calls

Of course, this could be done deriving the whole class with CLASSWIZARD, and for more skilled developers, I'll suggest to do it that way - but to allow fast and easy way to inject our own made dialogs directly in the CFadeWnd, I have made the 2 overridden calls.

As for the CreateGradiend saw before, create your derived class, for sample:

class CMyPasswordFadeWnd : public CFadeWnd
{
public:
    virtual bool OnLButtonCheck()
    {
        // add the password check here
        CPasswordDlg dlg; // make your own dialog
        return (dlg.DoModal() == IDOK);
    }
    virtual bool OnRButtonCheck() { return false; } // no response
};

Credits - Special thanks to

Credits are reported inside the source code. The major help come from these articles/posts:

History

  • 10 November 2003 - bug fixes and some new things from the message posts:
    • virtual CreateGradient(...) call to perform a different graying effect
    • virtual OnLButtonChek() and OnRButtonChek() to perform a mouse click security check inside the CFadeWnd class
    • timing calculation to make the fading effect fit in less than 2 seconds
    • region heredity for shaped windows (example skinned windows)
    • disabled the parent window during the fade process, and eliminated the icon on the task-bar 

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

John A. Johnson
Instructor / Trainer freelance
Italy Italy
Has gained his experience working with several private companies, both production and services kind of farms, especially in managerial, as a trainer and marketing/sales as considerable experience in project management.
 
Has completed his technical/scientific expertise with several companies and universities working on software engineering, industrial automation and production at various levels, producing CAD for textiles (in the press and yarn, both for design applications and treatment of color and digital printing), incorporation of the farm, factory automation (with significant experience on textiles, plastics, luxury mechanics and dyes) to complete the design of ERP systems (accounting, analytical, warehouse, quality systems, quality control, planning).
 
Do:
✓ change management
✓ project / product management
✓ work in progress management
✓ travel
✓ BPM and organization optimization
✓ optimize quality systems
✓ system analysis
✓ project cost analysis
✓ application analysis
✓ database analysis
✓ infrastructure analysis
✓ software engineering and prototypes
✓ embedded hardware (MES terminals, GPS trackers, RiFD)
✓ cloud computing
✓ plan and help for a cloud migration
✓ localization and internationalization
✓ suggest marketing, SEO/SEM practices
✓ suggest and work with graphics and copywriters
✓ teach and motivate "best practices" over the "common sense"
✓ teach data analysis, web 2.0, cloud computing and social media
Follow on   Twitter

Comments and Discussions

 
GeneralC# PinmemberHarsmaken18-May-04 8:20 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web04 | 2.8.140721.1 | Last Updated 3 Feb 2014
Article Copyright 2003 by John A. Johnson
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid