Windows SDK学习之窗口绘画(1)画笔+贝塞尔曲线

分辨率:屏幕上宽乘高有多少个像素点
API:SetPixel(绘制一个像素点为指定的颜色)
SetPixel(更快速)
hdc:设备环境句柄
X:设置的像素点的X轴坐标,按逻辑单位表示坐标
y:指定的像素点Y的坐标
crColor:指定像素点的颜色,使用RGB宏创建COLORREF的颜色
在这里插入图片描述
SetPixel:(比SetPixel函数快)
GetPixel:(获得一个像素点的颜色)
示例,绘制一条直线(直接在WM_PAINT中利用for循环以点绘线)

GetClientRect(hwnd, &rect);
	for(int i = rect.left;i<=rect.right;i++)
   SetPixel(hdc, i, 100, RGB(255, 0, 0));

结果
在这里插入图片描述

绘制直线:

API:
MoveToEx(将当前绘图位置移动到某个具体的点,同时也可以获得之前位置的坐标)
LineTo:指定直线的终点
hdc:指定设备环境句柄
nXEnd:线段终点X坐标位置,这个点不会画出来
nYEnd:线段终点Y坐标位置

GetCurrentPositionEx(获得当前位置的坐标)
练习:在客户区中绘制一个网格,要求线与线之间的距离为50个像素。

//画竖线
for (int x = 0; x < rect.right; x += 50)
{
MoveToEx(hdc, x, 0, NULL);
LineTo(hdc, x, rect.bottom);
}
//画横线
for (int y = 0; y < rect.bottom; y += 50)
{
MoveToEx(hdc, 0, y, NULL);
LineTo(hdc, rect.right,y);
}
结果
在这里插入图片描述

绘制折线

相关API:
Polyline,不会影响点的位置
hdc:设备环境句柄
lppt:指向POINT结构数组的指针(折线的顶点)
cPoints:lppt参数指向的数组中顶点(POINT结构)的个数
Polylineto:会从当前位置连线到第一个点
Polypolyline:
案例:在五点绘制五角星(30,10)(20,50)(50,20)(40,50)(50,10)

 POINT apt[] = { 50,10,20,50,50,20,10,20,40,50,50,10 };
Polyline(hdc, apt, 6);

绘制sin函数
利用1000个折线绘制,要把求得的y值显示在整个客户区内.正弦函数y值的取值范围是-1-1,而我们的客户区是木有负数的范围,而且数学函数原点的位置很客户区原点的位置不同,导致直按显示到客户区上的图像会倒过来。
所以我们应该做- -些转化:1-sin(TWOPI °i/NUM)使得函数图像倒过来,并且y值的歌值范围变成了1-2,所以这里我们再乘上cyClient/2即可完美显示!

#include<math.h>
#define TWOPI (2*3.14159)
static int cxClient, cyClient;
	POINT apt[1000];
case WM_SIZE:
	cxClient = LOWORD(lParam);
	cyClient = HIWORD(lParam);
MoveToEx(hdc, 0, cyClient / 2, NULL);
LineTo(hdc, cxClient, cyClient / 2);
for (int i = 0; i < 1000; i++)
{
	apt[i].x = i*cxClient /1000;
	apt[i].y = (int)(cyClient/2*( 1 - sin(TWOPI*i / 1000)));
}
Polyline(hdc, apt, 1000);

结果在这里插入图片描述

贝塞尔曲线

在这里插入图片描述
需要的API函数:
PolyBezier:
hdc:设备环境句柄
lppt:y一个指向POINT结构的数组包含端点和控制点的坐标。
cPoint:指明指向数组中点的个数
POlyBezierTo:初始位置变化
案例:在基础的贝赛尔曲线的基础上要求互动格局,根据用户左键点击修改第一个控点的位置;根据右键点击修改第二个控件位置,当用户释放鼠标的时候,将新的贝塞尔曲线绘制出来。
具体实现:

