码迷,mamicode.com
首页 > 编程语言 > 详细

用swift开发仪表盘控件(二)

时间:2014-10-28 17:57:35      阅读:328      评论:0      收藏:0      [点我收藏+]

标签:swift   uiimageview   控件   

二、代码分析

这个控件本质就是从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是主类,所有操作都是在其中完成的。

代码结构如下:

bubuko.com,布布扣

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

   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   uiimageview   控件   

原文地址:http://blog.csdn.net/ynmaoyong/article/details/40541605

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!