import UIKit

import XCPlayground

//创建view

let myView = UIView(frame:CGRectMake(0, 0, 300, 200))

//实时显示TimeLine

XCPlaygroundPage.currentPage.liveView = myView

myView.backgroundColor = UIColor.whiteColor()

/************ 打开相应的注释, 就会自动显示在Timeline里面了*******/

/***********************基础使用****************************/

// 创建layer

let myLayer = CAShapeLayer()

myLayer.frame = CGRectMake(0, 0

    , 100, 50)

//myLayer.backgroundColor = UIColor.yellowColor().CGColor

//创建贝塞尔曲线

//画正方形

let path = UIBezierPath(rect: CGRectMake(50, 10, 50, 50))

//圆角长方形

let path2 = UIBezierPath(roundedRect: CGRectMake(50, 10, 80, 50), cornerRadius: 25)

//画圆

let radius:CGFloat = 30.0;

let startAngle:CGFloat = 0.0;

let endAngle:CGFloat = CGFloat(M_PI * 2)

let path3 = UIBezierPath(arcCenter: myView.center, radius: radius, startAngle: startAngle, endAngle: endAngle, clockwise: true)

//赋值path绘图案

myLayer.path = path3.CGPath;

//layer填充颜色

myLayer.fillColor = UIColor.redColor().CGColor

//myLayer.fillColor = UIColor.clearColor().CGColor

//layer描边颜色

myLayer.strokeColor = UIColor.whiteColor().CGColor

//添加layerd到view

myView.layer.addSublayer(myLayer)

/***********************基础使用****************************/

/*

/***************通过控制点画贝塞尔曲线********************/

//开始点

let startPoint   = CGPointMake(50, 100)

//结束点

let endPoint     = CGPointMake(250, 100)

//中间控制点

//let controlPoint = CGPointMake(150, 40)

let controlPoint = CGPointMake(116, 40)

let controlPoint2 = CGPointMake(182, 180)

//红色标示正方形begin

let layer1             = CALayer()

layer1.frame           = CGRectMake(startPoint.x, startPoint.y, 5, 5)

layer1.backgroundColor = UIColor.redColor().CGColor

let layer2             = CALayer()

layer2.frame           = CGRectMake(endPoint.x, endPoint.y, 5, 5)

layer2.backgroundColor = UIColor.redColor().CGColor

let layer3             = CALayer()

layer3.frame           = CGRectMake(controlPoint.x, controlPoint.y, 5, 5)

layer3.backgroundColor = UIColor.redColor().CGColor

let layer4             = CALayer()

layer4.frame           = CGRectMake(controlPoint2.x - 2.5, controlPoint2.y - 5, 5, 5)

layer4.backgroundColor = UIColor.redColor().CGColor

//红色标示正方形end

//初始化

let path  = UIBezierPath()

let layer = CAShapeLayer()

//设置开始点

path.moveToPoint(startPoint)

//画线路径 参数:(结束点, 控制点)

//path.addQuadCurveToPoint(endPoint, controlPoint: controlPoint)

//多个控制点

path.addCurveToPoint(endPoint, controlPoint1: controlPoint, controlPoint2: controlPoint2)

layer.path        = path.CGPath

layer.fillColor   = UIColor.clearColor().CGColor

layer.strokeColor = UIColor.blackColor().CGColor

myView.layer.addSublayer(layer)

myView.layer.addSublayer(layer1)

myView.layer.addSublayer(layer2)

myView.layer.addSublayer(layer3)

myView.layer.addSublayer(layer4)

/***************通过控制点画贝塞尔曲线********************/

*/

/*

/***********************添加动画****************************/

private func animation1() {

    let animation = CABasicAnimation(keyPath: "strokeEnd")

    animation.fromValue = 0

    animation.toValue = 1

    animation.duration = 2

    layer.addAnimation(animation, forKey: "")

}

private func animation2() {

    layer.strokeStart = 0.5

    layer.strokeEnd = 0.5

    let animation = CABasicAnimation(keyPath: "strokeStart")

    animation.fromValue = 0.5

    animation.toValue = 0

    animation.duration = 2

    let animation2 = CABasicAnimation(keyPath: "strokeEnd")

    animation2.fromValue = 0.5

    animation2.toValue = 1

    animation2.duration = 2

    layer.addAnimation(animation, forKey: "")

    layer.addAnimation(animation2, forKey: "")

}

