Click here to Skip to main content
11,704,768 members (46,835 online)
Click here to Skip to main content

CCanvas - A Reusable Class to Draw a Simple Graph

, 26 Feb 2009 Public Domain 49.5K 2.9K 39
Rate this:
Please Sign up or sign in to vote.
A reusable class for drawing a simple graph

Introduction

Actually I am a little nervous to introduce this article. This is my first experience with MFC. Here I make a reusable class that is capable of drawing objects such as rectangle, ellipse, circle, and line by using GDI Device Context programming. The objects are selectable, moveable, and resizable. It is named CCanvas. I hope it will be useful for you. You can use it in your project that requires a simple graph editor.

Using the Code

Class Methods

Here are some public methods:

  • bool loadFile(char *fileName);

    Loads a file.

  • bool saveFile(char *fileName);

    Saves a file.

  • void set(CPoint ptStart, CPoint ptEnd);

    Retrieves start and end position when mouse is dragged.

  • set(int tool);

    Sets active tool: draw rectangle, draw ellipse, draw circle, or erase.

  • int update(CDC *dc);

    Updates window.

  • void store();

    Stores object into memory.

  • void drawGrid(CDC *dc, HWND hwnd, int gridsizeX, int gridsizeY)();

    Draw grids within specified size.

  • void setSnapToGrid(bool setting, int gridsizeX, int gridsizeY);

    Set snap-to-grid option within specified grid size.

How It Works

It works by handling these three important messages:

  • WM_LBUTTONDOWN - Start drawing, remember the origin position of the mouse pointer
  • WM_MOUSEMOVE - Here it tracks mouse movement, remember its current position
  • WM_LBUTTONUP - Finish drawing, store the newly created object into memory

How to Use

Let's say you have an SDI project, named Demo.

  • Add the file "canvas.h" to your DemoView.h:

    #include "canvas.h"
  • Add these variables to your DemoView.h:

    private:
        CCanvas m_canvas;
        CPoint m_ptStart;
        CPoint m_ptEnd;
  • Add these window messages to your DemoView.cpp:

    BEGIN_MESSAGE_MAP(CDemoView, CView)
        //{{AFX_MSG_MAP(CDemoView)
        ON_WM_MOUSEMOVE()
        ON_WM_LBUTTONUP()
        ON_WM_LBUTTONDOWN()
        //}}AFX_MSG_MAP
    END_MESSAGE_MAP()
  • Add these codes to your DemoView.cpp to handle those window messages:

    void CDemoView::OnDraw(CDC* dc)
    {
        CNiceDoc* pDoc = GetDocument();
        ASSERT_VALID(pDoc);
    
        m_canvas.update(dc);
    }
    
    BOOL CDemoView::PreCreateWindow(CREATESTRUCT& cs)
    {
        m_canvas.setSnapToGrid(true, 10, 10);
        return CView::PreCreateWindow(cs);
    }
    
    void CDemoView::OnMouseMove(UINT nFlags, CPoint point)
    {
        CView::OnMouseMove(nFlags, point);
    
        // Update end point while mouse is moving
        if (GetCapture() == this){
    	m_ptEnd = point;
    	Invalidate();
    	m_canvas.set(m_ptStart, m_ptEnd);
        }
    }
    
    void CDemoView::OnLButtonDown(UINT nFlags, CPoint point)
    {
        CView::OnLButtonDown(nFlags, point);
    
        // Get start point for drawing
        m_ptStart = m_ptEnd = point;SetCapture();
        m_canvas.set(m_ptStart, m_ptEnd);
    }
    
    void CDemoView::OnLButtonUp(UINT nFlags, CPoint point)
    {
        CView::OnLButtonUp(nFlags, point);
    
        // Get end point for drawing
        if (GetCapture() == this)
        {
            ReleaseCapture();
            m_ptEnd = point;
            Invalidate();
            m_canvas.store();
        }
    }

Loading and Saving Documents

Function members for loading and saving documents are called in class CDemoDoc that exists in file DemoDoc.h and DemoDoc.cpp. It is a pretty long explanation. You can see it yourself in the demo source code. Basically it is simply a "how you deal with CDocument."

Flickering Issue - Double Buffering

To get rid of the flickering issue, we can use the double buffering method. Look here. Follow the steps and you will see the flickering issue go away. The demo project attached with this article uses this method.

Points of Interest

This is my first MFC project and I am still improving it. I plan to add more features like:

  • More object shapes
  • Rotation
  • Ordering (backward and forward)
  • Select and move multiple objects
  • Coloring
  • Etc.

1st Update

