1、要绘制一条直线很简单,只需知道直线的起点和终点,就可以绘制出一条直线了。但是,如果想要绘制不规则的线条,譬如利用鼠标写一个汉字等等该如何实现呢?
2、一种实现的思路是,依旧调用绘制直线的函数,绘制很多条长度很短并且顺序相连的直线,这样就可以实现上述效果了。
3、下面以VS2010下基于对话框的MFC程序为例,实现不规则线条的绘制:
(1)创建项目,添加消息WM_LBUTTONDOWN、WM_LBUTTONUP和WM_MOUSEMOVE三个消息的响应函数;
(2)在对话框类中添加一个CPoint型的成员变量:m_ptOld;
(3)在对话框类中添加一个bool型的成员变量(初始值为false):m_bLBtnDown;
(4)下面是具体代码:
void CIrregularLine_TestDlg::OnLButtonDown(UINT nFlags, CPoint point)
{
// TODO: 在此添加消息处理程序代码和/或调用默认值
m_bLBtnDown = true;
m_ptOld = point;
CDialogEx::OnLButtonDown(nFlags, point);
}
void CIrregularLine_TestDlg::OnLButtonUp(UINT nFlags, CPoint point)
{
// TODO: 在此添加消息处理程序代码和/或调用默认值
m_bLBtnDown = false;
CDialogEx::OnLButtonUp(nFlags, point);
}
void CIrregularLine_TestDlg::OnMouseMove(UINT nFlags, CPoint point)
{
// TODO: 在此添加消息处理程序代码和/或调用默认值
if (m_bLBtnDown)
{
CDC* pDC = GetDC();
pDC->MoveTo(m_ptOld);
pDC->LineTo(point);
m_ptOld = point;
ReleaseDC(pDC);
}
CDialogEx::OnMouseMove(nFlags, point);
}
(5)绘制效果如下:
4、上述代码虽然实现了效果,但是如何将这些线条保存下来呢?除了将整个图像存成位图,还有其它方法吗?例如如果要保存一条直线只要保存它的两个端点坐标就可以了。
5、根据第4条,我们可以这样保存不规则线条:将每一条绘制的直线坐标保存下来。具体实现如下:
(1)如上图所示,要保存这样一条不规则的线条,该线条由5段直线构成,只要保存A/B/C/D/E/F五个点的坐标就行了。
(2)考虑用一个list保存这些点,具体代码如下:
#include <list>
using namespace std;
list <CPoint> m_data;
list <CPoint>::iterator m_it;
void CIrregularLine_TestDlg::OnLButtonDown(UINT nFlags, CPoint point)
{
// TODO: 在此添加消息处理程序代码和/或调用默认值
m_bLBtnDown = true;
m_ptOld = point;
m_data.push_back(m_ptOld);
CDialogEx::OnLButtonDown(nFlags, point);
}
void CIrregularLine_TestDlg::OnLButtonUp(UINT nFlags, CPoint point)
{
// TODO: 在此添加消息处理程序代码和/或调用默认值
m_bLBtnDown = false;
CDialogEx::OnLButtonUp(nFlags, point);
}
void CIrregularLine_TestDlg::OnMouseMove(UINT nFlags, CPoint point)
{
// TODO: 在此添加消息处理程序代码和/或调用默认值
if (m_bLBtnDown)
{
CDC* pDC = GetDC();
pDC->MoveTo(m_ptOld);
pDC->LineTo(point);
m_ptOld = point;
m_data.push_back(m_ptOld);
ReleaseDC(pDC);
}
CDialogEx::OnMouseMove(nFlags, point);
}
void CIrregularLine_TestDlg::OnPaint()
{
if (IsIconic())
{
CPaintDC dc(this); // 用于绘制的设备上下文
SendMessage(WM_ICONERASEBKGND, reinterpret_cast<WPARAM>(dc.GetSafeHdc()), 0);
// 使图标在工作区矩形中居中
int cxIcon = GetSystemMetrics(SM_CXICON);
int cyIcon = GetSystemMetrics(SM_CYICON);
CRect rect;
GetClientRect(&rect);
int x = (rect.Width() - cxIcon + 1) / 2;
int y = (rect.Height() - cyIcon + 1) / 2;
// 绘制图标
dc.DrawIcon(x, y, m_hIcon);
}
else
{
CPaintDC dc(this);
CPoint ptOld;
if (!m_data.empty())
{
ptOld = m_data.front();
}
for (m_it = m_data.begin(); m_it != m_data.end(); ++m_it)
{
dc.MoveTo(ptOld);
dc.LineTo(*m_it);
ptOld = *m_it;
}
CDialogEx::OnPaint();
}
}
(3)效果如下(第一张是绘制的线条,第二张是刷新后的图像,最后一张标出了前两张的区别):
6、从上述三张图片可以看出,产生一个问题:那就是只能保存一条绘制的线条,如果超过一条不规则线条,本不相连的两条不规则线条之间刷新后也会被连接起来(图中标为红线的部分)。
7、解决6中问题的思路有很多:譬如list嵌套,用多个list保存每一条线;这里用另一种思路:定义一个绘图中不可能使用的坐标位置作为一条线条绘制结束的标志。譬如本例中可以使用CPoint(-1, -1)作为此标志。
8、下面是对话框类的源码,就不上传工程了;
// IrregularLine_TestDlg.h : 头文件
//
#pragma once
#include "atltypes.h"
#include <list>
using namespace std;
// CIrregularLine_TestDlg 对话框
class CIrregularLine_TestDlg : public CDialogEx
{
// 构造
public:
CIrregularLine_TestDlg(CWnd* pParent = NULL); // 标准构造函数
// 对话框数据
enum { IDD = IDD_IRREGULARLINE_TEST_DIALOG };
protected:
virtual void DoDataExchange(CDataExchange* pDX); // DDX/DDV 支持
// 实现
protected:
HICON m_hIcon;
// 生成的消息映射函数
virtual BOOL OnInitDialog();
afx_msg void OnSysCommand(UINT nID, LPARAM lParam);
afx_msg void OnPaint();
afx_msg HCURSOR OnQueryDragIcon();
DECLARE_MESSAGE_MAP()
public:
afx_msg void OnLButtonDown(UINT nFlags, CPoint point);
afx_msg void OnLButtonUp(UINT nFlags, CPoint point);
afx_msg void OnMouseMove(UINT nFlags, CPoint point);
bool m_bLBtnDown;
CPoint m_ptOld;
list <CPoint> m_data;
list <CPoint>::iterator m_it;
const CPoint m_ptEnd;
};
// IrregularLine_TestDlg.cpp : 实现文件
//
#include "stdafx.h"
#include "IrregularLine_Test.h"
#include "IrregularLine_TestDlg.h"
#include "afxdialogex.h"
#ifdef _DEBUG
#define new DEBUG_NEW
#endif
// 用于应用程序“关于”菜单项的 CAboutDlg 对话框
class CAboutDlg : public CDialogEx
{
public:
CAboutDlg();
// 对话框数据
enum { IDD = IDD_ABOUTBOX };
protected:
virtual void DoDataExchange(CDataExchange* pDX); // DDX/DDV 支持
// 实现
protected:
DECLARE_MESSAGE_MAP()
};
CAboutDlg::CAboutDlg() : CDialogEx(CAboutDlg::IDD)
{
}
void CAboutDlg::DoDataExchange(CDataExchange* pDX)
{
CDialogEx::DoDataExchange(pDX);
}
BEGIN_MESSAGE_MAP(CAboutDlg, CDialogEx)
END_MESSAGE_MAP()
// CIrregularLine_TestDlg 对话框
CIrregularLine_TestDlg::CIrregularLine_TestDlg(CWnd* pParent /*=NULL*/)
: CDialogEx(CIrregularLine_TestDlg::IDD, pParent)
, m_bLBtnDown(false)
, m_ptOld(0)
, m_ptEnd(-1, -1)
{
m_hIcon = AfxGetApp()->LoadIcon(IDR_MAINFRAME);
}
void CIrregularLine_TestDlg::DoDataExchange(CDataExchange* pDX)
{
CDialogEx::DoDataExchange(pDX);
}
BEGIN_MESSAGE_MAP(CIrregularLine_TestDlg, CDialogEx)
ON_WM_SYSCOMMAND()
ON_WM_PAINT()
ON_WM_QUERYDRAGICON()
ON_WM_LBUTTONDOWN()
ON_WM_LBUTTONUP()
ON_WM_MOUSEMOVE()
END_MESSAGE_MAP()
// CIrregularLine_TestDlg 消息处理程序
BOOL CIrregularLine_TestDlg::OnInitDialog()
{
CDialogEx::OnInitDialog();
// 将“关于...”菜单项添加到系统菜单中。
// IDM_ABOUTBOX 必须在系统命令范围内。
ASSERT((IDM_ABOUTBOX & 0xFFF0) == IDM_ABOUTBOX);
ASSERT(IDM_ABOUTBOX < 0xF000);
CMenu* pSysMenu = GetSystemMenu(FALSE);
if (pSysMenu != NULL)
{
BOOL bNameValid;
CString strAboutMenu;
bNameValid = strAboutMenu.LoadString(IDS_ABOUTBOX);
ASSERT(bNameValid);
if (!strAboutMenu.IsEmpty())
{
pSysMenu->AppendMenu(MF_SEPARATOR);
pSysMenu->AppendMenu(MF_STRING, IDM_ABOUTBOX, strAboutMenu);
}
}
// 设置此对话框的图标。当应用程序主窗口不是对话框时,框架将自动
// 执行此操作
SetIcon(m_hIcon, TRUE); // 设置大图标
SetIcon(m_hIcon, FALSE); // 设置小图标
// TODO: 在此添加额外的初始化代码
return TRUE; // 除非将焦点设置到控件,否则返回 TRUE
}
void CIrregularLine_TestDlg::OnSysCommand(UINT nID, LPARAM lParam)
{
if ((nID & 0xFFF0) == IDM_ABOUTBOX)
{
CAboutDlg dlgAbout;
dlgAbout.DoModal();
}
else
{
CDialogEx::OnSysCommand(nID, lParam);
}
}
// 如果向对话框添加最小化按钮,则需要下面的代码
// 来绘制该图标。对于使用文档/视图模型的 MFC 应用程序,
// 这将由框架自动完成。
void CIrregularLine_TestDlg::OnPaint()
{
if (IsIconic())
{
CPaintDC dc(this); // 用于绘制的设备上下文
SendMessage(WM_ICONERASEBKGND, reinterpret_cast<WPARAM>(dc.GetSafeHdc()), 0);
// 使图标在工作区矩形中居中
int cxIcon = GetSystemMetrics(SM_CXICON);
int cyIcon = GetSystemMetrics(SM_CYICON);
CRect rect;
GetClientRect(&rect);
int x = (rect.Width() - cxIcon + 1) / 2;
int y = (rect.Height() - cyIcon + 1) / 2;
// 绘制图标
dc.DrawIcon(x, y, m_hIcon);
}
else
{
CPaintDC dc(this);
CPoint ptOld;
if (!m_data.empty())
{
ptOld = m_data.front();
}
for (m_it = m_data.begin(); m_it != m_data.end(); ++m_it)
{
if (*m_it != m_ptEnd)
{
dc.MoveTo(ptOld);
dc.LineTo(*m_it);
ptOld = *m_it;
}
else
{
if (++m_it != m_data.end())
{
ptOld = *m_it;
}
else
{
break;
}
}
}
CDialogEx::OnPaint();
}
}
//当用户拖动最小化窗口时系统调用此函数取得光标
//显示。
HCURSOR CIrregularLine_TestDlg::OnQueryDragIcon()
{
return static_cast<HCURSOR>(m_hIcon);
}
void CIrregularLine_TestDlg::OnLButtonDown(UINT nFlags, CPoint point)
{
// TODO: 在此添加消息处理程序代码和/或调用默认值
m_bLBtnDown = true;
m_ptOld = point;
m_data.push_back(m_ptOld);
CDialogEx::OnLButtonDown(nFlags, point);
}
void CIrregularLine_TestDlg::OnLButtonUp(UINT nFlags, CPoint point)
{
// TODO: 在此添加消息处理程序代码和/或调用默认值
m_bLBtnDown = false;
m_data.push_back(m_ptEnd);
CDialogEx::OnLButtonUp(nFlags, point);
}
void CIrregularLine_TestDlg::OnMouseMove(UINT nFlags, CPoint point)
{
// TODO: 在此添加消息处理程序代码和/或调用默认值
if (m_bLBtnDown)
{
CDC* pDC = GetDC();
pDC->MoveTo(m_ptOld);
pDC->LineTo(point);
m_ptOld = point;
m_data.push_back(m_ptOld);
ReleaseDC(pDC);
}
CDialogEx::OnMouseMove(nFlags, point);
}