private func animation3() {

    let animation = CABasicAnimation(keyPath: "lineWidth")

    animation.fromValue = 1

    animation.toValue = 10

    animation.duration = 2

    layer.addAnimation(animation, forKey: "")

}

//animation1()

animation2()

animation3()

/***********************添加动画****************************/

*/

/*

/******************画不标准图形**********************/

let finalSize = CGSizeMake(CGRectGetWidth(myView.frame), 200)

let layerHeight = finalSize.height * 0.2

let layer = CAShapeLayer()

let bezier = UIBezierPath()

//左上角点

bezier.moveToPoint(CGPointMake(0, finalSize.height - layerHeight))

//画线到左下角

bezier.addLineToPoint(CGPointMake(0, finalSize.height - 1))

//画线到右下角

bezier.addLineToPoint(CGPointMake(finalSize.width, finalSize.height-1))

//画线到右上角

bezier.addLineToPoint(CGPointMake(finalSize.width, finalSize.height - layerHeight))

//从右上角画贝塞尔曲线到左上角

let controlP = CGPointMake(finalSize.width * 0.5, finalSize.height - layerHeight * 2)

bezier.addQuadCurveToPoint(CGPointMake(0, finalSize.height - layerHeight), controlPoint: controlP)

layer.path = bezier.CGPath

layer.fillColor = UIColor.redColor().CGColor

myView.layer.addSublayer(layer)

/******************画不标准图形**********************/

*/

/*

/******************画微信眼睛**********************/

//first

let eyeFirstLightLayer = CAShapeLayer()

let centerPoint        = CGPointMake(CGRectGetWidth(myView.frame) * 0.5, CGRectGetHeight(myView.frame) * 0.5)

let startAngle         = CGFloat(230.0 / 180.0 * M_PI)

let endAngle           = CGFloat(265.0 / 180.0 * M_PI)

let path = UIBezierPath(arcCenter: centerPoint, radius: CGRectGetWidth(myView.frame) * 0.1, startAngle:startAngle, endAngle: endAngle, clockwise: true)

eyeFirstLightLayer.borderColor = UIColor.blackColor().CGColor

eyeFirstLightLayer.lineWidth   = 5.0

eyeFirstLightLayer.path        = path.CGPath

eyeFirstLightLayer.fillColor   = UIColor.clearColor().CGColor

eyeFirstLightLayer.strokeColor = UIColor.darkGrayColor().CGColor

myView.layer.addSublayer(eyeFirstLightLayer)

//second

let eyeSecondLightLayer = CAShapeLayer()

let centerPoint2        = CGPointMake(CGRectGetWidth(myView.frame) * 0.5, CGRectGetHeight(myView.frame) * 0.5)

let startAngle2         = CGFloat(211.0 / 180.0 * M_PI)

let endAngle2           = CGFloat(220.0 / 180.0 * M_PI)

let path2 = UIBezierPath(arcCenter: centerPoint2, radius: CGRectGetWidth(myView.frame) * 0.1, startAngle:startAngle2, endAngle: endAngle2, clockwise: true)

eyeSecondLightLayer.borderColor = UIColor.blackColor().CGColor

eyeSecondLightLayer.lineWidth   = 5.0

eyeSecondLightLayer.path        = path2.CGPath

eyeSecondLightLayer.fillColor   = UIColor.clearColor().CGColor

eyeSecondLightLayer.strokeColor = UIColor.darkGrayColor().CGColor

myView.layer.addSublayer(eyeSecondLightLayer)

//ball

let eyeBallLayer    = CAShapeLayer()

let centerPointBall = CGPointMake(CGRectGetWidth(myView.frame) * 0.5, CGRectGetHeight(myView.frame) * 0.5)

let startAngleBall = CGFloat(0 / 180.0 * M_PI)

let endAngleBall   = CGFloat(360.0 / 180.0 * M_PI)

let pathBall = UIBezierPath(arcCenter: centerPointBall, radius: CGRectGetWidth(myView.frame) * 0.15, startAngle:startAngleBall, endAngle: endAngleBall, clockwise: true)

