iOS动画实现雨花与樱花特效_IOS

先来看看效果图:

下面直接上代码:

粒子特效的话我只服苹果系统的,CAEmitter粒子特效提供了非常丰富的属性来实现各种效果(雨滴、雪花、流星),用法简单B格高。首先创建好CAEmitterLayer粒子发射器图层,CAEmitterCell粒子单元,然后根据需要设置somany粒子单元的属性就OK了,最后注意要将粒子发射器图层的layer添加到整个背景的sublayer上。

@interface XMWeatherView ()

@property(nonatomic,strong) CAEmitterLayer *sunshineEmitterLayer;

@property(nonatomic,strong) CAEmitterLayer *rainDropEmitterLayer;

@property(nonatomic,strong) UIImageView *backgroundView;

@end

每个属性都有详细注释,最后就发挥您的想象力,爱怎么玩怎么玩吧!

#pragma mark - 下雨特效
-(void)addRainningEffect{

  self.backgroundView.image=[UIImage imageNamed:@"rainning.jpeg"];

  //粒子发射器图层
  self.rainDropEmitterLayer=[CAEmitterLayer layer];

  //粒子发射器位置
  _rainDropEmitterLayer.emitterPosition=CGPointMake(100, -30);

  //粒子发射器的范围
  _rainDropEmitterLayer.emitterSize=CGSizeMake(self.bounds.size.width*4, 0);

  //发射模式
  _rainDropEmitterLayer.emitterMode=kCAEmitterLayerOutline;

  //粒子模式
  _rainDropEmitterLayer.emitterShape=kCAEmitterLayerLine;

  //创建粒子
  CAEmitterCell *emitterCell=[CAEmitterCell emitterCell];

  //设置粒子内容
  emitterCell.contents=(__bridge id)([UIImage imageNamed:@"42-Raindrop"].CGImage);

  //设置粒子缩放比例
  emitterCell.scale=0.9;

  //缩放范围
  emitterCell.scaleRange=0.5;

  //每秒粒子产生数量
  emitterCell.birthRate=130;

  //粒子生命周期
  emitterCell.lifetime=5;

  //粒子透明速度
  emitterCell.alphaSpeed=-0.1;

  //粒子速度
  emitterCell.velocity=280;
  emitterCell.velocityRange=100;

  //设置发射角度
  emitterCell.emissionLongitude=-M_PI;
//  emitterCell.emissionRange=M_PI;

  //设置粒子旋转角速度
//  emitterCell.spin=M_PI_4;

  //设置layer阴影
  _rainDropEmitterLayer.shadowOpacity=1.0;

  //设置圆角
  _rainDropEmitterLayer.shadowRadius=2;

  //设置偏移
  _rainDropEmitterLayer.shadowOffset=CGSizeMake(1, 1);

  //设置颜色
  _rainDropEmitterLayer.shadowColor=[UIColor whiteColor].CGColor
  ;

  //设置layer的粒子
  _rainDropEmitterLayer.emitterCells=@[emitterCell];

  _rainDropEmitterLayer.transform=CATransform3DMakeRotation(-M_PI/4, 0, 0, 1);

  [self.layer addSublayer:_rainDropEmitterLayer];
}

樱花的代码大同小异,请自行脑补。

这一篇就到这里了,大家有什么意见和问题记得及时反馈哦,希望本文对大家开发iOS有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ios
, 代码
, 效果
动画特效
礼物动画特效如何实现、mmd樱花飘落特效、卡尔玛樱花乱舞特效、html樱花飘落特效、pr特效樱花字幕,以便于您获取更多的相关知识。

时间: 2024-10-26 01:23:32

iOS动画实现雨花与樱花特效_IOS的相关文章

iOS动画开发之五——炫酷的粒子效果

iOS动画开发之五--炫酷的粒子效果         在上几篇博客中,我们对UIView层的动画以及iOS的核心动画做了介绍,基本已经可以满足iOS应用项目中所有的动画需求,如果你觉得那些都还不够炫酷,亦或是你灵光一现,想用UIKit框架写出一款炫酷的休闲游戏,那个有一个东西可以帮到你:iOS的粒子效果引擎. 一.粒子发射器         iOS中的粒子效果有两部分组成,一部分为发射器,设置例子发射的宏观属性,另一部分是粒子单元,用于设置相应的粒子属性.粒子发射器是基于Layer层,没错,又是