I have fixed major bugs when creating vertical line. You cannot do anything to vertical line, it seems to be frozen. This is because of the incomplete mathematics equation I use in the code. I also added two new features: setSnapToGrid and drawGrid. I adapted code from Johan Rosengren for the drawGrid function. Don't worry, the rest is still original and kept to be as simple as it could be. Besides those things, now when you do resizing, the mouse cursor will change based on the resizing direction. The source is also converted to VC++ 2005. I think VC++6.0 has been abandoned.

History

  • 31st January, 2009: Initial version
  • 25th February, 2009: 1st update 

License

This article, along with any associated source code and files, is licensed under A Public Domain dedication

Share

About the Author

auralius manurung
Gyeongsang National University, South Korea
Indonesia Indonesia
from Indonesia with love... Smile | :)

You may also be interested in...

Comments and Discussions

 
GeneralMy vote of 3 Pin
liujichao3-Nov-10 3:41
memberliujichao3-Nov-10 3:41 
QuestionDoes CCanvas function on CScrollView ? Pin
mesajflaviu28-Jun-10 6:27
membermesajflaviu28-Jun-10 6:27 
AnswerRe: Does CCanvas function on CScrollView ? Pin
auralius manurung2-Jul-10 16:08
memberauralius manurung2-Jul-10 16:08 
GeneralGreat Job Pin
xox_c0bra_xox25-Jul-09 18:41
memberxox_c0bra_xox25-Jul-09 18:41 
GeneralRe: Great Job Pin
auralius26-Jul-09 7:19
memberauralius26-Jul-09 7:19 
Questionwhat is DRAWCLI from microsoft? Pin
Southmountain2-May-09 19:03
memberSouthmountain2-May-09 19:03 
AnswerRe: what is DRAWCLI from microsoft? Pin
auralius15-May-09 14:54
memberauralius15-May-09 14:54 
QuestionCan it support PrintPreview? Pin
maplewang27-Feb-09 18:30
membermaplewang27-Feb-09 18:30 
AnswerRe: Can it support PrintPreview? Pin
auralius1-Mar-09 18:45
memberauralius1-Mar-09 18:45 
GeneralDrawCLI Pin
prcarp27-Feb-09 5:49
memberprcarp27-Feb-09 5:49 
GeneralRe: DrawCLI Pin
auralius1-Mar-09 18:44
memberauralius1-Mar-09 18:44 
GeneralMy vote is 5 Pin
tyjiang26-Feb-09 22:38
membertyjiang26-Feb-09 22:38 
GeneralRe: My vote is 5 Pin
auralius27-Feb-09 0:17
memberauralius27-Feb-09 0:17 
GeneralHello Auralius Pin
Jerry Evans4-Feb-09 1:25
memberJerry Evans4-Feb-09 1:25 
GeneralRe: Hello Auralius Pin
auralius4-Feb-09 16:14
memberauralius4-Feb-09 16:14 
GeneralMy vote of 2 Pin
Country Man3-Feb-09 5:33
memberCountry Man3-Feb-09 5:33 
GeneralRe: My vote of 2 Pin
merano3-Feb-09 7:18
membermerano3-Feb-09 7:18 
GeneralRe: My vote of 2 Pin
auralius3-Feb-09 11:52
memberauralius3-Feb-09 11:52 
GeneralRe: My vote of 2 Pin
Tim Craig26-Feb-09 17:31
memberTim Craig26-Feb-09 17:31 
GeneralRe: My vote of 2 Pin
auralius27-Feb-09 0:31
memberauralius27-Feb-09 0:31 
GeneralRe: My vote of 2 Pin
maplewang24-May-09 16:29
membermaplewang24-May-09 16:29 
GeneralMy vote of 2 Pin
Tomas Rapkauskas3-Feb-09 0:24
memberTomas Rapkauskas3-Feb-09 0:24 
GeneralRe: My vote of 2 Pin
emilio_grv3-Feb-09 4:43
memberemilio_grv3-Feb-09 4:43 
GeneralRe: My vote of 2 Pin
auralius3-Feb-09 12:32
memberauralius3-Feb-09 12:32 
GeneralRe: My vote of 2 Pin
Tim Craig26-Feb-09 17:32
memberTim Craig26-Feb-09 17:32 
Generalsome minor problems Pin
merano2-Feb-09 19:58
membermerano2-Feb-09 19:58 
GeneralRe: some minor problems Pin
auralius2-Feb-09 22:34
memberauralius2-Feb-09 22:34 
GeneralRe: some minor problems Pin
xox_c0bra_xox25-Jul-09 18:47
memberxox_c0bra_xox25-Jul-09 18:47 
GeneralRe: some minor problems Pin
merano26-Jul-09 5:21
membermerano26-Jul-09 5:21 

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 | Terms of Use | Mobile
Web03 | 2.8.150819.1 | Last Updated 26 Feb 2009
Article Copyright 2009 by auralius manurung
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid