显示一个圆,并可以移动

简介: 显示一个圆,并可以移动

这个问题虽简单,却“五脏俱全”。


1,需求

a,显示圆

b,移动圆

2,概要设计

a,已知圆心和半径,显示圆

b,单击圆开始移动,再次单击结束移动

3,详细设计

a,如果一个点到圆心的距离等于(小于)半径,则在圆上(圆内)。

b,移动过程中以虚线显示。

4,编码

1,新建一个单文档程序Yuan。

2,CYuanView内增加三个变量:

CPoint  m_pt;//圆心

int  m_iR;//半径

BOOL m_bMove;//是不是在移动

3,构造函数中初始化。

CYuanView::CYuanView()
{
 m_pt = CPoint(60,60);
 m_iR = 50 ;
 m_bMove = FALSE ;
}

4,显示圆

void CYuanView::OnDraw(CDC* pDC)
{
 CPen pen(m_bMove?PS_DOT:PS_SOLID,1,RGB(0,0,0));
 pDC->SelectObject(&pen);
 pDC->Ellipse(m_pt.x-m_iR,m_pt.y-m_iR,m_pt.x+m_iR,m_pt.y+m_iR);
}

5,移动

#include "math.h"
int GetJuLi(const CPoint pt1,const CPoint pt2) //两点间的距离
{
 return sqrt((pt1.x-pt2.x)*(pt1.x-pt2.x) + (pt1.y-pt2.y)*(pt1.y-pt2.y));
}
void CYuanView::OnLButtonDown(UINT nFlags, CPoint point)
{ 
 CView::OnLButtonDown(nFlags, point);
 if( !m_bMove )
 {//开始移动
  if(GetJuLi(point,m_pt) <= m_iR)
  {
   m_pt = point;
   m_bMove = TRUE ;
  }
 }
 else
 {//结束移动
  m_pt = point;
  m_bMove = FALSE ;
  Invalidate();
 }
}

6,移动过程中

void CYuanView::OnMouseMove(UINT nFlags, CPoint point)
{
 CView::OnMouseMove(nFlags, point);
 if( m_bMove )
 {
  m_pt = point ;
  Invalidate();
 }
}

已知问题:

移动开始后无法取消。



源码:http://pan.baidu.com/share/link?shareid=574458&uk=4280148702


相关文章
|
6月前
两个坐标间画线
两个坐标间画线
31 3
|
算法 前端开发
圆和矩形是否有重叠
圆和矩形是否有重叠
86 0
|
6月前
|
API C++ 计算机视觉
【opencv3】鼠标框选矩形并显示当前像素点坐标和矩形中心点坐标C++
【opencv3】鼠标框选矩形并显示当前像素点坐标和矩形中心点坐标C++
|
4月前
|
前端开发
canvas系列教程02——圆、弧线、圆角矩形、曲线(气泡、心形、N叶草)、扇形
canvas系列教程02——圆、弧线、圆角矩形、曲线(气泡、心形、N叶草)、扇形
40 0
|
6月前
|
Python
绘制圆
【5月更文挑战第9天】绘制圆。
45 2
|
JavaScript
js获取屏幕上圆和椭圆的点坐标
js获取屏幕上圆和椭圆的点坐标
js获取屏幕上圆和椭圆的点坐标
|
机器学习/深度学习 存储 人工智能
391. 完美矩形
391. 完美矩形
69 0
|
前端开发 JavaScript 数据可视化
用Canvas实现简单画图(线、三角形、矩形、圆)
👋因为在B站看到一个小demo是基于canvas写的,非常喜欢,然后上掘金大数据又给我推了 《Canvas 从入门到劝朋友放弃(图解版)》,就像上手一下canvas,本来不想写笔记的,因为《Canvas 从入门到劝朋友放弃(图解版)》自己看了一下挺全的,但本着输入要有输出,所以就有了这篇文章
245 0
|
C++
201312-3 最大的矩形
201312-3 最大的矩形
52 0
201312-3 最大的矩形