📄 vc_net的gdi+编程入门教程之图形.htm
字号:
align=center vspace=1
border=1></TD></TR></TBODY></TABLE><BR>图十一、代码运行效果图</DIV></TD></TR></TBODY></TABLE><BR> <B>二、饼图</B><BR><BR> 饼图是用一个起始角度和终止角度定位的椭圆的一部分，示意图如下：<BR><BR>
<TABLE width="90%" align=center border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IMG
onerror="this.src='http://photocdn.sohu.com/20050420/Img240012875.gif';"
hspace=3
src="VC_NET的GDI+编程入门教程之图形.files/Img240012875.gif"
align=center vspace=1
border=1></TD></TR></TBODY></TABLE><BR>图十二、饼图示意图</DIV></TD></TR></TBODY></TABLE><BR> 为了画一个饼图，可以用Graphics::DrawPie()方法，它有下列的几个版本：<BR><BR>
<TABLE borderColor=#ffcc66 width="90%" align=center bgColor=#dadacf
border=1>
<TBODY>
<TR>
<TD>public: void DrawPie(Pen *pen, Rectangle rect,float
startAngle,float sweepAngle);<BR>public: void DrawPie(Pen
*pen, RectangleF rect, float startAngle,float
sweepAngle);<BR>public: void DrawPie(Pen *pen,int x,int y,int
width,int height, int startAngle, int sweepAngle);<BR>public:
void DrawPie(Pen *pen, float x, float y, float width, float
height, float startAngle, float
sweepAngle);</TD></TR></TBODY></TABLE><BR> 饼图是基于椭圆的，椭圆所外接的矩形将作为rect参数传递，矩形也可以用定位点和尺寸来定义。
<BR><BR> 对于所要绘制的椭圆的外接矩形中，可以设定一个起始角度，这个角度是按照顺时针方向从0度开始计算的（就象一个模拟钟一样）。这意味着90度在6点钟方向而不是在12点钟方向。这个开始的角度作为startAngle参数来传递。<BR><BR> 定义过起始角度后，还要定义饼图所覆盖的角度，这也是按照顺时针计算的。这个值使用sweepAngle参数来传递。<BR><BR> 下面有个例子：<BR><BR>
<TABLE borderColor=#ffcc66 width="90%" align=center bgColor=#dadacf
border=1>
<TBODY>
<TR>
<TD>private: System::Void Form1_Paint(System::Object * sender,
<BR>System::Windows::Forms::PaintEventArgs * e)<BR>{<BR> Pen
*penCurrent = new
Pen(Color::Red);<BR> e->Graphics->DrawPie(penCurrent,
20, 20, 200, 100, 45,
255);<BR>}</TD></TR></TBODY></TABLE><BR> 代码运行效果如下：<BR><BR>
<TABLE width="90%" align=center border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IMG
onerror="this.src='http://photocdn.sohu.com/20050420/Img240012877.gif';"
hspace=3
src="VC_NET的GDI+编程入门教程之图形.files/Img240012877.gif"
align=center vspace=1
border=1></TD></TR></TBODY></TABLE><BR>图十三、饼图效果</DIV></TD></TR></TBODY></TABLE></SPAN><SPAN
class=f14><FONT
size=3> <B>三、弧线</B><BR><BR> 弧线是椭圆的一部分，这意味着弧线是一个非封闭的椭圆。尽管饼图是一个封闭的图形，但弧线不是。它仅仅是定义椭圆的边线部分。因为弧线必须与椭圆一致，它被定义为适应外接矩形，这可以用下图来说明：<BR><BR></FONT>
<TABLE width="90%" align=center border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IMG
onerror="this.src='http://photocdn.sohu.com/20050420/Img240012879.gif';"
hspace=3
src="VC_NET的GDI+编程入门教程之图形.files/Img240012879.gif"
align=center vspace=1
border=1></TD></TR></TBODY></TABLE><BR>图十四、弧线示意图</DIV></TD></TR></TBODY></TABLE><BR> 为了支持弧线，Graphics
类提供了DrawArc()方法，这个方法定义了四个版本：<BR><BR>
<TABLE borderColor=#ffcc66 width="90%" align=center bgColor=#dadacf
border=1>
<TBODY>
<TR>
<TD>public: void DrawArc(Pen *pen, Rectangle rect, float
startAngle, float sweepAngle); <BR>public: void DrawArc(Pen
*pen, RectangleF rect, float startAngle, float
sweepAngle);<BR>public: void DrawArc(Pen *pen, int x, int y,
int width, int height, int startAngle, int
sweepAngle);<BR>public: void DrawArc(Pen *pen, float x, float
y, float width, float height, float startAngle, float
sweepAngle);</TD></TR></TBODY></TABLE><BR> 含有弧线的椭圆必须在Rectangle或
RectangleF矩形内进行绘制，也可以用外接矩形的坐标、尺寸来定义椭圆，弧线必须与外接矩形相匹配外，还必须定义起始角度（起始点与X轴的顺时针角度）。弧线还要定义从起始点顺时针所扫过的角度，这两个值与Graphics::Pie()方法中的值含义一样
，下面是例子代码：<BR><BR>
<TABLE borderColor=#ffcc66 width="90%" align=center bgColor=#dadacf
border=1>
<TBODY>
<TR>
<TD>private: System::Void Form1_Paint(System::Object * sender,
<BR>System::Windows::Forms::PaintEventArgs * e)<BR>{<BR> Pen
*penCurrent = new
Pen(Color::Red);<BR> e->Graphics->DrawArc(penCurrent,
20, 20, 200, 150, 225, 200);<BR>}</TD></TR></TBODY></TABLE><BR>
<TABLE width="90%" align=center border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IMG
onerror="this.src='http://photocdn.sohu.com/20050420/Img240012881.gif';"
hspace=3
src="VC_NET的GDI+编程入门教程之图形.files/Img240012881.gif"
align=center vspace=1
border=1></TD></TR></TBODY></TABLE><BR>图十五、程序效果图
</DIV></TD></TR></TBODY></TABLE>
<P></SPAN> </P>
<P><SPAN class=f14><FONT size=3> <B><FONT
color=#990000>基于曲线的图形</FONT></B><BR><BR> <B>一、曲线</B><BR><BR> 曲线是连接两点或多点的线条，如果仅仅涉及两个点，线条将把它们连接在一起，但这个线条不是直的。如果有三个点A、B、C，这条线将从A点开始，穿过B点，结束于C点。如果多于三个点，这条线将起始与第一个点，依次穿过中间的若干点，结束于最后的点。曲线中的点不必排成一条直线，实际上，绘制曲线的整体思想是用非直的线条连接不在一条直线上的点，下图的C
1、C2、Ｃ3可以说明这一点：<BR><BR></P></FONT>
<P>
<TABLE width="90%" align=center border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IMG
onerror="this.src='http://photocdn.sohu.com/20050420/Img240012883.gif';"
hspace=3
src="VC_NET的GDI+编程入门教程之图形.files/Img240012883.gif"
align=center vspace=1
border=1></TD></TR></TBODY></TABLE><BR>图十六、曲线示意图</DIV></TD></TR></TBODY></TABLE></P>
<P><BR> 曲线C1包括两个点，曲线C2包括3个点，曲线C3包括4个点。<BR><BR> 两点间的部分称为线段。这也意味着曲线可以由包含的线段的个数来进行区分。如果一个曲线仅仅由两个点构成，这意味着它只有一个线段，连接着第一、第二个点，如果一个曲线包括三个点，它有两个线段，第一个线段跨越第一、第二个点，第二个线段跨越第二、第三个点。综上所述，曲线的线段数等于点数减去一。<BR><BR> GDI+中使用Graphics::DrawCurve()方法画曲线，在画一个曲线时，必须说明所涉及到的点数，这意味着首先要声明一个Point
或PointF数组，正是考虑到这一点，Graphics类定义的DrawCurve()的方法如下：<BR><BR></P>
<P>
<TABLE borderColor=#ffcc66 width="90%" align=center bgColor=#dadacf
border=1>
<TBODY>
<TR>
<TD>public: void DrawCurve(Pen *pen, Point
points[]);<BR>public: void DrawCurve(Pen *pen, PointF
points[]);</TD></TR></TBODY></TABLE></P>
<P><BR> 这个版本的方法使用了Point 或
PointF值作为参数，数组的成员数由你规定，这里有一个例子使用四个点来绘制一个含有三个线段的曲线：<BR><BR></P>
<P>
<TABLE borderColor=#ffcc66 width="90%" align=center bgColor=#dadacf
border=1>
<TBODY>
<TR>
<TD>private: System::Void Form1_Paint(System::Object * sender,
<BR>System::Windows::Forms::PaintEventArgs * e)<BR>{<BR>Pen
*penCurrent = new Pen(Color::Blue);<BR>Point pt[] = { Point(
40, 42), Point(188, 246),<BR>Point(484, 192), Point(350, 48)
};<BR>e->Graphics->DrawCurve(penCurrent,
pt);<BR>}</TD></TR></TBODY></TABLE></P>
<P><BR> 它的效果图如下所示：<BR><BR></P>
<P>
<TABLE width="90%" align=center border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IMG
onerror="this.src='http://photocdn.sohu.com/20050420/Img240012885.gif';"
hspace=3
src="VC_NET的GDI+编程入门教程之图形.files/Img240012885.gif"
align=center vspace=1
border=1></TD></TR></TBODY></TABLE><BR>图十七、曲线效果图</DIV></TD></TR></TBODY></TABLE></P>
<P><BR> 正如你所见到的，当画一个曲线时，一个弯曲的线条穿越起始点和终点之间的中间点，为了使线条是非直的，编译器使用一个称为张力的值来弯曲线条，这个张力值可以通过定义弯曲系数的形式来修改，为了这么做，使用下列版本的DrawCurve()方法：<BR><BR></P>
<P>
<TABLE borderColor=#ffcc66 width="90%" align=center bgColor=#dadacf
border=1>
<TBODY>
<TR>
<TD>public: void DrawCurve(Pen *pen, Point points[], float
tension);<BR>public: void DrawCurve(Pen *pen, PointF points[],
float tension);</TD></TR></TBODY></TABLE></P>
<P><BR> 弯曲程度由张力参数决定，它可以是大于等于0.00的十进制数，如果该值等于0.00，将画一个直线。下面是一个例子：<BR><BR></P>
<P>
<TABLE borderColor=#ffcc66 width="90%" align=center bgColor=#dadacf
border=1>
<TBODY>
<TR>
<TD>private: System::Void Form1_Paint(System::Object * sender,
<BR>System::Windows::Forms::PaintEventArgs * e)<BR>{<BR> Pen
*penCurrent = new Pen(Color::Blue);<BR> Point pt[] = {
Point(40, 42), Point(188, 246),Point(484, 192), Point(350, 48)
};<BR> e->Graphics->DrawCurve(penCurrent, pt,
0.00F);<BR>}</TD></TR></TBODY></TABLE></P>
<P><BR></P>
<P>
<TABLE width="90%" align=center border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IMG
onerror="this.src='http://photocdn.sohu.com/20050420/Img240012887.gif';"
hspace=3
src="VC_NET的GDI+编程入门教程之图形.files/Img240012887.gif"
align=center vspace=1
border=1></TD></TR></TBODY></TABLE><BR>图十八、代码运行效果图</DIV></TD></TR></TBODY></TABLE></P>
<P><BR> 这意味着，如果想画一个真正的曲线，或者是不传递张力参数，使用这个方法的第一个版本，或者是传递的张力的参数值大于0.00。这里有个例子：<BR><BR></P>
<P>
<TABLE borderColor=#ffcc66 width="90%" align=center bgColor=#dadacf
border=1>
<TBODY>
<TR>
<TD>private: System::Void Form1_Paint(System::Object * sender,
<BR>System::Windows::Forms::PaintEventArgs * e)<BR>{<BR> Pen
*penCurrent = new Pen(Color::Blue);<BR> Point pt[] = {
Point(40, 42), Point(188, 246),Point(484, 192), Point(350, 48)
};<BR> e->Graphics->DrawCurve(penCurrent, pt,
2.15F);<BR>}</TD></TR></TBODY></TABLE></P>
<P><BR> 这将产生如下效果：<BR><BR></P>
<P>
<TABLE width="90%" align=center border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IMG
onerror="this.src='http://photocdn.sohu.com/20050420/Img240012889.gif';"
hspace=3
src="VC_NET的GDI+编程入门教程之图形.files/Img240012889.gif"
align=center vspace=1
border=1></TD></TR></TBODY></TABLE><BR>图十九、代码运行效果图</DIV></TD></TR></TBODY></TABLE></P>
<P><BR> DrawCurve()方法的两个版本准许在开始的第一个点绘制曲线，下面的例子使用了5个点，产生了4个线段：<BR><BR></P>
<P>
<TABLE borderColor=#ffcc66 width="90%" align=center bgColor=#dadacf
border=1>
<TBODY>
<TR>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -