Shade images to look like an active icon


When you select an icon in Windows 95 or NT 4.0, the icon appearance is changed to indicate that it is selected. What Windows does is that it turns every other pixel in the image to the highlight color which is usually blue.

The ShadeRect() function shown below executes the same effect on any rectangular area in the device context. It uses GetSysColor(COLOR_HIGHLIGHT) to determine what color to use but you can modify the function so that it takes in the color as one of the arguments. Doing so will allow you to give the image a disabled look when you specify the COLOR_GRAYTEXT color.

Here's what the function does:

  1. Define an array of WORD to hold the brush pattern. The hex digit 5 corresponds to the binary digits 0101 and the hex digit 'a' corresponds to the binary 1010.
  2. Create a 8x8 monochrome bitmap which uses our brush pattern.
  3. Create a pattern brush from the bitmap and select it into the device context.
  4. Black out every other pixel in the image held by the device context. Since the pattern brush is already selected into the device context we use PatBlt() and an AND raster operation to black out every other pixel. For every foreground pixel in the brush, the PatBlt() function takes the DCs text color and ANDs it with a corresponding pixel in the DC. Since we set the text color to black (all zeros), the result is black. Similarly, for every background pixel in the brush, the DCs background color is combined with the corresponding pixel in the DC. Since the background is white (all ones), the result is that the destination pixel is unchanged.
  5. Change the blacked out pixel to the highlight color. The logic used is similar to that used in step 4, only, this time we use an OR operation. Black ORed with an other color is the other color.
  6. Black out every other pixel in the image held by the device context. Since the pattern brush is already selected into the device context we use PatBlt() and an AND raster operation to black out every other pixel. For every foreground pixel in the brush, the PatBlt() function takes the DCs text color and ANDs it with a corresponding pixel in the DC. Since we set the text color to black (all zeros), the result is black. Similarly, for every background pixel in the brush, the DCs background color is combined with the corresponding pixel in the DC. Since the background is white (all ones), the result is that the destination pixel is unchanged.
void ShadeRect( CDC *pDC, CRect& rect )
{
	// Bit pattern for a monochrome brush with every
	// other pixel turned off
	WORD Bits[8] = { 0x0055, 0x00aa, 0x0055, 0x00aa,
			 0x0055, 0x00aa, 0x0055, 0x00aa };

	CBitmap bmBrush;
	CBrush brush;

	// Need a monochrome pattern bitmap
	bmBrush.CreateBitmap( 8, 8, 1, 1, &Bits );

	// Create the pattern brush
	brush.CreatePatternBrush( &bmBrush );

	CBrush *pOldBrush = pDC->SelectObject( &brush );

	// Turn every other pixel to black
	COLORREF clrBk = pDC->SetBkColor( RGB(255,255,255) );
	COLORREF clrText = pDC->SetTextColor( RGB(0,0,0) );
	// 0x00A000C9 is the ROP code to AND the brush with the destination
	pDC->PatBlt(rect.left, rect.top, rect.Width(), rect.Height(), 
		(DWORD)0x00A000C9);			//DPa - raster code

	pDC->SetBkColor( RGB(0,0,0) );
	pDC->SetTextColor( GetSysColor(COLOR_HIGHLIGHT) );
	// 0x00FA0089 is the ROP code to OR the brush with the destination
	pDC->PatBlt(rect.left, rect.top, rect.Width(), rect.Height(), 
		(DWORD)0x00FA0089);			//DPo - raster code

	// Restore the device context
	pDC->SelectObject( pOldBrush );
	pDC->SetBkColor( clrBk );
	pDC->SetTextColor( clrText );
}



Comments

  • But in Windows 98...

    Posted by Legacy on 11/21/1999 12:00am

    Originally posted by: Rob jr.

    All that is fine and dandy, but in Windows 98 windows does something cooler when you select an icon on the desktop: it combines the selection color with the icon's image. (only in high color mode and above, of course).

    Reply
Leave a Comment
  • Your email address will not be published. All fields are required.

Top White Papers and Webcasts

  • Rocket Mobile® for IBM i is an enterprise mobile application development and deployment platform for customers who rely on the IBM i system. Rocket Mobile for IBM i enables customers to leave proven applications in-place and rapidly repurpose them into new managed and secure mobile applications. Fast, easy creation of mobile, web, and hybrid mobile applications that deploy to any iOS, Android, or Windows mobile phone or tablet Built-in integration for seamless repurposing of existing IBM i applications …

  • Complex hybrid environments can make it difficult to track interdependencies, increasing the risk of disrupting critical business services. In this white paper by EMA, you'll learn how application discovery and dependency mapping can help you: Meet granular targets for availability, cost, and time-to-revenue for cloud services. Accelerate mean time to repair (MTTR) while communicating better with stakeholders. Manage even the most complex hybrid environments more efficiently and effectively Understand the …

Most Popular Programming Stories

More for Developers

RSS Feeds

Thanks for your registration, follow us on our social networks to keep up-to-date