c#画一个五角星,最重要的就是计算哪些坐标点出来,也是最难的一部分,这要涉及到一些数学方面的知识.对数学坐标知识不是很熟的人,如果想学画图,我建议多去看一下数学书,对我们写程序的人来说是没有什么坏处可言的.
想学习的朋友可以一起学习,我觉得分享学习是一种快乐,所以把自己的一些心得分享给大家,我本人也是走了很多的弯路,所以也不希望一些朋友做一些吃力不讨好的事.
废话不多说,先看一下效果图吧:
效果还可以吧,至少长得很像五角星,当然你也可以说不像,可能我的口味和你的不同,不过我们的目的都是一样的,就是怎么算这些坐标出来并且把他画出来.
好,现在我们开始来分析问题(在此之前,我建议不懂极坐标的朋友先看看极坐标方面的一些知识,因为算法的核心问题主要在这里.):
程序分析步骤:
1.画一个五角星,需要先确定五角星的十个点,有朋友可能问:"为什么是十个点而不是五个点呢?",这种问题希望没有学过c#的人都会知道,确定一个五角星需要十个点,多边形嘛!
2.如何获得我们所需要的十个点呢?反问自己,经常反问自己可以解决很多问题.要想确定十个点,你可以观察一下图形,或自己画一下,看一下图形的特点(中心对称图形),对于中心对称图形,就可以确定其中心点,其他所有的点都是围绕着这个中心点转的,我们可以根据三个条件来确定我们想要得到的点:
1.中心点
2.中心点到目标点的距离
3.目标点和X轴(水平距离)的夹角
现在我们可以写一个GetPoint的方法来获得目标点,代码如下:
/// <summary>
/// 获得五角星的各个点
/// </summary>
/// <param name="ptCenter">中心点坐标</param>
/// <param name="length">距离中心点的长度</param>
/// <param name="angle">和水平方向的夹角</param>
/// <returns></returns>
public PointF GetPoint(PointF ptCenter, double length, double angle)
{
return new PointF(
(float)(ptCenter.X + length * Math.Cos(angle)),
(float)(ptCenter.Y + length * Math.Sin(angle)));
}方法很简单,返回一个目标点,这个算是核心的一个方法,理解了这个方法,接下来的都迎刃而解.既然能够得到一个点当然也能够得到一系列的点,所以我们还可以写一个获得一系列点的方法GetPoints,代码如下:
/// <summary>
/// 返回一个坐标的数组
/// </summary>
/// <param name="ptCenter">中心点</param>
/// <param name="length">距离中心点的长度</param>
/// <param name="angles">两点之间的夹角</param>
/// <returns></returns>
public PointF[] GetPoints(PointF ptCenter, double length, params double[] angles)
{
PointF[] points = new PointF[angles.Length];
for (int i = 0; i < points.Length; i++)
{
points[i] = GetPoint(ptCenter,length,angles[i]);
}
return points;
}从我们的代码中可以看到一个角度的参数(double angle),所以我们就需要确定目标点和X轴(水平距离)的夹角,我们还是让代码来说话吧!
/// <summary>
/// 获得所有角度的数组
/// </summary>
/// <param name="startAngle">开始的角度</param>
/// <param name="pointed">个数</param>
/// <returns></returns>
public double[] GetAngles(double startAngle,int pointed)
{
double[] angles = new double[pointed];
angles[0] = startAngle;
for (int i = 1; i < angles.Length; i++)
{
angles[i] =angles[i-1] + GetAngleLength(pointed);
}
return angles;
}
/// <summary>
/// 获得角度的增量
/// </summary>
/// <param name="pointed"></param>
/// <returns></returns>
public double GetAngleLength(int pointed)
{
return 2*Math.PI/pointed;
}
可以看到我们定义了两个方法,想要确定目标点和X轴(水平距离)的夹角,就要确定多少个角(pointed),还有你的起始角的位置(startAngle,中心点之上的那个点),然后确定角度的增量就可以计算出所有的角度了!
3.万事俱备,只欠一个DrawStar的方法,先看一下代码:
/// <summary>
/// 画五角星
/// </summary>
/// <param name="pointed">多少个角</param>
/// <param name="e">Graphics参数</param>
public void DrawStar(int pointed,PaintEventArgs e)
{
Graphics g = e.Graphics;//建立一个画布
g.CompositingQuality = CompositingQuality.HighQuality;//设置图像呈现的质量
g.SmoothingMode = SmoothingMode.HighQuality;//对图片进行平滑处理
Pen p = new Pen(Color.Red);//画笔的颜色
double[] angles1 = GetAngles(-Math.PI / 2, pointed);//五角星外围的点角度的一个数组
double[] angles2 = GetAngles(-Math.PI / 2+Math.PI/pointed, pointed);//五角星内围的点角度的一个数组
PointF[] points1 = GetPoints(new PointF(300, 300), 100, angles1);//五角星外围的点的一个数组
PointF[] points2 = GetPoints(new PointF(300, 300), 50, angles2);//五角星内围的点的一个数组
PointF[] points = new PointF[points1.Length+points2.Length];//最终合成多边形所有点的数组
for (int i = 0,j=0; i < points.Length; i+=2,j++)
{
points[i] = points1[j];
points[i + 1] = points2[j];
}
g.DrawPolygon(p,points);//画一个多边形
g.FillPolygon(Brushes.Aqua,points);//填充颜色
}
这个方法也没有什么好说的,就是c#一些常用的方法,上面本人也有注解!
我也就不解释那么多了,相信你自己能够看得懂!
其实上面的代码不只是可以画五角星,只要改一下六角,七角,八角,你喜欢的话一百角都行!看一下效果图吧!
接下来一个一百角的,当然看起来更像一个太阳,根据自己的喜好吧!
Ok!写完,本人写作水平和表达能力有点菜,有不足之处希望大家谅解!也希望对各位朋友有所帮助!
完整源代码:
public class 五角星
{
/// <summary>
/// 画五角星
/// </summary>
/// <param name="pointed">多少个角</param>
/// <param name="e">Graphics参数</param>
public void DrawStar(int pointed,Graphics g)
{
g.CompositingQuality = CompositingQuality.HighQuality;//设置图像呈现的质量
g.SmoothingMode = SmoothingMode.HighQuality;//对图片进行平滑处理
Pen p = new Pen(Color.Red);//画笔的颜色
double[] angles1 = GetAngles(-Math.PI / 2, pointed);//五角星外围的点角度的一个数组
double[] angles2 = GetAngles(-Math.PI / 2+Math.PI/pointed, pointed);//五角星内围的点角度的一个数组
PointF[] points1 = GetPoints(new PointF(300, 300), 100, angles1);//五角星外围的点的一个数组
PointF[] points2 = GetPoints(new PointF(300, 300), 50, angles2);//五角星内围的点的一个数组
PointF[] points = new PointF[points1.Length+points2.Length];//最终合成多边形所有点的数组
for (int i = 0,j=0; i < points.Length; i+=2,j++)
{
points[i] = points1[j];
points[i + 1] = points2[j];
}
g.DrawPolygon(p,points);//画一个多边形
g.FillPolygon(Brushes.Aqua,points);//填充颜色
}
/// <summary>
/// 获得所有角度的数组
/// </summary>
/// <param name="startAngle">开始的角度</param>
/// <param name="pointed">个数</param>
/// <returns></returns>
public double[] GetAngles(double startAngle,int pointed)
{
double[] angles = new double[pointed];
angles[0] = startAngle;
for (int i = 1; i < angles.Length; i++)
{
angles[i] =angles[i-1] + GetAngleLength(pointed);
}
return angles;
}
/// <summary>
/// 获得角度的增量
/// </summary>
/// <param name="pointed"></param>
/// <returns></returns>
public double GetAngleLength(int pointed)
{
return 2*Math.PI/pointed;
}
/// <summary>
/// 获得五角星的各个点
/// </summary>
/// <param name="ptCenter">中心点坐标</param>
/// <param name="length">距离中心点的长度</param>
/// <param name="angle">和水平方向的夹角</param>
/// <returns></returns>
public PointF GetPoint(PointF ptCenter, double length, double angle)
{
return new PointF(
(float)(ptCenter.X + length * Math.Cos(angle)),
(float)(ptCenter.Y + length * Math.Sin(angle)));
}
/// <summary>
/// 返回一个坐标的数组
/// </summary>
/// <param name="ptCenter">中心点</param>
/// <param name="length">距离中心点的长度</param>
/// <param name="angles">两点之间的夹角</param>
/// <returns></returns>
public PointF[] GetPoints(PointF ptCenter, double length, params double[] angles)
{
PointF[] points = new PointF[angles.Length];
for (int i = 0; i < points.Length; i++)
{
points[i] = GetPoint(ptCenter,length,angles[i]);
}
return points;
}
}
