“下雨”的動畫效果

一、效果展示

二、實現流程

• 設置背景

func setupUI() {self.imageView = UIImageView.init()self.imageView?.frame = CGRect.init(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: UIScreen.main.bounds.size.height)self.imageView?.image = UIImage.init(named: "rain")self.view.addSubview(self.imageView!)self.view.sendSubviewToBack(self.imageView!)}

• 設置發射源

self.rainLayer = CAEmitterLayer.init()self.imageView?.layer.addSublayer(self.rainLayer!)// 發射形狀:線性self.rainLayer!.emitterShape = CAEmitterLayerEmitterShape.line// 發射模式self.rainLayer!.emitterMode = CAEmitterLayerEmitterMode.surface// 發射源大小self.rainLayer!.emitterSize = self.view.frame.size// 發射源位置 y最好不要設置為0 最好<0self.rainLayer!.emitterPosition = CGPoint.init(x: self.view.bounds.size.width * 0.5, y: -10)

• 設置發射粒子

let snowCell = CAEmitterCell.init()// 每秒產生的粒子數量的系數snowCell.birthRate = 25.0// 粒子內容snowCell.contents = UIImage.init(named: "rain_white")?.cgImage// 粒子的生命周期snowCell.lifetime = 20.0// speed粒子速度.圖層的速率。用于將父時間縮放為本地時間，例如，如果速率是2，則本地時間的進度是父時間的兩倍。默認值為1snowCell.speed = 10.0// 粒子速度系數, 默認1.0snowCell.velocity = 10.0// 每個發射物體的初始平均范圍,默認等于0snowCell.velocityRange = 10.0// 粒子在y方向的加速的snowCell.yAcceleration = 1000.0// 粒子縮放比例: scalesnowCell.scale = 0.1// 粒子縮放比例范圍:scaleRangesnowCell.scaleRange = 0.0self.rainLayer?.emitterCells = [snowCell]

• 點擊事件處理

// MARK: Events Responder@IBAction func responderToRainBig(_ sender: UIButton) {if self.rainLayer!.birthRate < 30 {self.rainLayer?.setValue(self.rainLayer!.birthRate + 1, forKey: "birthRate")self.rainLayer?.setValue(self.rainLayer!.scale + 0.05, forKey: "scale")}}@IBAction func respondertToRainStop(_ sender: UIButton) {sender.isSelected = !sender.isSelectedif sender.isSelected {self.rainLayer?.setValue(0.0, forKey: "birthRate")} else {self.rainLayer?.setValue(1.0, forKey: "birthRate")}}@IBAction func responderToRainSmall(_ sender: UIButton) {if self.rainLayer!.birthRate > 1 {self.rainLayer?.setValue(self.rainLayer!.birthRate - 1, forKey: "birthRate")self.rainLayer?.setValue(self.rainLayer!.scale - 0.05, forKey: "scale")}}

“煙花”的動畫效果

一、效果展示

實現

self.view.backgroundColor = UIColor.black// cell產生在底部,向上移動let fireworkdEmitter = CAEmitterLayer.init()fireworkdEmitter.emitterPosition = CGPoint.init(x: self.view.frame.size.width/2, y: self.view.frame.size.height)fireworkdEmitter.emitterMode = CAEmitterLayerEmitterMode.outlinefireworkdEmitter.emitterShape = CAEmitterLayerEmitterShape.linefireworkdEmitter.renderMode = CAEmitterLayerRenderMode.additivefireworkdEmitter.seed = (arc4random()%100)+1// 創建火箭celllet rocket = CAEmitterCell.init()rocket.birthRate = 1rocket.emissionRange = CGFloat(0.25 * Double.pi);rocket.velocity = 300rocket.velocityRange = 75rocket.lifetime = 1.02rocket.contents = UIImage.init(named: "rain_white")?.cgImagerocket.scale = 0.5rocket.scaleRange = 0.5rocket.color = UIColor.red.cgColorrocket.greenRange = 1.0rocket.redRange = 1.0rocket.blueRange = 1.0rocket.spinRange = CGFloat(Double.pi)// 破裂對象不能被看到,但會產生火花// 這里改變顏色,因為火花繼承它的值let fireCell = CAEmitterCell.init()fireCell.birthRate = 1fireCell.velocity = 0fireCell.scale = 1fireCell.redSpeed = -1.5fireCell.blueSpeed = +1.5fireCell.greenSpeed = +1.5fireCell.lifetime = 0.34// and finally, the sparkslet spark = CAEmitterCell.init()// 炸開后產生400個小煙花spark.birthRate = 400// 速度spark.velocity = 125// 360度spark.emissionRange = CGFloat(2 * Double.pi)// 重力spark.yAcceleration = 40spark.lifetime = 3spark.contents = UIImage.init(named: "rain_white")?.cgImagespark.scaleSpeed = -0.2spark.greenSpeed = -0.1spark.redSpeed = +0.1spark.blueSpeed = -0.1spark.alphaSpeed = -0.25spark.spin = CGFloat(2 * Double.pi)spark.spinRange = CGFloat(2 * Double.pi)fireworkdEmitter.emitterCells = [rocket]rocket.emitterCells = [fireCell]fireCell.emitterCells = [spark];self.view.layer.addSublayer(fireworkdEmitter)

完整示例

• iOS實現各種粒子的動畫效果

總結

以上是生活随笔為你收集整理的iOS实现“下雨下雪”动画效果和“烟花”动画效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。