static int cxClient, cyClient;
static POINT apt[4];
case WM_SIZE:
	cxClient = LOWORD(lParam);
	cyClient = HIWORD(lParam);
	apt[0].x = cxClient / 4;
	apt[0].y = cyClient / 2;
	apt[1].x = cxClient / 2;
	apt[1].y = cyClient / 4;
	apt[2].x = cxClient / 2;
	apt[2].y = cyClient * 3 / 4;
	apt[3].x = cxClient * 3 / 4;
	apt[3].y = cyClient / 2;
	return 0;
case WM_LBUTTONDOWN:
	hdc = GetDC(hwnd);
	SelectObject(hdc, GetStockObject(WHITE_PEN));
	PolyBezier(hdc, apt, 4);
	apt[1].x = LOWORD(lParam);
	apt[1].y = HIWORD(lParam);
	SelectObject(hdc, GetStockObject(BLACK_PEN));
	PolyBezier(hdc, apt, 4);
	return 0;
case WM_RBUTTONDOWN:
	hdc = GetDC(hwnd);
	SelectObject(hdc, GetStockObject(WHITE_PEN));
	PolyBezier(hdc, apt, 4);
	apt[1].x = LOWORD(lParam);
	apt[1].y = HIWORD(lParam);
	SelectObject(hdc, GetStockObject(BLACK_PEN));
	PolyBezier(hdc, apt, 4);
	return 0;
case WM_PAINT:
	hdc = BeginPaint(hwnd, &ps);
	PolyBezier(hdc, apt, 4);
	EndPaint(hwnd, &ps);
	return 0;

在这里插入图片描述
点击后
在这里插入图片描述

边框绘制函数

Rectangle:绘制矩形(提供左上与右下坐标)填充内部为白色
Ellipse:绘制椭圆形(提供矩形坐标,生成内切椭圆)
RoundRect:圆角矩形(提供矩形坐标,以及椭圆限定的长宽)
Arc:绘制弧形,()唯一不会自动填充的
在这里插入图片描述
Chord:将弧的两个端点连接成弦,和弧构成封闭区域
在这里插入图片描述
Pie:将弧的端点与弦的中心点连接在一起形成上行封闭区域
在这里插入图片描述
案例:绘制下图图案
在这里插入图片描述
代码:


case WM_PAINT:
		hdc = BeginPaint(hwnd, &ps);
		Rectangle(hdc, cxClient / 8, cyClient / 8, 7 * cxClient / 8, 7 * cyClient / 8);
		MoveToEx(hdc, 0, 0, NULL);
		LineTo(hdc, cxClient, cyClient);
		MoveToEx(hdc, 0, cyClient, NULL);
		LineTo(hdc, cxClient, 0);
		Ellipse(hdc, cxClient / 8, cyClient / 8, 7 * cxClient / 8, 7 * cyClient / 8);
		RoundRect(hdc, cxClient / 4, cxClient / 4, 3 * cxClient / 4, 3 * cyClient / 4, cxClient / 4, cyClient / 4);
	/*	Rectangle(hdc, 100, 100, 300, 200);
		Ellipse(hdc, 300, 100, 400, 200);
	    Pie(hdc,100, 300, 500, 500, 500, 500, 50, 500);*/
	//	PolyBezier(hdc, apt, 4);
		//MoveToEx(hdc, 0, cyClient / 2, NULL);
		//LineTo(hdc, cxClient, cyClient / 2);
		//for (int i = 0; i < 1000; i++)
		//{
		//	apt[i].x = i*cxClient /1000;
		//	apt[i].y = (int)(cyClient/2*( 1 - sin(TWOPI*i / 1000)));
		//}
		//Polyline(hdc, apt, 1000);
		GetClientRect(hwnd, &rect);
		//Polyline(hdc, apt, 6);
		//PolyPolyline(hdc, apt1, asz, 3);
		画竖线
		//for (int x = 0; x < rect.right; x += 50)
		//{
		//	MoveToEx(hdc, x, 0, NULL);
		//	LineTo(hdc, x, rect.bottom);
		//}
		画横线
		//for (int y = 0; y < rect.bottom; y += 50)
		//{
		//	MoveToEx(hdc, 0, y, NULL);
		//	LineTo(hdc, rect.right,y);
		//}
		EndPaint(hwnd, &ps);
		return 0;

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值