iOS動(dòng)畫實(shí)現(xiàn)雨花與櫻花特效
先來看看效果圖:
下面直接上代碼:
粒子特效的話我只服蘋果系統(tǒng)的,CAEmitter
粒子特效提供了非常豐富的屬性來實(shí)現(xiàn)各種效果(雨滴、雪花、流星),用法簡單B格高。首先創(chuàng)建好CAEmitterLayer
粒子發(fā)射器圖層,CAEmitterCell
粒子單元,然后根據(jù)需要設(shè)置somany
粒子單元的屬性就OK了,最后注意要將粒子發(fā)射器圖層的layer
添加到整個(gè)背景的sublayer
上。
@interface XMWeatherView () @property(nonatomic,strong) CAEmitterLayer *sunshineEmitterLayer; @property(nonatomic,strong) CAEmitterLayer *rainDropEmitterLayer; @property(nonatomic,strong) UIImageView *backgroundView; @end
每個(gè)屬性都有詳細(xì)注釋,最后就發(fā)揮您的想象力,愛怎么玩怎么玩吧!
#pragma mark - 下雨特效 -(void)addRainningEffect{ self.backgroundView.image=[UIImage imageNamed:@"rainning.jpeg"]; //粒子發(fā)射器圖層 self.rainDropEmitterLayer=[CAEmitterLayer layer]; //粒子發(fā)射器位置 _rainDropEmitterLayer.emitterPosition=CGPointMake(100, -30); //粒子發(fā)射器的范圍 _rainDropEmitterLayer.emitterSize=CGSizeMake(self.bounds.size.width*4, 0); //發(fā)射模式 _rainDropEmitterLayer.emitterMode=kCAEmitterLayerOutline; //粒子模式 _rainDropEmitterLayer.emitterShape=kCAEmitterLayerLine; //創(chuàng)建粒子 CAEmitterCell *emitterCell=[CAEmitterCell emitterCell]; //設(shè)置粒子內(nèi)容 emitterCell.contents=(__bridge id)([UIImage imageNamed:@"42-Raindrop"].CGImage); //設(shè)置粒子縮放比例 emitterCell.scale=0.9; //縮放范圍 emitterCell.scaleRange=0.5; //每秒粒子產(chǎn)生數(shù)量 emitterCell.birthRate=130; //粒子生命周期 emitterCell.lifetime=5; //粒子透明速度 emitterCell.alphaSpeed=-0.1; //粒子速度 emitterCell.velocity=280; emitterCell.velocityRange=100; //設(shè)置發(fā)射角度 emitterCell.emissionLongitude=-M_PI; // emitterCell.emissionRange=M_PI; //設(shè)置粒子旋轉(zhuǎn)角速度 // emitterCell.spin=M_PI_4; //設(shè)置layer陰影 _rainDropEmitterLayer.shadowOpacity=1.0; //設(shè)置圓角 _rainDropEmitterLayer.shadowRadius=2; //設(shè)置偏移 _rainDropEmitterLayer.shadowOffset=CGSizeMake(1, 1); //設(shè)置顏色 _rainDropEmitterLayer.shadowColor=[UIColor whiteColor].CGColor ; //設(shè)置layer的粒子 _rainDropEmitterLayer.emitterCells=@[emitterCell]; _rainDropEmitterLayer.transform=CATransform3DMakeRotation(-M_PI/4, 0, 0, 1); [self.layer addSublayer:_rainDropEmitterLayer]; }
櫻花的代碼大同小異,請自行腦補(bǔ)。
這一篇就到這里了,大家有什么意見和問題記得及時(shí)反饋哦,希望本文對大家開發(fā)iOS有所幫助。
相關(guān)文章
iOS 使用UITextField自定義搜索框 實(shí)現(xiàn)用戶輸入完之后“實(shí)時(shí)搜索”功能
這篇文章主要介紹了iOS 使用UITextField自定義搜索框 實(shí)現(xiàn)用戶輸入完之后“實(shí)時(shí)搜索”功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03iOS?WKWebView秒開方案實(shí)戰(zhàn)記錄
從iOS8開始,就引入了新的瀏覽器控件WKWebView,用于取代UIWebView,下面這篇文章主要給大家介紹了關(guān)于iOS?WKWebView秒開方案的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-12-12iOS應(yīng)用中使用Auto Layout實(shí)現(xiàn)自定義cell及拖動(dòng)回彈
這篇文章主要介紹了iOS應(yīng)用中使用Auto Layout實(shí)現(xiàn)自定義cell及拖動(dòng)回彈的方法,自定義UITableViewCell并使用Auto Layout對其進(jìn)行約束可以方便地針對多尺寸屏幕進(jìn)行調(diào)整,代碼為Swift語言,需要的朋友可以參考下2016-03-03詳解iOS應(yīng)用開發(fā)中使用設(shè)計(jì)模式中的抽象工廠模式
這篇文章主要介紹了iOS應(yīng)用開發(fā)中使用設(shè)計(jì)模式中的抽象工廠模式,示例代碼為傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-03-03詳解iOS App中UIPickerView滾動(dòng)選擇欄的添加方法
UIPickerView組件在應(yīng)用中選擇地區(qū)等方面的運(yùn)用非常常見,能夠提供多列的選擇項(xiàng),下買呢我們就來詳解iOS App中UIPickerView滾動(dòng)選擇欄的添加方法2016-05-05iOS13即將到來,iOS推送DeviceToken適配方案詳解
這篇文章主要介紹了iOS13即將到來,iOS推送DeviceToken適配方案詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09iOS本地動(dòng)態(tài)生成驗(yàn)證碼的方法
這篇文章主要介紹了iOS本地動(dòng)態(tài)生成驗(yàn)證碼的方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-01-01