使用Swift构建自定义的ActivityIndicatorView.docxVIP

目前在自己的个人项目里，已经开始使 用Swift 用Swift去编写代码。这篇文章把项目中 jaai 自己设计的一个 Activityindicator View 展 示给大家。 在开始之前，我们先看看最终的效果, 如下图: 我建议大家下载本文对应在Github分 享的完整项目，以便跟着本篇文章来阅 读代码。 需求分析 我们需要实现一个自定义的和 UlActivitylndicatorView 提供相似功能的 一个Loading效果。我们将使用Core Graphics来绘制这样的效果，并让它动起 来。 让我们先分析一下这个控件的组成，为 我们实际编码提供具体的思路。!■ 我们实际编码提供具体的思路。 !■ 首先，这个loading效果图，是由8个 圆弧组成的一个圆。 我们先要会画圆弧: 像这样画8个圆弧，围成一个圆: 然后通过重复改变每一个圆弧的颜色， 让它动起来。 我们继承UlView,重写drawRect方法 绘制界面，第一步得到当前绘图的上下 文： letcon text=UIGraphicsGetCurre ntCon text ()绘制圆弧 这里我们使用UlBezierPath类去构建路 径，然后通过绘制路径的方式绘制圆弧。 〃初始化一个 UlBezierPath 实例 letarcPath=UIBezierPath()//构建 Arc 路径 arcPath.addArcWithCenter(CGPointMake( CGFIoat(self.frame.size.width/2),CGFIoat(s elf.frame.size.height/2)),radius:CGFIoat(Co nfig.CC_ARC_DRAW_RADIUS),startAngle:C GFIoat(DegreesToRadia ns(startA ngle)),e nd An gle:CGFIoat(DegreesToRadia ns(startA ng le+Config.CC_ARC_DRAW_DEGREE)),clock wise:true)//把路径添加到当前绘图的上 下 文 CGContextAddPath(context,arcPath.CGPat h)// 设置线段宽度 CGContextSetUneWidth(context,CGFIoat( Con fig.CC_ARC_DRAW_WIDTH))// 设置线 段 颜 色 CGContextSetStrokeColorWithColor(conte xt,strokeColor)// 绘 制 CGContextStrokePath(context)通过 如上 的方式，我们就可以成功画岀一个圆弧。 其中： fun caddArcWithCenter(ce nter:CGPointj adius:CGFIoat,startA ngle:CGFloat,e ndAngl e:CGFIoat,clockwise:Bool）这个方法构建 路径的解释是center为圆点坐标，radius 为半径，startAngle为开始的弧度， endAngle为结束的弧度，clockwise表示 的是顺时针还是逆时针。 绘制8个圆弧 当我们可以成功在绘图上下文绘制岀 圆弧时，我们应该开始着手绘制效果图 中的8个圆弧，并让它在正确的位置, 并带上不同颜色。 这里是效果图的一些参数设置，包括半 径，宽度，颜色等信息： structConfig{staticletCC_ACTIVITY_INDIC ATOR_VIEW_WIDTH=40staticletCC_ARC_D RAW_PADDING=3.0staticletCC_ARC_DRA W_DEGREE=39.0staticletCC_ARC_DRAW_ WIDTH=6.0staticletCC_ARC_DRAW_RADIU S=10.0staticletCC_ARC_DRAW_COLORS=[ UIColor(red:24?/255.0,green:24^55.0,blu e:24^/255.0,alpha:1.0).CGColor,UIColor(re d:230/255.0,green:230/255.0,blue:230/25 5.0,alpha:1.0).CGColor,UIColor(red:179/25 5.0,green:179/255.0,blue:179/255.0,alpha: 1.0).CGColor,UIColor(red:12§/255.0,green: 12^255.0,blue:12^55.0,alpha:1.0).CGCol or,UIColor(red:12§/255.0,green:125/255.0, blu