📄 chap08.htm
字号:
<HTML><HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><META NAME="Generator" CONTENT="Microsoft Word 97"><TITLE> </TITLE><META NAME="Template" CONTENT="C:\MSOffice\Template\jjhou.dot"></HEAD><BODY><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P>第</FONT><FONT SIZE=2>XX</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>章</FONT><FONT SIZE=2> </FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>图形程式设计基本观念</P><P> </P></FONT><FONT SIZE=2><P>XX-0	</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>前言</P><P> </P><P>由於</FONT><FONT SIZE=2>Windows</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>是一个图形界面的作业系统，所以传统的</FONT><FONT SIZE=2>Windows</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>程式设计方法在处理有关图形设计时，多半是遵循自着</FONT><FONT SIZE=2>Windows</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>诞生以来的方法，透过所谓的</FONT><FONT SIZE=2>GDI </FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>（</FONT><FONT SIZE=2>Graphics Device Interface</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>）来实作图形的绘制。</FONT><FONT SIZE=2>GDI</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>式的绘图法对於早期曾经在</FONT><FONT SIZE=2>Dos</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>下自行撰写绘图模组的程式设计师来说，虽然节省了不少</FONT><FONT SIZE=2> <</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>重新发明轮子</FONT><FONT SIZE=2>> </FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>的麻烦，但是相对地也带来另外一种程式设计的思维模式转变，相信曾经经历过这段过程的人都馀悸犹存。</P><P> </P><P>对於完全没有任何程式经验的初学者来说，庞大复杂的</FONT><FONT SIZE=2>GDI</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>绘图系统更是一个难以跨越的学习障疑。</P><P> </P><P>在</FONT><FONT SIZE=2>Windows</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>中难道没有一个简易可行的绘图方法吗？有的，本章要为你介绍的</FONT><FONT SIZE=2>C++ Builder</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>绘图系统，就提供了一个高度抽象化的绘图模组，让你可以用非常直观的方式来实作出</FONT><FONT SIZE=2>Windows</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>下的绘图功能。</P><P> </P></FONT><FONT SIZE=2><P>XX-01	C++ Builder</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>的神奇画布</FONT><FONT SIZE=2> (Canvas)</P><P> </P></FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P>在</FONT><FONT SIZE=2>C++ Builder</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>中提供了一种称为</FONT><FONT SIZE=2>Canvas</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>的性质</FONT><FONT SIZE=2> </FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>（</FONT><FONT SIZE=2>Property</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>），在仔细观察後你会发现，几乎所有的视觉化元件都包含这个性质，它就是</FONT><FONT SIZE=2>C++ Builder</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>为程式设计师所提供的神奇画布。</P><P> </P></FONT><FONT SIZE=2><P>Canvas</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>包含了许多和绘图有关的性质，如</FONT><FONT SIZE=2>Pen</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>、</FONT><FONT SIZE=2>Brush</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>、</FONT><FONT SIZE=2>Pixels</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>、</FONT><FONT SIZE=2>Font</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>等；另外也包含了各种绘图的函式，如</FONT><FONT SIZE=2>LineTo</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>、</FONT><FONT SIZE=2>Rectangle</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>、</FONT><FONT SIZE=2>MoveTo</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>、</FONT><FONT SIZE=2>Polygon</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>等等。在本单元中，我会一一为你介绍这些性质及工具的用法，相信在领略了</FONT><FONT SIZE=2>C++ Builder</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>的直觉式绘图法後，你再也不会为它所困扰。</P><P> </P><P>对於</FONT><FONT SIZE=2>Canvas</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>，</FONT><FONT SIZE=2>Pen</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>，</FONT><FONT SIZE=2>Brush</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>等</FONT><FONT SIZE=2>C++ Builder</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>的关键字，往後我会采取直接使用原文而不翻译的方式，这是因为原文非常简洁，译成中文反而饶舌，有画蛇添足之虞。当然，在某些时候，使用中文可以使文意较为流畅时，我还不会择其善者而用之。</P><P> </P></FONT><FONT SIZE=2><P>XX-02	C++ Builder</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>的直觉绘图法</P><P> </P><P>在进入主题前，我先以几个范例来说明</FONT><FONT SIZE=2>C++ Builder</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>绘图法的优点。如果你曾经尝试过传统</FONT><FONT SIZE=2>Windows</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>的绘图法，大概已经感受了它的不友善及繁杂，这时你也许会想：只是画条线而已嘛，为什麽还要搞什麽</FONT><FONT SIZE=2>DC</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>、</FONT><FONT SIZE=2>GDI Object</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>等等又 又长的叙述。</P><P> </P><P>你说得没错！虽然庞大的</FONT><FONT SIZE=2>GDI</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>绘图系统具备通天彻地的完整</FONT><FONT SIZE=2>Windows</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>绘图功能，可是也许大部份的人要求的并不多，只是希望可以在</FONT><FONT SIZE=2>Windows</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>下画出自已心中理想的图而已。</P><P> </P><P>以下我以几个绘图范例来说明</FONT><FONT SIZE=2>C++ Builder</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>的绘图法。</P><P> </P><P>简易绘图范例</FONT><FONT SIZE=2>XX-01</P><P> </P></FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P>范例一的输出</P><P><IMG SRC="Image1.gif" WIDTH=458 HEIGHT=344></P><P>图</FONT><FONT SIZE=2>XX-01</P><P> </P></FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P>这个程式很简单，只是重复地画出几个图形，如此就组成了一个美丽且和谐的图形。我们来看看其关键性的绘图部份：</P><P>其中</FONT><FONT SIZE=2>Ellipse</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>为一个画椭圆的绘图函式。</P><P> </P></FONT><FONT SIZE=1><P>void __fastcall Ellipse(int X1, int Y1, int X2, int Y2);</P></FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1><P>函式说明</FONT><FONT SIZE=1>:</P></FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1><P>利用</FONT><FONT SIZE=1>Ellipse</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>可在</FONT><FONT SIZE=1>Canvas</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>上画出圆形或椭圆形</FONT><FONT SIZE=1>. </FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>其环绕矩形的左上角为座标为</FONT><FONT SIZE=1> (X1, Y1) </FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>而右下角坐标为</FONT><FONT SIZE=1> (X2, Y2). </FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>若是该矩形为正方形，则所绘之图形为圆形。</FONT><FONT SIZE=1>.</P></FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1><P>当此椭圆形绘制时，使用</FONT><FONT SIZE=1>Pen</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>的值画出其外框，而使用</FONT><FONT SIZE=1>Brush</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>值填满其内部。</P><P>注</FONT><FONT SIZE=1>: </FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>在</FONT><FONT SIZE=1>Windows 95</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>下</FONT><FONT SIZE=1>X1+X2,Y1+Y2</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>及</FONT><FONT SIZE=1>X1+X2+Y1+Y2</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>的值皆不可超过</FONT><FONT SIZE=1> 32768</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>。</P></FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P> </P></FONT><FONT SIZE=2><P>void __fastcall TForm1::FormPaint(TObject *Sender)</P><P>{</P><P> double AL,x1,y1,x2,y2;</P><P> int L=120;</P><P> for (int i=0; i<48; i++)</P><P> {</P><P> 	 AL = i*M_PI/24;</P><P> x1 = L*cos(AL);</P><P> y1 = L*sin(AL);</P><P>	 x2 = x1+320;</P><P> y2 = -y1+240;</P><P> Canvas->Ellipse(x2-90,y2-90,x2+90,y2+90);</P><P> }</P><P>}</P><P> </P></FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P>怎麽样？简单吧！这个程式只是做一些简单的数学运算，然後以视窗中心为准，画出</FONT><FONT SIZE=2>48</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>个图形而已。我在这个程式中没有用到任何的软体元件，只是以表格</FONT><FONT SIZE=2> </FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>（</FONT><FONT SIZE=2>Form</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>）做为显示的基台，由於表格中亦包含了</FONT><FONT SIZE=2>Canvas</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>性质，因此表示我们可以在上绘图。同时为了绘图的方便，我将表格的背景色调为黑色，并将适当地调整画笔的颜色及视窗的大小：</P><P> </P></FONT><FONT SIZE=2><P>void __fastcall TForm1::FormCreate(TObject *Sender)</P><P>{</P><P>	Width = 640;</P><P> Height = 480;</P><P> Canvas->Pen->Color = clTeal;</P><P> Canvas->Brush->Style = bsClear;</P><P>}</P><P> </P></FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P>基本上以上的调整都可以用二种方式来达成，一种是在属性编辑器，另一种则是在程式执行时动态改变，上面的程式码就是在改变视窗的宽度及高度，并设定画笔及笔刷，我将画笔颜色设为</FONT><FONT SIZE=2>clTeal</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>并将笔刷型式设为</FONT><FONT SIZE=2>bsClear,</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>以避免填色的动作，画笔及笔刷的动作在後续单元中会详细介绍，在此你只要大略了解其动作即可。</P><P> </P><P>程式输出时，其背景为黑色是因为我在属性编辑器设定了黑色的背景值</P><P> </P><P>简易绘图范例</FONT><FONT SIZE=2>XX-02</P><P> </P></FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P>范例二的输出</P><P> </P><P><IMG SRC="Image2.gif" WIDTH=458 HEIGHT=344></P><P>图</FONT><FONT SIZE=2>XX-02</P><P> </P></FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P>这个范例使用了画线的函式来画出图形，同样地我们来看看其关键的函式</FONT><FONT SIZE=2>LineTo</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>及</FONT><FONT SIZE=2>MoveTo</FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2>：</P><P> </P></FONT><FONT SIZE=1><P>void __fastcall LineTo(int X, int Y);</P></FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1><P>函式说明</P></FONT><FONT SIZE=1><P>LineTo</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>函式由画笔位置画一条至</FONT><FONT SIZE=1> (X,Y)</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>点的直线，此直线不包含</FONT><FONT SIZE=1>(X,Y)</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>点，同时将画笔位置移至</FONT><FONT SIZE=1> (X,Y)</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>。此函式通常必须配合</FONT><FONT SIZE=1>MoveTo</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>来移动画笔位置。</P><P>此直线使用</FONT><FONT SIZE=1>Pen</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>来绘制。</P><P> </P></FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P> </P></FONT><FONT SIZE=1><P>void __fastcall MoveTo(int X, int Y);</P></FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1><P>函式说明</P></FONT><FONT SIZE=1><P>MoveTo</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>是用以在呼叫</FONT><FONT SIZE=1>LineTo</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>前设定画笔位址值。呼叫此函式和直接设定</FONT><FONT SIZE=1>PenPos</FONT><FONT FACE="华康细圆体,细明体" LANG="ZH-TW" SIZE=1>属性的效果相同。</P></FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P> </P><P> </P></FONT><FONT SIZE=2><P>void __fastcall TForm1::FormPaint(TObject *Sender)</P></FONT><FONT FACE="新细明体" LANG="ZH-TW" SIZE=2><P>{</P></FONT><FONT SIZE=2><P> double A,x1,y1,x2,y2;</P><P> int D=150,E=50;</P><P> double L,M,O,P;</P>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -