二、代码分析

这个控件本质就是从UIView继承的一个类而已。所以整个代码事实上就是一个定制的UIView类。

依据UIView的规则进行例如以下初始化:

required init(coder aDecoder: NSCoder) {

super.init(coder: aDecoder)

}

override init(frame: CGRect) {

self.pointer = UIImageView(image: UIImage(named:"pointer2.png"))

self.gaugeView = UIImage(named: "gaugeback.png")

self.frameCurr = frame

self.gv = GaugeParam(frame: frame)

super.init(frame: frame)

self.setFrameInit(frame)

}

构造函数没啥好说的。解释一下required init。假设继承了init(),就必须实现Required Initializers。

为了初始化类的參数设计了一个结构

struct GaugeParam{

var maxNum: Float = MAXVALUE

var minNum: Float = 0.00

var maxAngle: Float = MAXOFFSETANGLE

var minAngle: Float = -MAXOFFSETANGLE

var gaugeValue: Float = 0.00

var gaugeAngle: Float = -MAXOFFSETANGLE

var frame: CGRect

var angleperValue: Float{

get{

return (self.maxAngle - self.minAngle)/(self.maxNum- self.minNum)

}

}

var scaleNum: Float{

get{

return (Float(DEFLUATSIZE)/Float(self.frame.size.width))

}

}

init(frame:CGRect){

self.frame = frame

}

}

上面这个结构体挺简单的,没啥好解释的。

以下是重头戏了,GaugePanel是主类。全部操作都是在当中完毕的。

代码结构例如以下:

个别算法解释一下(老鸟请绕行):

func parseToX(radius: CGFloat,angle: CGFloat) -> CGFloat{

let temp = self.transToRadian(angle)

return radius*cos(temp)

}

初中平面几何的知识,知道半径和角度求X和Y坐标。

对pointToAngle(duration: CGFloat,angle: CGFloat)中的代码进行一下解释:

CATransform3DRotate(CATransform3DIdentity,self.transToRadian(CGFloat(gv.gaugeAngle) + distance*CGFloat(i)), 0, 0, 1)

这个是产生一个3D旋转,由于是平面旋转所以是环绕Z轴进行的,最后一个參数设置为1,self.transToRadian(CGFloat(gv.gaugeAngle)+ distance*CGFloat(i))是计算出一系列的角度。

values.addObject(NSValue(CATransform3D:v)),事实上CATransform3DRotate并不会马上产生旋转,而是加入到一个NSMutableArray数组中,NSMutableArray的元素不是AnyObject,须要用NSValue函数包装一下,真正发生旋转是在pointer.layer.addAnimation(ani,forKey: "any")进行的,ani包括了Values的内容。

override func drawRect(rect: CGRect)这个函数并没有显式的调用,是在containView.addSubview(panel)的时候被自己主动触发的。

好了。我要歇息了。希望这偏文章给swift的刚開始学习的人(事实上大家都是刚開始学习的人。老鸟也就是几个月的经验)有所帮助。对这个控件的谬误之处和改进意见能够和我联系.QQ:脐林 32819362。

