Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Image based MFC application with image mapping to catch clicks on different part of image

Posted on 2004-09-16
16
316 Views
Last Modified: 2010-04-17
I have to create an MFC based application where my User Interface will be a wizard and we want this wizard to be a bitmap (image) with  Prev/Next button + some dynamic text to display the current status.  Is there any sample code for how to do it?

I was planning to use some dialog based application use SetBitmap functions in a dialog based application but then how to do image mapping so that I can catch Prev/Next button clicks and changed the text of prev/next button and status text?

Is there way to do it?
 
0
Comment
Question by:amitguliani
  • 7
  • 7
16 Comments
 
LVL 55

Expert Comment

by:Jaime Olivares
ID: 12078655
You can use CPropertyPage/CPropertySheet with 'Wizard' attribute, but you must design a different dialog layout for every page. To insert a bitmap in every page, just include inside your resource, and create a static control with 'Image' attribute in every page.

There are many examples at:
http://www.codeproject.com/property/
0
 

Author Comment

by:amitguliani
ID: 12078873
Sorry I didn.t mention it earlier but I  already have my wizard ready but that does not have images and I have to introduce images and handle it.
0
 
LVL 55

Accepted Solution

by:
Jaime Olivares earned 125 total points
ID: 12078962
Ok, then just use static controls to show the images, then create event handler for WM_LBUTTONDOWN message using ClassWizard. To know where in the image has been clicked you have to substract coordinates. Something like:

void CYourWizardWnd::OnLButtonDown(UINT nFlags, CPoint point)
{
CRect rectImage;
GetDlgItem(YOUR_STATIC_IMAGE_ID)->GetClientRect(&rectImage);

CPoint ptInImage(point.x - rectImage.left, point.y-rectImage.top);
// Process ptInImage here

}
0
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 

Author Comment

by:amitguliani
ID: 12383205
How will I know where the mouse has been clicked? I know the cooridinates but how will it help?
0
 
LVL 55

Expert Comment

by:Jaime Olivares
ID: 12383283
You can know where have been clicked by using ScreenToClient and ClientToScreen functions.

inside your dialog function:
ClientToScreen(&point);
yourStaticImageCtrl.ScreenToClient(&point);

now 'point' contains coordinates relative to the static image.
0
 

Author Comment

by:amitguliani
ID: 12383473
So lets say my bitmap has 4 buttons like prev/next/cancel/help next to each other then what you are suggesting is that I have to use ScrrenToCLient function to get the relative location of the click. But after that how ill I know whether User has clicked Prev/Next/Help/Cancel etc?
 Do I need to know the positions of these buttons in adv and compare them with what I get by calling ScreenToClient ?
Thanks in adv
Aguliani

0
 
LVL 55

Expert Comment

by:Jaime Olivares
ID: 12383634
Are you talking about buttons or image?
For buttons don't need to know anything about cursor position. Every button generates a message you can manage with a message handler function.
0
 

Author Comment

by:amitguliani
ID: 12383651
I am talking about image. My image has text like prev/next/cancel/help.
0
 
LVL 55

Expert Comment

by:Jaime Olivares
ID: 12383758
In this case you can do this (after obtaining correct coordinates):

CRect rectPrev(10,200,40,215);
CRect rectNext(50,200,90,215);
CRect rectCancel(110,200,140,215);

if (rectPrev.PtInRect(point)) {
    // some action
} else if (rectNext.PtInRect(point)) {
    // some action
} else if (rectCancel.PtInRect(point)) {
    // some action
}
0
 

Author Comment

by:amitguliani
ID: 12383876
Ok then let me give it a shot. But quick question How will I find out the rectangular coordinates for prev/next buttons?
0
 
LVL 55

Expert Comment

by:Jaime Olivares
ID: 12384138
Open your bitmap inside the Visual C++ IDE, when moving on, coordinates appear at bottom.
0
 

Author Comment

by:amitguliani
ID: 12384574
My bitmap has more than 256 colors and hence can't be seen in IDE. How can I see it?
0
 
LVL 55

Expert Comment

by:Jaime Olivares
ID: 12384827
No, then you can't see it inside your IDE. You will have to use another image editor to access it externally.
0
 

Author Comment

by:amitguliani
ID: 12402957
Thanks a lot. It all worked.
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article is meant to give a basic understanding of how to use R Sweave as a way to merge LaTeX and R code seamlessly into one presentable document.
A short article about a problem I had getting the GPS LocationListener working.
An introduction to basic programming syntax in Java by creating a simple program. Viewers can follow the tutorial as they create their first class in Java. Definitions and explanations about each element are given to help prepare viewers for future …

792 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question