MFC学习（02） 矩形移动 (VC++6.0版本)

MFC学习（02） 矩形移动 (VC++6.0版本)

---

小注：这是一次计算机图形学的课后作业，作业原文：给定一个矩形（顶点和大小自己给定），利用鼠标与鼠标响应函数，如果鼠标落入矩形区域内，点击鼠标左键，矩形改变颜色（即作业中实现题2.exe示例中的虚线变为实线并着与初始矩形不同的色），移动鼠标，矩形进行移动，左键释放时矩形变为初始色。

仅供参考，不喜请喷

0. 代码地址

• Visual C++ 6.0
  点击查看代码

1. 先来看看老师提供的样例程序

2. 分析

1. 矩形初始是黑色的，实线
2. 在矩形区域内按下时，鼠标样式改变，拖动时矩形是棕色虚线（这里为了视觉效果，我会改成红色）
3. 拖动时，鼠标指针始终处于矩形中央（我写的版本里没有这种效果）
4. 拖动结束的时候（鼠标左键弹起时），矩形恢复成黑色实线

3. 伪代码

// 鼠标左键按下事件
void OnLButtonDown(单击的坐标点point)
{
    m_IsReadyToMove = false;   // 初始标记一下不能移动
    if (光标在矩形内)
    {
        记录开始移动的点p1;
        m_IsReadyToMove = true; // 标记一下可以移动了
        修改当前画笔颜色;
        修改鼠标指针样式;
    }
}

// 鼠标移动事件
void OnMouseMove(移动的当前坐标点point)
{
    // 我们只考虑鼠标可以移动时鼠标的移动事件
    if (true == m_IsReadyToMove)
    {
        利用当前鼠标位置和初始记录的位置来修改矩形的每个顶点； // 做到图随鼠标动的效果
    }
}

// 鼠标左键弹起事件
void OnLButtonUp(弹起的坐标点point)
{   
    if (可以移动)
    {
        修改画笔颜色为黑色;
        清空移动信息;
    }
    恢复鼠标样式;
    m_IsReadyToMove = false;   // 标记一下此时不可以移动了
}

4. 手把手开始做框架

1.新建项目

2.基本设置

• 单文档、MFC标准、静态库，然后点“完成”

3.添加类变量

• 找到类视图
• 右键CRectangleMoveView
• 单击Add Member Variable…

• 依次添加以下类变量

bool m_IsReadyToMove; // 是否可以开始移动
CPoint p1; // 移动矩形的时候会用到
CPen * m_CurrentPen; // 指向当前画笔，初始化指向黑色画笔
CPoint m_Points[4]; // 保存矩形的四个顶点

4.添加自定义消息处理函数

• **在CRectangleMove类上右键

• 依次添加下列消息处理函数

WM_LBUTTONDOWN
WM_MOUSEMOVE
WM_LBUTTONUP

• 完成时应该是这样的：

至此，我们已经完成了基础的“框架”
接下来就是代码部分了
按照我们的伪代码思路，一步一步来

5.一步步写代码

• 1.在CRectangleMoveView.cpp里定义三种不同颜色的画笔

CPen BlackPen(BS_SOLID, 1, RGB(0, 0, 0));
// PS_DASH 是虚线钢笔
CPen RedPen(PS_DASH , 1, RGB(255, 0, 0));

• 2.在CRectangleMoveView.cpp开头定义一个用于坐标转换的宏

#define Trans(p1, rect) CPoint(long((p1.x+0.5)/1) - rect.Width()/2, long((p1.y+0.5)/1) - rect.Height()/2)

• 3.在CRectangleMoveView类构造函数里对类变量赋值

//初始不可以移动
m_IsReadyToMove = false;
p1 = 0;
m_Points[0] = CPoint(121, 100);
m_Points[1] = CPoint(367, 100);
m_Points[2] = CPoint(367, 245);
m_Points[3] = CPoint(121, 245);
//初始指向黑色画笔
m_CurrentPen = &BlackPen; 

• 4.在OnDraw函数里