jQuery插件slicebox实现3D动画图片轮播切换特效

 漂亮jQuery 3D动画图片轮播切换特效插件jquery.slicebox.js,基于jQuery,插件采用CSS 3D 动画效果,支持事件Callback调用,支持参数自定义配置,如:speed:600 切换速度.autoplay:true 是否自动播放,在浏览器兼容方面,需要浏览器支持CSS3变换变形属性,不支持的将看不到3D特效,推荐学习下代码. 使用方法: 1.加载插件和jQuery 1 2 3 4 <link type="text/css" rel="st

IOS开发UI篇--IOS动画(Core Animation)总结

一.简介 IOS 动画主要是指Core Animation框架.官方使用文档地址为:Core Animation Guide. Core Animation是IOS和OS X平台上负责图形渲染与动画的基础框架.Core Animation可以作用与动画视图或者其他可视元素,为你完成了动画所需的大部分绘帧工作.你只需要配置少量的动画参数(如开始点的位置和结束点的位置)即可使用Core Animation的动画效果.Core Animation将大部分实际的绘图任务交给了图形硬件来处理,图形硬件会加

IOS动画(Core Animation)总结

一.简介 IOS 动画主要是指Core Animation框架.官方使用文档地址为:Core Animation Guide. Core Animation是IOS和OS X平台上负责图形渲染与动画的基础框架.Core Animation可以作用与动画视图或者其他可视元素,为你完成了动画所需的大部分绘帧工作.你只需要配置少量的动画参数(如开始点的位置和结束点的位置)即可使用Core Animation的动画效果.Core Animation将大部分实际的绘图任务交给了图形硬件来处理,图形硬件会加

iOS动画开发之三——UIView的转场切换

iOS动画开发之三--UIView的转场切换         前两篇博客中,我们分别介绍了UIView动画的两种使用方式,分别为,带block的方式:http://my.oschina.net/u/2340880/blog/484457 ,传统的属性配置的方式:http://my.oschina.net/u/2340880/blog/484538.通过UIView动画的类方法,我们可以十分方便的使View某些属性改变的同时拥有动画效果.这篇博客主要讨论View切换的动画操作.         两

iOS动画开发之二——UIView动画执行的另一种方式

iOS动画开发之二--UIView动画执行的另一种方式         上一篇博客中介绍了UIView的一些常用动画,通过block块,我们可以很方便简洁的创建出动画效果:http://my.oschina.net/u/2340880/blog/484457,这篇博客再介绍一种更加传统的执行UIView的动画的方法.         这种方式相比如block的方式,显得要麻烦一些,apple官方也推荐我们使用带block的创建动画的方式,我们可以将编程重心更多的放在动画逻辑的实现上.使用begi

iOS动画开发之一——UIViewAnimation动画的使用

iOS动画开发之一--UIViewAnimation动画的使用 一.简介       一款APP的成功与否,除了完善的功能外,用户体验也占有极大的比重,动画的合理运用,可以很好的增强用户体验.iOS开发中,常用的动画处理有UIView动画编程和核心动画编程,其中UIView动画使用简便,开发中应用十分广泛.这篇博客,主要讨论UIView的动画使用. 二.UIView动画的几个方法 + (void)animateWithDuration:(NSTimeInterval)duration anima

iOS动画开发之四——核心动画编程(CoreAnimation)

iOS动画开发之四--核心动画编程(CoreAnimation) 一.引言         前几篇博客详细介绍了有关UIView层的动画使用与相关的效果,然而这些动画是UIKit为我们封装好的核心动画层的方法,通过这些方法,我们可以用的更加简便,当然功能也十分强大,基本能达到我们项目的大多需求.但是如果你想更加自由的通过动画操作视图的属性,你就需要跳过UIKit的封装,使用CoreAnimation核心动画层的方法来实现动画. 二.开始前的准备 1.认识一个的朋友         在开始介绍核心

iOS实现滚动字幕的动画特效_IOS

效果图 开始上代码 滚动字幕的原理是用timer定时器间隔一定的时间来驱动scrollView上的内容偏移,来实现滚动的效果,原理比较简单,关键是有些细节需要处理好,实现流畅效果的同时要考虑到性能优化 这里是.h文件的接口方法及属性,可适应大部分自定义场景 /*初始化*/ -(instancetype)initWithFrame:(CGRect)frame textArray:(NSArray *)textArray colorArray:(NSArray *)textColorArray; /