[MFC] 그림판(mspaint) 만들기 프로젝트 #2

지난 포스팅에 이어 그림판 프로젝트를 어떻게 설계하는지 설명하겠습니다.

[MFC] 그림판(mspaint) 만들기 프로젝트 #1

Figure Interface 설계

먼저, 도형 인터페이스입니다. 도형에는 선, 사각형, 원형, 다각형, 삼각형, 화살표 등 다양한 것들이 있습니다. 인터페이스로 IFigure를 선언하고, 모든 도형은 IFigure를 상속받도록 만듭니다. 인터페이스의 모든 구현은 상속받는 각 도형 클래스에서 합니다.

인터페이스 IFigure의 선언부.

class IFigure
{
public:
	virtual void Draw(Gdiplus::Graphics* g) = 0;
	virtual void Drag(const unsigned int x, const unsigned int y) = 0;
	virtual void SetPoint(const unsigned int index, const int x, const int y) = 0;
	virtual bool IsInBound(const unsigned int x, const unsigned int y) = 0;
	virtual Gdiplus::Rect GetSize() const = 0;

protected:
	Gdiplus::Point m_pointOfBegin;
	Gdiplus::Point m_pointOfEnd;
};

인터페이스 IFigure를 상속받는 Line 클래스의 선언부.

class Line : public IFigure
{
public:
	Line();
	~Line();

public:
	virtual void SetPoint(const unsigned int index, const int x, const int y) override;
	virtual void Draw(Gdiplus::Graphics* g) override;
	virtual bool IsInBound(const unsigned int x, const unsigned int y) override;
	virtual void Drag(const unsigned int x, const unsigned int y) override;
	virtual Gdiplus::Rect GetSize() const override;
};

Line 클래스의 Draw() 함수 정의부.

void Line::Draw(Gdiplus::Graphics* g)
{
	Pen pen(Color(255, 255, 0, 0), 1);

	g->DrawLine(&pen, m_pointOfBegin.X, m_pointOfBegin.Y, m_pointOfEnd.X, m_pointOfEnd.Y);
}

이해되시나요? Rectangle 클래스도 모두 동일한데 Draw() 함수만 다릅니다.

void Rectangle::Draw(Graphics* g)
{
	Pen pen(Color(255, 255, 0, 0), 1);

	Rect newRect = Rect(
		min(m_pointOfBegin.X, m_pointOfEnd.X),
		min(m_pointOfBegin.Y, m_pointOfEnd.Y),
		abs(m_pointOfEnd.X - m_pointOfBegin.X),
		abs(m_pointOfEnd.Y - m_pointOfBegin.Y));

	g->DrawRectangle(&pen, newRect);
}

그런데 나중에 보여줄 그림판 프로젝트의 소스를 보면, IsInBound()나 Drag() 외에 몇 가지 함수의 코드가 모두 동일한 것을 알 수 있습니다. 이렇게 동일한 코드가 여러 군데에 보인다면, 이는 다시 설계하여 더욱 깔끔하게 정리할 수 있습니다. IFigure를 인터페이스가 아닌 상위 클래스로 구현하거나, IFigure를 상속받는 클래스에 구현하고 이를 상속받는 도형 클래스를 구현하는 방법으로 말이죠. 하지만 본문의 프로젝트는 여지를 남겨두고 진행하겠습니다.

Main Source에서 추상 클래스의 사용

아무튼, 이렇게 추상 클래스로 구현한 이유는 따로 있습니다. 메인 소스에서 각각의 도형 클래스를 정의하고, 케이스 별로 코드를 구현한다면 엄청 복잡할 텐데요. 그래서 메인 소스에서는 추상 클래스만 정의하고 사용합니다.

예를 들어, ExamPaintDlg.h에는 다음과 같이 선언합니다. 추상 클래스인 IFigure를 스마트 포인터로 사용했습니다.

std::shared_ptr<Figure::IFigure> m_figure;

ExamPaintDlg.cpp에서는 다음과 같이 구현합니다. 선택된 도형에 따라 각 도형 클래스를 생성하는 것입니다. 그리고 추상 클래스의 Draw() 함수를 호출하면, 알아서 도형의 모양을 그리게 됩니다.

void CExamPaintDlg::OnFiguresLine()
{
	m_figure = std::make_shared<Figure::Line>();
}

void CExamPaintDlg::OnFiguresRectangle()
{
	m_figure = std::make_shared<Figure::Rectangle>();
}

void CExamPaintDlg::OnFiguresCropbox()
{
	m_figure = std::make_shared<Figure::CropRectangle>();
}

void CExamPaintDlg::OnDrawImage()
{
	if (m_figure != nullptr)
		m_figure->Draw(&memG);
}

그런데 CropRectangle 클래스의 경우 조금 특별한 동작을 합니다. 일반적인 모든 행동을 IFigure에 정의했는데, CropRectangle은 잘린 이미지의 영역을 지정한다든가 잘린 이미지를 움직이는 등의 다른 동작이 필요합니다.

class CropRectangle : public Rectangle
{
public:
	CropRectangle();
	~CropRectangle();

public:
	virtual bool IsInBound(const unsigned int x, const unsigned int y) override;
	virtual void Drag(const unsigned int x, const unsigned int y) override;
	virtual Gdiplus::Rect GetSize() const override;

	void Draw(Gdiplus::Graphics* g, const bool isDrawBorder);
	void Draw(Gdiplus::Graphics* g, Gdiplus::Image* image);
	void SetCropPoints();

private:
	Point m_pointOfBeginCrop;
	Point m_pointOfEndCrop;
};

이 경우, 다음과 같이 다운 캐스팅(Down Casting) 후 함수 호출이 가능합니다.

std::shared_ptr<Figure::CropRectangle> crop = std::dynamic_pointer_cast<Figure::CropRectangle>(m_figure);
crop->SetCropPoints();

스마트 포인터에서는 std::dynamic_pointer_cast를 사용하여 다운 캐스팅을 할 수 있습니다.

코드가 나오니 점점 복잡해집니다. 아직까지는 설명이니 '그렇구나~'하고 넘어가셔도 될 것 같습니다. 계속해서 GDI+와 더블 버퍼링에 관한 소개로 내용을 이어가겠습니다.