用swift开发仪表盘控件(二)的更多相关文章

  1. 用swift开发仪表盘控件(一)

    苹果swift刚刚推出不久,接触到这个语言是一个偶然的机会,无聊之余随便看了下它的语法: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveW5tYW95b2 ...

  2. .Net语言 APP开发平台——Smobiler学习日志:如何在手机上开发仪表盘控件

    最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的"S ...

  3. 用C#开发ActiveX控件,并使用web调用

    入职差不多两个月了,由学生慢慢向职场人做转变,也慢慢的积累知识,不断的更新自己.最近的一个项目里边,涉及到的一些问题,因为SDK提供的只是winform才能使用了,但是有需求咱们必须得完成啊,所以涉及 ...

  4. 使用C#开发ActiveX控件(新)

    前言 ActiveX控件以前也叫做OLE控件,它是微软IE支持的一种软件组件或对象,可以将其插入到Web页面中,实现在浏览器端执行动态程序功能,以增强浏览器端的动态处理能力.通常ActiveX控件都是 ...

  5. 使用C#开发ActiveX控件(新) 转 http://www.cnblogs.com/yilin/p/csharp-activex.html

    前言 ActiveX控件以前也叫做OLE控件,它是微软IE支持的一种软件组件或对象,可以将其插入到Web页面中,实现在浏览器端执行动态程序功能,以增强浏览器端的动态处理能力.通常ActiveX控件都是 ...

  6. [转] 使用C#开发ActiveX控件

    双魂人生 原文 使用C#开发ActiveX控件 ActiveX 是一个开放的集成平台,为开发人员.用户和 Web生产商提供了一个快速而简便的在 Internet 和 Intranet 创建程序集成和内 ...

  7. 使用C#开发ActiveX控件 11

    C#开发ActiveX控件   ActiveX 是一个开放的集成平台,为开发人员.用户和 Web生产商提供了一个快速而简便的在 Internet 和 Intranet 创建程序集成和内容的方法. 使用 ...

  8. 使用C#开发ActiveX控件

    使用C#开发ActiveX控件(新) 前言 ActiveX控件以前也叫做OLE控件,它是微软IE支持的一种软件组件或对象,可以将其插入到Web页面中,实现在浏览器端执行动态程序功能,以增强浏览器端的动 ...

  9. 使用C#开发ActiveX控件[new]

    文章出处:http://www.cnblogs.com/yilin/p/csharp-activex.html 前言 ActiveX控件以前也叫做OLE控件,它是微软IE支持的一种软件组件或对象,可以 ...

随机推荐

  1. log4net 使用笔记

    一.Log4net特征 1.自定义日志输出级别 Log4net将日志分为五个级别优先级从高到低依次:FATAL > ERROR > WARN > INFO > DEBUG,此外 ...

  2. jsp+servlet+jdbc实现对数据库的增删改查

    一.JSP和Servlet的简单介绍: 1.Servlet和JSP简介: Java开发Web应用程序时用到的技术主要有两种,即Servlet和JSP,Servlet是在服务器端执行的Java程序,一个 ...

  3. 【数据压缩】LZW算法原理与源代码解析

    转载请注明出处:http://blog.csdn.net/luoshixian099/article/details/50331883 <勿在浮沙筑高台> LZW压缩算法原理很easy,因 ...

  4. KineticJS教程(7)

    KineticJS教程(7) 作者: ysm 7.图形变换 7.1.线性变化 Kinetic提供了一个图形对象的transitionTo(config)方法实现图形的线性变换,也就是从原始的状态线性变 ...

  5. 解构赋值 和 symbol

    1.数组解构 let [a,b,c,d] = ['aa','bb',77,88] 嵌套数组解构 let [a,b,[c,d],e] = ['aa','bb',[33,44],55] 空缺变量 let ...

  6. sql通过某个字段名找到数据库中对应的表

    sql通过某个字段名找到数据库中对应的表 SELECT sb.name FROM syscolumns s JOIN sysobjects sb ON s.id=sb.id WHERE s.name= ...

  7. 【转发】Visual Studio 2013 如何关闭调试而不关闭IIS Express

    在VS主面板打开:工具->选项->调试->编辑继续   取消选中[启用"编辑并继续"] 就OK了 (英文版的请对应相应的操作) 不过这是针对所有的调试,如果你想针 ...

  8. chrome 禁止自动更新

      禁止chrome自动更新 CreateTime--2017年7月4日09:07:01Author:Marydon 版本号:59.0.3071.115 x64 第一步:禁止Google更新服务 参考 ...

  9. 点击div和某些控件之外的地方隐藏div,点击div不隐藏。对象 click和document click冲突有关问题

    帮朋友解决这个问题,我发现用以往想想像的方式来实现,貌似不太可行,所以从网上找了一些解决办法,进行优化,这篇比较详细,所以拿来备忘,另一方面也希望可以帮助需要的同学! 问题背景:jQuery事件问题! ...

  10. 让zend studio 支持 redis函数自动提示

    phpredis作者https://github.com/nicolasff/phpredis 写了文档https://github.com/ukko/phpredis-phpdoc上面提到了如何让e ...