加载动画
来源:互联网 发布:手机画板软件那个好 编辑:程序博客网 时间:2024/05/22 17:28
//声明加载view的动画路径 UIBezierPath *pacmanOpenPath; CGFloat radius = 15.0f; CGPoint arcCenter = CGPointMake(radius, radius); //定制一段圆弧 pacmanOpenPath = [UIBezierPath bezierPathWithArcCenter:arcCenter radius:radius startAngle: 0 endAngle: 3 * M_PI / 2 clockwise:YES]; //生成color数组 NSMutableArray *colors = nil; if (colors == nil) { colors = [[NSMutableArray alloc] initWithCapacity:3]; UIColor *color = nil; color = [UIColor blueColor]; [colors addObject:(id)[color CGColor]]; color = [UIColor whiteColor]; [colors addObject:(id)[color CGColor]]; } //CAGradientLayer 通过指定颜色,一个开始的点,一个结束的点和梯度类型使你能够简单的在层上绘制一个梯度,效果就是颜色渐变 CAGradientLayer *gradientLayer = [CAGradientLayer layer]; //在指定的color中绘制渐变层 [gradientLayer setColors:colors]; gradientLayer.frame = CGRectMake(20, 20, 50, 50); //在 (20, 20, 100, 100) 位置绘制一个颜色渐变的层 [self.view.layer addSublayer:gradientLayer]; //CAShapeLayer 通过创建一个核心图像路径,并且分配给CAShaperLayer的path属性,从而为需要的形状指定路径。 可以指定填充路径之外的颜色,路径内的颜色,绘制路径,线宽,是否圆角等等 CAShapeLayer *shapeLayer = [CAShapeLayer layer]; shapeLayer.fillColor = [UIColor clearColor].CGColor; shapeLayer.fillMode = kCAFillRuleEvenOdd; shapeLayer.path = pacmanOpenPath.CGPath; shapeLayer.strokeColor = [UIColor yellowColor].CGColor; shapeLayer.lineWidth = 5.0f; shapeLayer.lineJoin = kCALineJoinRound; //当你使用时,奇数的值被绘制,然后偶数的值不被绘制。例如,如果你指定5,10,15,20,笔画将会有5个单元被绘制,接下来10不被绘制,15被绘制,20不被绘制。这种模式可以使用你喜欢的间隙来指定。请记住:奇数等于绘制而偶数不绘制。这些单元是被放在了一个放置NSNumber对象的NSArray的数组中,如果你在NSSArray中放置其他东西,会带来一些异常的效果。 // [shapeLayer setLineDashPattern: // [NSArray arrayWithObjects:[NSNumber numberWithInt:20], [NSNumber numberWithInt:15], // nil]]; shapeLayer.lineCap = kCALineCapRound; shapeLayer.frame = CGRectMake(10, 10, 30, 30); //所有继承于CALayer的核心动画层都有一个属性叫做mask.这个属性能够使你给层的所有内容做遮罩,除了层面罩中已经有的部分,它允许仅仅形状层绘制的部分显示那部分的图像。 我们将shapeLayer作为这个遮罩,显示出来的效果就是一个有着渐变填充色的圆弧 gradientLayer.mask = shapeLayer; //最重要的显示内容已经有了,接下来就是让图层动起来,所以加一个旋转动画 CABasicAnimation *spinAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"]; spinAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear]; spinAnimation.fromValue = [NSNumber numberWithInt:0]; spinAnimation.toValue = [NSNumber numberWithFloat:2 * M_PI]; spinAnimation.duration = 2; spinAnimation.repeatCount = HUGE_VALF; [shapeLayer addAnimation:spinAnimation forKey:@"shapeRotateAnimation"]; //现在圆弧就能够旋转了,但是我们发现渐变色是固定的位置,感觉就像是固定的背景色,为了达到一种动态的渐变,所以给gradientLayer也加上旋转动画效果,这样就是一段旋转的有着渐变效果的圆弧 [gradientLayer addAnimation:spinAnimation forKey:@"GradientRotateAniamtion"];
0 0
- 加载动画
- 加载动画
- 加载动画
- ajax加载动画实现jquery加载动画
- 前端加载动画/加载等待动画
- Android加载动画 旋转动画 、帧动画
- 加载动画光标
- UIImageView 加载动画
- silverlight加载动画
- css3加载动画2
- fushioncharts取消加载动画
- 网页加载Flash动画
- 动画加载方式
- 自定义加载进度动画
- Android 加载gif动画
- android图片加载动画
- 加载动画的实现
- 自定义加载动画
- float类型除法
- 电源管理新技术--动态功率路径管理(DPPM)
- easyui布局
- MATLAB神经网络编程(十)——Hopfield网络结构与应用
- velocity基本使用
- 加载动画
- 关于安卓基础迟迟没更新的原因
- HDU-1865-1sting
- 寻找最大数
- 关系型数据的分布式处理系统MyCAT(2)——高级功能和管理监控
- 变量的初始化
- 黑马程序员--IOS学习日记:04--面向对象的三大特性之继承
- html页面上加载视频播放功能
- GitHub 优秀的 Android 开源项目