移动应用软件开发（基于iOS平台）-2017 绘制五角星 75绘制五角星 文档.docxVIP

绘制五角星 2 绘制五角星 1 绘制五角星 本次课程介绍如何绘制五角星。 一、尺规作图法 在做手工时，许多时候大家都用正五角星来装点自己的艺术作品，下面学习一下如何用尺规作图法画正五角星。 在白纸上，以任意一点为圆心，以任意长为半经画圆O。在圆中画两条互相垂直的圆的直经AB和CD。取线段OB的中点E，连接CE。以点E为圆心，以CE长为半经画圆弧，交线段OA于点F。连接CF，以点C为圆心，以CF长为半经在圆O上依次截取相等的圆弧。连接CM、CH、GN、GM、NH，就得到正五角星，如图5-所示。 图5- 尺规作图法画正五角星 二、软件编码 在软件编码的时候，我们常常采用量角器法类画五角星： 确定圆心 确定圆心后，以合适的长度为半径画圆 过圆心画水平直线和竖直直线 以竖直直线与圆的上端交点为起点，用量角器顺时针(也可以逆时针)在圆上每隔72°标出点 从顶点开始(任一点都可以)隔点连接(顺序连接的话，得到的是正五边形)。 图5- 采用量角器，每72度等分这个圆为五份 class FiveStar : Shape { //五角星和正五边形较为类似 //中心坐标 var center : CGPoint? //半径 var radius : CGFloat? //旋转的角度 var angel : CGFloat? //构造器 init(name: String, origin: CGPoint , center : CGPoint, radius : CGFloat,angel : CGFloat ) { super.init(name: name, origin: origin) self.center = center self.radius = radius self.angel = angel } convenience init(center : CGPoint, radius : CGFloat,angel : CGFloat = 0) { let x = center.x - radius let y = center.y - radius self.init(name: FiveStar, origin: CGPoint(x:x,y:y), center: center, radius: radius, angel: angel) } //自定义方法drawBezierPath用于画五角星 override func drawBezierPath(){ //调用贝塞尔曲线函数UIBezierPath() let path = UIBezierPath() //五角星旋转顶点 let i = 360/angel! let xzAngle = CGFloat.pi*2/i let xzX = (center?.x)! - sin(xzAngle)*radius! let xzY = (center?.y)! - cos(xzAngle)*radius! let p1 = CGPoint(x: xzX, y: xzY) path.move(to: p1) let angle = CGFloat.pi*4/5 for i in 1...5 { let x = (center?.x)! - sin(CGFloat(i)*angle+xzAngle)*radius! let y = (center?.y)! - cos(CGFloat(i)*angle+xzAngle)*radius! path.addLine(to: CGPoint(x: x, y: y)) } path.close() //线条宽度 path.lineWidth = lineWidth! //线条颜色为red红色 lineColor?