PulseAnimation

Pulse Button Animation with SwiftUI

<img width="250" alt="plus" src="https://user-images.githubusercontent.com/5228713/112019435-6fda7180-8b55-11eb-97ed-acefc02a2394.png"> <img width="250" alt="plus" src="https://user-images.githubusercontent.com/5228713/112019401-66e9a000-8b55-11eb-98d9-6383b77774a6.png"> <img width="250" alt="person" src="https://user-images.githubusercontent.com/5228713/112023956-bc27b080-8b59-11eb-880b-4f344a33e120.png"> <img width="250" alt="info" src="https://user-images.githubusercontent.com/5228713/112024064-d3669e00-8b59-11eb-8923-882f76605a07.png"> <img width="250" alt="Screenshot 2021-03-22 at 9 48 36 PM" src="https://user-images.githubusercontent.com/5228713/112024205-f6914d80-8b59-11eb-8027-d9bf8a54d5fe.png"> <img width="250" alt="Screenshot 2021-03-22 at 10 03 14 PM" src="https://user-images.githubusercontent.com/5228713/112024701-77504980-8b5a-11eb-93f0-c5c0910ab7c8.png">

I have created PJRPulseButton which will generate a pulse animation for the button. Provided an example as well.

How to use?

It is very simple, you can use PJRPulseButton file in any class just like PJRPulseButton(). It will craeate a default button animation with plus button image.

https://user-images.githubusercontent.com/5228713/112018520-a6fc5300-8b54-11eb-90ac-fd66d751a98e.mov

You can customize it with different colors, image, animation duration, button size and number of outer circles.

Example: PJRPulseButton(color: Color.red, systemImageName: "heart.circle.fill", buttonWidth: 48, numberOfOuterCircles: 2, animationDuration: 1)

https://user-images.githubusercontent.com/5228713/112018878-f3479300-8b54-11eb-850a-9a83f66ee41e.mov

License

Paritosh Raval