第017讲：窗口绘画：折线

小甲鱼

知识点回顾：


1. 绘制折线的几个函数

Polyline  ——  绘制一条折线

PolylineTo  ——  绘制一条折线（修改当前位置为折线结束位置）

PolyPolyline  ——  绘制多条折线


2. 绘制正弦函数：y = sinx



利用折线绘制“曲线”是编程中通用的做法，当折线的每两个点之间的距离非常小时，看上去就是一条曲线。

下边是绘制 y = sinx 的主要代码，重点部分做了注释：

1. #include <math.h>
   
2. // 因为是使用折线绘画，所以当折线的顶点数量非常多的时候，我们就可以看到一条近似完美的曲线了！
   
3. #define        NUM                1000                // 将 x 轴分成 1000 等份
   
4. #define        TWOPI        (2 * 3.14159)        // 一个周期等于 2π
   
5. ……
   
6. LRESULT CALLBACK WndProc(HWND hwnd, UINT message, WPARAM wParam, LPARAM lParam)
   
7. {
   
8.         HDC hdc;
   
9.         PAINTSTRUCT ps;
   
10.         static int cxClient, cyClient;
    
11.         POINT apt[NUM];        // 一千个点构成
    
12.         int i;
    
13. 
    
14.         switch (message)
    
15.         {
    
16.         /* 首先，我们需要让窗口在改变大小的时候，sin 函数的图形会跟着实时改变，所以我们这里需要响应 WM_SIZE 消息，
    
17.             lParam 的低 16 位是客户区的宽，高 16 位是客户区的高。
    
18.         */
    
19.         case WM_SIZE:
    
20.                 cxClient = LOWORD(lParam);
    
21.                 cyClient = HIWORD(lParam);
    
22.                 return 0;
    
23. 
    
24.         case WM_PAINT:
    
25.                 hdc = BeginPaint(hwnd, &ps);
    
26. 
    
27.                 // 先画一条 x 轴在客户区的 1/2 的位置
    
28.                 MoveToEx(hdc, 0, cyClient / 2, NULL);
    
29.                 LineTo(hdc, cxClient, cyClient / 2);
    
30. 
    
31.                 // 接着我们用一个循环，分别求出每个 x 对应的 y 值，然后把它画出来即可。
    
32.                 for (i = 0; i < NUM; i++)
    
33.                 {
    
34.                         // 将 x 分为 1000 等份，然后将每一份的 x 坐标计算出来。
    
35.                         apt[i].x = i * cxClient / NUM;
    
36. 
    
37.                         /* 直接调用 sin 函数计算 y 值：api[i].y = (int)(sin(x))
    
38.                             这里我们要显示一个周期（2π）:api[i].y = (int)(sin(TWOPI * i / NUM))
    
39.                             接下来是难点了：
    
40.                             要把求得的 y 值显示在整个客户区内，正弦函数 y 值的取值范围是 -1 ~ 1，
    
41.                             而我们的客户区是木有负数的范围，而且数学函数原点的位置跟客户区原点的位置不同，
    
42.                             导致直接显示到客户区上的图像会倒过来。
    
43.                             所以我们应该做一些转化：1 - sin(TWOPI * i / NUM)
    
44.                             使得函数图像倒过来，并且 y 值的取值范围变成了 0 ~ 2，
    
45.                             所以这里我们再乘上 cyClient / 2 即可完美显示！
    
46.                         */
    
47.                         apt[i].y = (int)(cyClient / 2 * (1 - sin(TWOPI * i / NUM)));
    
48.                 }
    
49. 
    
50.                 PolylineTo(hdc, apt, NUM);
    
51.                 EndPaint(hwnd, &ps);
    
52.                 return 0;
    
53. 
    
54.         case WM_DESTROY:
    
55.                 PostQuitMessage(0);
    
56.                 return 0;
    
57.         }
    
58. 
    
59.         return DefWindowProc(hwnd, message, wParam, lParam);
    
60. }
    

复制代码

scf

视频教程什么时候开更啊

scf

小甲鱼，这个代码的注释有误哦，y的取值范围是0-2，而不是1-2

Damn_it

小甲鱼为什么上面apt[i].y = (int)(cyClient / 2 *  (1 - (sin(TWOPI * i / NUM))));
要除以NUM呢?
根据Asin(wx +y) +b; T = 2pi / TWOPI = 1; 刚好一个周期,所以??????????????????????

谦虚求学

羽枫

想当年面试一家公司，问的这道题，不会。。。

拯救世界的同学

小甲鱼：在WndProc（）中定义静态变量，那么回调时不会出现重复开辟堆内存的问题么？