c#画五角星

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;
        }
    }