转载

[iOS] 通过 SpriteKit 内置工具粒子发射器实现酷炫的可定制装载动画

ParticlesLoadingView

Description

With ParticlesLoadingView you can create your own amazing SpriteKit particles animations with the Xcode's built-in Particle Emitter Editor that looks like the following picture. Go ahead and create your own particles animation by doing File :arrow_right: New File :arrow_right: iOS Resource :arrow_right: SpriteKit Particle File.

[iOS] 通过 SpriteKit 内置工具粒子发射器实现酷炫的可定制装载动画

Usage

To see it in action, run the example project, clone the repo, and run pod install from the Example directory first. The example project shows how to set up ParticlesLoadingView in a few different ways.

The easiest way to add a particles animation around the border of any UIView subclass is to use the extension method as follows:

let view = ... // Your UIView subclass here view.addParticlesAnimation(effect: ParticleEffect.Fire) // Use a built-in effect view.addParticlesAnimation(emitter: emitter) // Use your own SKEmitterNode

You can also use the already provided ParticlesLoadingView class to create an animation. Instantiate it by code or in Storyboard and select a built-in ParticleEffect or set the scene.emitterNode to your custom SKEmitterNode object.

var loadingView: ParticlesLoadingView = {     let view = ParticlesLoadingView(frame: 0, y: 0, width: 75, height: 75))     view.particleEffect = .Spark     view.duration = 1.5     view.layer.cornerRadius = 15.0     return view }()  // OR provide your own SKEmitterNode  let emitter = NSKeyedUnarchiver.unarchiveObjectWithFile(NSBundle.mainBundle().pathForResource("Spark", ofType: "sks")!) as? SKEmitterNode if let emitter = emitter {      loadingView.scene.emitterNode = emitter     loadingView.startAnimating() }

Customizations

/// Duration in seconds of the animation to complete a tour on the border of the view. public var duration = 2.0  /// The size of each particle image. This value is used to calculate the inner padding of the view path so that the emitted particles are visible. public var particlesSize: CGFloat = 5.0  /// The emitter of particles that is animated along the border of the view. public var emitterNode: SKEmitterNode? = nil

You can provide your own particle emitter node by designing an animation with the particle emitter editor and creating a SKEmitterNode . If you want to customize it further than that, the project is documented so go ahead and :fork_and_knife: it.

If you think a feature should be included in this project, submit a PR or open a new issue.

Installation

ParticlesLoadingView is available through CocoaPods . To install it, simply add the following line to your Podfile :

pod "ParticlesLoadingView"

You can also useCarthage if you prefer. Add this line to your Cartfile .

github "BalestraPatrick/ParticlesLoadingView"

Requirements

iOS 9.0 and Swift 2.2 are required.

Author

I'm Patrick Balestra . Email: me@patrickbalestra.com Twitter: @BalestraPatrick .

License

ParticlesLoadingView is available under the MIT license. See theLICENSE file for more info.

原文 https://github.com/BalestraPatrick/ParticlesLoadingView

正文到此结束

所属分类：编程技术

本文标签： node description value Action 定制 tar key Twitter Select IOS CDN Document http https CTO src git GitHub example ip IDE Swift mail UI CocoaPods
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

[iOS] 通过 SpriteKit 内置工具粒子发射器实现酷炫的可定制装载动画

ParticlesLoadingView

Description

Usage

Customizations

Installation

Requirements

Author

License

热门推荐

相关文章

说给你听

本文目录

随机标签

书籍教程

近期评论

网站信息

其他链接

关于本站

问题交流