eyeBallLayer.borderColor = UIColor.blackColor().CGColor

eyeBallLayer.lineWidth   = 1.0

eyeBallLayer.path        = pathBall.CGPath

eyeBallLayer.fillColor   = UIColor.clearColor().CGColor

eyeBallLayer.strokeColor = UIColor.darkGrayColor().CGColor

eyeBallLayer.anchorPoint = CGPointMake(0.5, 0.5)

myView.layer.addSublayer(eyeBallLayer)

//topEye

let topEyeLayer       = CAShapeLayer()

let centerPointTopEye = CGPointMake(CGRectGetWidth(myView.frame) * 0.5, CGRectGetHeight(myView.frame) * 0.5)

let startAngleTopEye = CGFloat(0 / 180.0 * M_PI)

let endAngleTopEye   = CGFloat(360.0 / 180.0 * M_PI)

let pathTopEye = UIBezierPath()

pathTopEye.moveToPoint(CGPointMake(0, CGRectGetHeight(myView.frame) * 0.5))

pathTopEye.addQuadCurveToPoint(CGPointMake(CGRectGetWidth(myView.frame), CGRectGetHeight(myView.frame) * 0.5), controlPoint: CGPointMake(CGRectGetWidth(myView.frame) * 0.5, centerPointTopEye.y - centerPointTopEye.y - 20))

topEyeLayer.borderColor = UIColor.blackColor().CGColor

topEyeLayer.lineWidth   = 1.0

topEyeLayer.path        = pathTopEye.CGPath

topEyeLayer.fillColor   = UIColor.clearColor().CGColor

topEyeLayer.strokeColor = UIColor.darkGrayColor().CGColor

myView.layer.addSublayer(topEyeLayer)

//BottomEye

let bottomEyeLayer       = CAShapeLayer()

let centerPointBottomEye = CGPointMake(CGRectGetWidth(myView.frame) * 0.5, CGRectGetHeight(myView.frame) * 0.5)

let startAngleBottomEye = CGFloat(0 / 180.0 * M_PI)

let endAnglebottomEye   = CGFloat(360.0 / 180.0 * M_PI)

let pathBottomEye = UIBezierPath()

pathBottomEye.moveToPoint(CGPointMake(0, CGRectGetHeight(myView.frame) * 0.5))

pathBottomEye.addQuadCurveToPoint(CGPointMake(CGRectGetWidth(myView.frame), CGRectGetHeight(myView.frame) * 0.5), controlPoint: CGPointMake(CGRectGetWidth(myView.frame) * 0.5, centerPointBottomEye.y * 2 + 20))

bottomEyeLayer.borderColor = UIColor.blackColor().CGColor

bottomEyeLayer.lineWidth   = 1.0

bottomEyeLayer.path        = pathBottomEye.CGPath

bottomEyeLayer.fillColor   = UIColor.clearColor().CGColor

bottomEyeLayer.strokeColor = UIColor.darkGrayColor().CGColor

myView.layer.addSublayer(bottomEyeLayer)

// 动画

private func setupAnimation(){

    eyeFirstLightLayer.lineWidth  = 0.0

    eyeSecondLightLayer.lineWidth = 0.0

    eyeBallLayer.opacity          = 0.0

    bottomEyeLayer.strokeStart    = 0.5

    bottomEyeLayer.strokeEnd      = 0.5

    topEyeLayer.strokeStart       = 0.5

    topEyeLayer.strokeEnd         = 0.5

}

private func eyeAnimation1() {

    let animation = CABasicAnimation(keyPath: "lineWidth")

    animation.fromValue = 0.0

    animation.toValue   = 5.0

    animation.duration  = 2

    let animation2 = CABasicAnimation(keyPath: "lineWidth")

    animation2.fromValue = 0.0

    animation2.toValue   = 5.0

    animation2.duration  = 2

    let animation3 = CABasicAnimation(keyPath: "opacity")

    animation3.fromValue = 0.0

    animation3.toValue   = 5.0

    animation3.duration  = 5

    eyeFirstLightLayer.addAnimation(animation, forKey: "")

    eyeSecondLightLayer.addAnimation(animation2, forKey: "")

    eyeBallLayer.addAnimation(animation3, forKey: "")

    eyeFirstLightLayer.lineWidth  = 5.0

    eyeSecondLightLayer.lineWidth = 5.0

    eyeBallLayer.opacity          = 1.0

}

