• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

二、代码分析

这个控件本质就是从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。



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
[Swift]LeetCode90.子集II|SubsetsII发布时间:2022-07-13
下一篇:
[Swift]字符串(String类、NSString类)常用操作发布时间:2022-07-13
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap