Latest 1.1.0
Homepage https://github.com/pixel-ink/PIRipple
License MIT
Platforms ios 8.0
Authors

Ripple Effect for iOS (swift)

PIRipple
PIRipple
PIRipple
PIRipple


demo

demo

  • if try this demo. git clone / download and open project, and run.

install

  • manually
    • add PIRipple.swift into your project
  • cocoapods
    • add " pod ‘PIRipple’, ‘1.1.0’ " into your Podfile
    • add " import PIRipple " into your code

basic usage

uiview extention

UIView.rippleBorder(CGPoint, color: UIColor)
UIView.rippleFill(CGPoint, color: UIColor)

"CGPoint" means location in view

  • example
override func touchesBegan(touches: Set<NSObject>, withEvent event: UIEvent) {
  super.touchesBegan(touches, withEvent: event)
  for touch: AnyObject in touches {
    var t: UITouch = touch as! UITouch
    let location = t.locationInView(self)

    rippleBorder(location, color: UIColor.whiteColor())

  }
}
  • run your code after animation
rippleBorder(location, color: UIColor.whiteColor()) {
  println("animation completed")
  // your code
}

class method

Ripple.border(view:UIView, locationInView or absolutePosition:CGPoint, color:UIColor)
Ripple.fill(view:UIView, locationInView or absolutePosition:CGPoint, color:UIColor)
  • locationInView

    • CGPointZero is top & left in UIView.
  • absolutePosition

    • CGPointZero is top & left in UIWindow.
  • example
Ripple.border(self.view, locationInView:CGPointZero, color:UIColor.whiteColor())
  • run your code after animation
Ripple.border(tagetView, locationInView:CGPointZero, color: UIColor.whiteColor()) {
  println("animation completed")
  // your code
}

advanced usage

  • your config animation
var option = Ripple.option()
//configure
option.borderWidth = CGFloat(5.0)
option.radius = CGFloat(30.0)
option.duration = CFTimeInterval(0.4)
option.borderColor = UIColor.whiteColor()
option.fillColor = UIColor.clearColor()
option.scale = CGFloat(3.0)

Ripple.run(self, locationInView: CGPointZero, option: option){
  println("animation completed")
}
  • cancel animation
UIView.rippleStop()
Ripple.stop(self.view)

Latest podspec

{
    "name": "PIRipple",
    "version": "1.1.0",
    "summary": "Ripple Effect for iOS (swift)",
    "homepage": "https://github.com/pixel-ink/PIRipple",
    "license": {
        "type": "MIT",
        "file": "LICENSE"
    },
    "authors": {
        "pixelink": "https://github.com/pixel-ink"
    },
    "social_media_url": "http://twitter.com/pixelink_jp",
    "platforms": {
        "ios": "8.0"
    },
    "source": {
        "git": "https://github.com/pixel-ink/PIRipple.git",
        "tag": "1.1.0"
    },
    "source_files": "**/PIRipple.swift"
}

Pin It on Pinterest

Share This