用swift开发仪表盘控件(二)
二、代码分析
这个控件本质就是从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开发仪表盘控件(二)的更多相关文章
- 用swift开发仪表盘控件(一)
苹果swift刚刚推出不久,接触到这个语言是一个偶然的机会,无聊之余随便看了下它的语法: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveW5tYW95b2 ...
- .Net语言 APP开发平台——Smobiler学习日志:如何在手机上开发仪表盘控件
最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的"S ...
- 用C#开发ActiveX控件,并使用web调用
入职差不多两个月了,由学生慢慢向职场人做转变,也慢慢的积累知识,不断的更新自己.最近的一个项目里边,涉及到的一些问题,因为SDK提供的只是winform才能使用了,但是有需求咱们必须得完成啊,所以涉及 ...
- 使用C#开发ActiveX控件(新)
前言 ActiveX控件以前也叫做OLE控件,它是微软IE支持的一种软件组件或对象,可以将其插入到Web页面中,实现在浏览器端执行动态程序功能,以增强浏览器端的动态处理能力.通常ActiveX控件都是 ...
- 使用C#开发ActiveX控件(新) 转 http://www.cnblogs.com/yilin/p/csharp-activex.html
前言 ActiveX控件以前也叫做OLE控件,它是微软IE支持的一种软件组件或对象,可以将其插入到Web页面中,实现在浏览器端执行动态程序功能,以增强浏览器端的动态处理能力.通常ActiveX控件都是 ...
- [转] 使用C#开发ActiveX控件
双魂人生 原文 使用C#开发ActiveX控件 ActiveX 是一个开放的集成平台,为开发人员.用户和 Web生产商提供了一个快速而简便的在 Internet 和 Intranet 创建程序集成和内 ...
- 使用C#开发ActiveX控件 11
C#开发ActiveX控件 ActiveX 是一个开放的集成平台,为开发人员.用户和 Web生产商提供了一个快速而简便的在 Internet 和 Intranet 创建程序集成和内容的方法. 使用 ...
- 使用C#开发ActiveX控件
使用C#开发ActiveX控件(新) 前言 ActiveX控件以前也叫做OLE控件,它是微软IE支持的一种软件组件或对象,可以将其插入到Web页面中,实现在浏览器端执行动态程序功能,以增强浏览器端的动 ...
- 使用C#开发ActiveX控件[new]
文章出处:http://www.cnblogs.com/yilin/p/csharp-activex.html 前言 ActiveX控件以前也叫做OLE控件,它是微软IE支持的一种软件组件或对象,可以 ...
随机推荐
- es6中的import,export浏览器已经支持
直接上代码, 成功测验了es6的新特性 import , export语法. 服务器返回 js文件时,要加上content-type: applicaiton/javascript 这个字段. ind ...
- 转: Mac 使用ADT的问题
http://blog.csdn.net/wwj_748/article/details/44806253
- 用一段直径为1的原木制作截面是矩形的横梁,问梁的宽度x和高度y是怎样的比例时,才能使梁的强度最大?
解:根据经验,梁的强度与高度平方成正比,和宽度成反比,可以写成 q=y2x 又有x2+y2=1,得到 q=(1-x2)x=x-x3 而导数q'=1-3x2,当q'=0时,q有极值 q'=0时,x=1/ ...
- Android四大基本组件之 Activity
[Activity介绍] Activity 是用户接口程序,原则上它会提供给用户一个交互式的接口功能. 它是 android 应用程序的基本功能单元.Activity 本身是没有界面的.所以activ ...
- TCP协议中的SO_LINGER选项
TCP协议中的SO_LINGER选项 SO_LINGER选项用来设置延迟关闭的时间,等待套接字发送缓冲区中的数据发送完成.没有设置该选项时,在调用close()后,在发送完FIN后会立即进行一些清理工 ...
- Java基础语法(第1章变量)
今日内容介绍 1.变量 2. 运算符 变量 1.1.变量概述 前面我们已经学习了常量,接下来我们要学习变量.在Java中变量的应用比常量的应用要多很多.所以变量也是尤为重要的知识点! 什么是变量? ...
- 算法笔记_034:大整数乘法(Java)
目录 1 问题描述 2 解决方案 2.1 蛮力法 1 问题描述 计算两个大整数相乘的结果. 2 解决方案 2.1 蛮力法 package com.liuzhen.chapter5; import ...
- chrome插件下载
chrome插件下载2018 CreateTime--2018年3月5日11:21:21 Author:Marydon 插件推荐 如何获取? 文章顶部左上角是我的qq号,这些chrome插件加我免 ...
- oracle 对系统日期sysdate进行格式化:to_date(sysdate,'yyyy-MM-dd')
oracle 对系统日期sysdate进行格式化:to_date(sysdate,'yyyy-MM-dd') CreateTime--2018年5月17日10:11:34 Author:Maryd ...
- HDU 5336 XYZ and Drops
Problem Description XYZ is playing an interesting game called "drops". It is played on a r ...