void CRectangleMoveView::OnDraw(CDC* pDC)
{
    CRectangleMoveDoc* pDoc = GetDocument(); 
    ASSERT_VALID(pDoc);
    if (!pDoc)
        return;

    // TODO: 在此处为本机数据添加绘制代码

    CRect rect;
    GetClientRect(&rect);
    pDC->SetWindowExt(rect.Width(), rect.Height());
    pDC->SetViewportExt(rect.Width(), -rect.Height());
    pDC->SetViewportOrg(rect.Width() / 2, rect.Height() / 2);

    CDC memDC;  // 声明内存DC
    CBitmap NewBitmap, *pOldBitmap;
    memDC.CreateCompatibleDC(pDC);  // 创建一个与显示DC兼容的内存DC 
    NewBitmap.CreateCompatibleBitmap(pDC, rect.Width(), rect.Height());     // 创建兼容内存位图 
    pOldBitmap = memDC.SelectObject(&NewBitmap);    // 将兼容位图选入内存DC
    memDC.FillSolidRect(rect, pDC->GetBkColor());   // 按原来背景色填充客户区，否则是黑色
    rect.OffsetRect(-rect.Width() / 2, -rect.Height() / 2);
    memDC.SetWindowExt(rect.Width(), rect.Height());
    memDC.SetViewportExt(rect.Width(), -rect.Height());
    memDC.SetViewportOrg(rect.Width() / 2, rect.Height() / 2);
    memDC.SetROP2(R2_COPYPEN); // 设置绘图方式

    DrawObject(&memDC, rect);  // 画矩形的代码在这一个函数里

    // 将内存DC中的位图拷贝到设备DC
    pDC->BitBlt(rect.left, rect.top, rect.Width(), rect.Height(), &memDC, -rect.Width() / 2, -rect.Height() / 2, SRCCOPY); 
    memDC.SelectObject(pOldBitmap);
}

• DrawObject函数的声明与定义

// 在CRectangleMoveView.h里CRectangleMoveView类内部public部分声明
void CRectangleMoveView::DrawObject(CDC* pDC, const CRect& rect);

// 在CRectangleMoveView.cpp里实现
void CRectangleMoveView::DrawObject(CDC* pDC, const CRect& rect)
{
    int i = 0;
    CPen * oldPen = pDC->SelectObject(m_CurrentPen);

    // 画出矩形
    pDC->Rectangle(CRect(Trans(m_Points[0], rect), Trans(m_Points[2], rect)));

    pDC->SelectObject(oldPen);
}

至此，我们可以编译运行看一下矩形效果图了

• 5.在OnLButtonDown函数里

void CRectangleMoveView::OnLButtonDown(UINT nFlags, CPoint point)
{
    // TODO: 在此添加消息处理程序代码和/或调用默认值
    m_IsReadyToMove = false;   // 初始标记一下不能移动
    if (m_Points[0].x <= point.x && point.x <= m_Points[2].x &&
        m_Points[0].y <= point.y && point.y <= m_Points[2].y)
    {
        p1 = point;
        m_IsReadyToMove = true; // 标记一下可以移动了
        m_CurrentPen = &RedPen;

        SetCapture();           // 设置鼠标捕获   
        SetCursor(LoadCursor(NULL, IDC_SIZEALL)); // 设置光标为八个方向
    }
    // 触发OnDraw函数，动态效果
    Invalidate(FALSE);
    CView::OnLButtonDown(nFlags, point);
}

• 6.在OnOnMouseMove函数里

void CRectangleMoveView::OnMouseMove(UINT nFlags, CPoint point)
{
    // TODO: 在此添加消息处理程序代码和/或调用默认值
    // 我们只考虑鼠标可以移动时鼠标的移动事件
    if (true == m_IsReadyToMove)
    {
        SetCursor(LoadCursor(NULL, IDC_SIZEALL)); // 设置光标为八个方向   
        // 利用当前鼠标位置和初始记录的位置来修改矩形的每个顶点，做到图随鼠标动的效果
        for (int i = 0; i < 4; i++)
        {
            m_Points[i] += point - p1;
        }
        p1 = point;
    }
    // 触发OnDraw函数，动态效果
    Invalidate(FALSE);
    CView::OnMouseMove(nFlags, point);
}

• 7.在OnLButtonUp函数里

void CRectangleMoveView::OnLButtonUp(UINT nFlags, CPoint point)
{
    // TODO: 在此添加消息处理程序代码和/或调用默认值
    // 如果可以移动
    if (true == m_IsReadyToMove)
    {
        m_CurrentPen = &BlackPen;   // 修改画笔颜色为黑色
        p1 = NULL;      // 清空移动信息
    }
    ReleaseCapture(); // 释放鼠标捕获
    m_IsReadyToMove = false;   // 标记一下此时不可以移动了
    // 触发OnDraw函数，动态效果
    Invalidate(FALSE);
    CView::OnLButtonUp(nFlags, point);
}

6.总结

• 本人能力有限，希望这篇文章能帮到你