文章来源:淘论文网   发布者: 毕业设计   浏览量: 71



还可以点击去查询以下关键词:
[简简单单]    [一个]    [定制]    [风格]    [猫咪]    [开关]    [动画]    [简简单单做一个可定制爱风格的猫咪开关动画]   

项目介绍:

一个开关的小动画,如有任何疑问或者建议请在Github: https://github.com/Josin22/JSCatSwitch 上issue我,谢谢。也可以在下方评论区进行评论~ 谢谢。

JSCatSwitch开始之前

所用到的类:
CAGradientLayer;

可以生成两个或者更多颜色平滑渐变.

colors : 存放渐变颜色的数组

locations: 渐变颜色的区间分布

startPoint: 映射locations中的第一个位置,用单位向量表示.

endpoint: 映射locations中的最后一个位置,用单位向量表示.

type: 默认值是kCAGradientLayerAxial,表示按像素均匀变化。除了默认值也无其它选项。

CAShapeLayer;

CALayer 的子类,但比CALayer更灵活,可以画出各种图形.

CAKeyframeAnimation;

关键帧动画,前边博文有详细讲到,在这就不细说了.

开始画画

DrawHelper此类存放画好的path:

JSCatSwitch此类存放layer属性:

在点击事件里触发动画:

在controller里调动:

主要画画方法讲解

UIBezierPath 里主要方法讲解:

//画二元曲线,开题报告,一般和moveToPoint配合使用

addQuadCurveToPoint:controlPoint;
//以某个中心点画弧线

addArcWithCenter:radius:startAngle:endAngle:clockwise;
//以三个点画一段曲线,开题报告,一般和moveToPoint配合使用

addCurveToPoint:controlPoint1:controlPoint2;
//根据矩形框的内切圆画曲线

bezierPathWithOvalInRect:

最终显示效果


这里还有:


还可以点击去查询:
[简简单单]    [一个]    [定制]    [风格]    [猫咪]    [开关]    [动画]    [简简单单做一个可定制爱风格的猫咪开关动画]   

请扫码加微信 微信号:sj52abcd


下载地址: http://www.taolw.com/down/8472.docx
  • 上一篇:NIM_iO毕业设计S_UIKit
  • 下一篇:实现部门结定制构化列表