Mouse Over Special Efects

Environment: This was built using Visual C++ 6.0 SP 2.
I used 16-bit color bitmaps, so if your resolution is set to 256 colors, it will probably not look very pleasing.

This is an updated version to my original posting. I have taken the comments that I received and have come up with a better version of the code. My thanks to Anatoly Ivasyuk, Jacques, and Dave Montgomery for their comments.

I needed a way to change a bitmap when the mouse went over it, and also to detect if the user pressed the mouse button. What I came up with was the following quick and easy solution.


void CMouseTrackDlg::OnMouseMove(UINT nFlags, CPoint point) 
{	
	m_Picture.GetWindowRect(&rect);
	ClientToScreen(&point);

	if (rect.PtInRect(point))
	{ 		      
		m_Picture.SetBitmap(bitmap2);		
	} 	      
	else 
	{
		m_Picture.SetBitmap(bitmap1);
	}	

	CDialog::OnMouseMove(nFlags, point);
}
All I did here was check to see if the mouse had entered into the bitmap. If it had, a different bitmap is displayed.

void CMouseTrackDlg::OnLButtonUp(UINT nFlags, CPoint point) 
{	
	m_Picture.GetWindowRect(&rect);
	ClientToScreen(&point);

	if(rect.PtInRect(point))
		AfxMessageBox("You pressed the Visual C++ bitmap", MB_OK);
		
	CDialog::OnLButtonUp(nFlags, point);
}
Here I just wanted to check if the user pressed the left mouse button while inside the bitmap.

Make sure to load the bitmaps:

BOOL CMouseTrackDlg::OnInitDialog()
{
	CDialog::OnInitDialog();

	// Set the icon for this dialog.  The framework does this automatically
	//  when the application's main window is not a dialog
	SetIcon(m_hIcon, TRUE);			// Set big icon
	SetIcon(m_hIcon, FALSE);		// Set small icon
	
	// TODO: Add extra initialization here
	
	bitmap1.LoadBitmap(IDB_BITMAP1);
	bitmap2.LoadBitmap(IDB_BITMAP2);
	
	return TRUE;  // return TRUE  unless you set the focus to a control
}
And make sure to initially declare the bitmaps, in this case there are only two. In addition to the bitmaps, you can see I declared a CRect which is used in the code above.

private:
	CRect rect;
	CBitmap bitmap1;
	CBitmap bitmap2;
Finally:

void CMouseTrackDlg::OnActivate(UINT nState, CWnd* pWndOther, BOOL bMinimized) 
{
	CDialog::OnActivate(nState, pWndOther, bMinimized);
	
	if(nState == WA_INACTIVE)
		m_Picture.SetBitmap(bitmap1);	
}
Here I mapped the OnActivate message to the dialog (CMouseTrackDlg) and if the dialog has lost its focus, then the orginal bitmap is displayed.

Download demo project - 13 KB

Download source - 21.7 KB



Comments

  • This is not so good...

    Posted by turkinz on 05/08/2004 08:57am

    The common problem with this and similar examples is that if you move your mouse over the button, and then pretty fast move it off the button and window area, the button still remains highlighted (as if there was the mouse pointer over it, but it's not). Look at Internet Explorer web pages. It's impossible to catch that kind of bug, there. I think they used some kind of Timer-based checking.

    Reply
  • Doing this to more that one image

    Posted by Legacy on 01/20/2000 12:00am

    Originally posted by: Hades

    Is there a way to use this code on multiple images, so you can have two buttons that change?

    Reply
  • WM_MOUSELEAVE

    Posted by Legacy on 04/07/1999 12:00am

    Originally posted by: Jacques

    you can have a look at WM_MOUSELEAVE

    if you are under Win NT 4 or Win98


    WM_MOUSELEAVE
    The WM_MOUSELEAVE message is posted to a window when the cursor leaves the client area of the window specified in a prior call to TrackMouseEvent.

    WM_MOUSEHOVER
    lParam = 0;
    wParam = 0;

    Return Values
    If an application processes this message, it should return zero.

    Remarks
    All tracking requested by TrackMouseEvent is canceled when this message is generated. The application must call TrackMouseEvent when the mouse re-enters its window if it requires further tracking of mouse hover behavior.

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

Top White Papers and Webcasts

  • U.S. companies are desperately trying to recruit and hire skilled software engineers and developers, but there is simply not enough quality talent to go around. Tiempo Development is a nearshore software development company. Our headquarters are in AZ, but we are a pioneer and leader in outsourcing to Mexico, based on our three software development centers there. We have a proven process and we are experts at providing our customers with powerful solutions. We transform ideas into reality.

  • When individual departments procure cloud service for their own use, they usually don't consider the hazardous organization-wide implications. Read this paper to learn best practices for setting up an internal, IT-based cloud brokerage function that service the entire organization. Find out how this approach enables you to retain top-down visibility and control of network security and manage the impact of cloud traffic on your WAN.

Most Popular Programming Stories

More for Developers

RSS Feeds

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