private func topEyeLayerAnimation() {

    let animation = CABasicAnimation(keyPath: "strokeStart")

    animation.fromValue = 0.5

    animation.toValue   = 0

    animation.duration  = 2

    let animation2 = CABasicAnimation(keyPath: "strokeEnd")

    animation2.fromValue = 0.5

    animation2.toValue   = 1

    animation2.duration  = 2

    topEyeLayer.addAnimation(animation, forKey: "")

    topEyeLayer.addAnimation(animation2, forKey: "")

    topEyeLayer.strokeStart    = 0

    topEyeLayer.strokeEnd      = 1

}

private func eyeBottomAnimation() {

    let animation = CABasicAnimation(keyPath: "strokeStart")

    animation.fromValue = 0.5

    animation.toValue   = 0

    animation.duration  = 2

    let animation2 = CABasicAnimation(keyPath: "strokeEnd")

    animation2.fromValue = 0.5

    animation2.toValue   = 1

    animation2.duration  = 2

    bottomEyeLayer.addAnimation(animation, forKey: "")

    bottomEyeLayer.addAnimation(animation2, forKey: "")

    bottomEyeLayer.strokeStart    = 0

    bottomEyeLayer.strokeEnd      = 1

}

//初始化

setupAnimation()

//中间圆动画

eyeAnimation1()

//眼睛上部分动画

topEyeLayerAnimation()

//眼睛下部分动画

eyeBottomAnimation()

/******************画微信眼睛**********************/

*/

UIBezierPathStudyDemo的更多相关文章

随机推荐

  1. map，hash_map和unordered_map 实现比较

    map介绍 Map是STL[1]的一个关联容器,它提供一对一(其中第一个可以称为关键字,每个关键字只能在map中出现一次,第二个可能称为该关键字的值)的数据处理能力,由于这个特性,它完成有可能在我们处 ...

  2. JavaScript操作DOM的那些坑

    js在操作DOM中存在着许多跨浏览器方面的坑,本文花了我将近一周的时间整理,我将根据实例整理那些大大小小的“坑”. DOM的工作模式是:先加载文档的静态内容.再以动态方式对它们进行刷新,动态刷新不影响 ...

  3. Debian openvpn 配置

    1.安装openvpn 和 iptables -- Debain 可以使用命令行`apt-get install openvpn iptables` 2.配置服务器 -- ```shell cp -R ...

  4. rhel及相关linux系统版本知识

    Rhel 此处Rhel非等同redhat哦,RedHat是红帽公司在1994年左右开发维护的linux桌面版本,在2004年左右红帽公司放弃redhat开始进军linux服务器版本开发,具体见下截图 ...

  5. T-SQL运算符

    运算符 1.算术运算符 算术运算符 说明 + 加法 - 减法 * 乘法 / 除法 % 取模,两个整数相除后的余数 2.位运算符 位运算符 说明 &(与.and) 按位逻辑与运算 |(或.OR) ...

  6. 第二百二十三天 how can I 坚持

    今天双十一,过得有点郁闷,昨天鱼死了不说,抢的羽绒服今天才发现是棉服,结果又买了个海澜之家的,搞的今天凌晨买的东西全都写退了,除了小米耳机. 光棍节,好纠结.爱要怎么说出口,你才不会拒绝啊,愁人啊. ...

  7. C++builder XE 安装控件 及输出路径

    C++builder XE 安装控件 与cb6不一样了,和delphi可以共用一个包. 启动RAD Studio.打开包文件. Project>Options>Delphi Compile ...

  8. Swift 可选值(Optional Values)介绍

    Optional的定义 Optional也是Objective-C没有的数据类型,是苹果引入到Swift语言中的全新类型,它的特点就和它的名字一样:可以有值,也可以没有值,当它没有值时,就是nil.此 ...

  9. Represent nil with NSNull

    [Represent nil with NSNull] It’s not possible to add nil to the collection classes described in this ...

  10. POJ 1410 Intersection（判断线段交和点在矩形内）

    Intersection Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 9996   Accepted: 2632 Desc ...