Circular progress Animation Built Using Swift

by iOS Example

JDCircularProgress






JDCircularProgress is animateable UIView that can significantly enhance your users’ experiences and set your app apart from the rest of the pack.

It is build using CABasicAnimation, CAKeyFrameAnimation and CAShapeLayer through UIBezierpath. Its fun to play with CoreGraphics.It starts slow and By the end, you’ll be able to create stunning graphics for your apps.

Requirements

  • iOS 11.0+ / Mac OS X 10.9+ / watchOS 2.0+ / tvOS 9.0+
  • Xcode 8.0+

Installation

CocoaPods

To integrate JDCircularProgress into your Xcode project using CocoaPods, specify it in your Podfile:

use_frameworks!

pod 'JDCircularProgress'

Then, run the following command:

$ pod install

Carthage

To integrate JDCircularProgress into your Xcode project using Carthage, specify it in your Cartfile:

github "jwd-ali/JDCircularProgress"

Swift Package Manager (SPM)

Prerequisites

  • OSX

Update Package.swift

To integrate JDCircularProgress in your project, add the proper description to your Package.swift file:

// swift-tools-version:5.0
import PackageDescription

let package = Package(
    name: "YOUR_PROJECT_NAME",
    dependencies: [
        .package(url: "https://github.com/jwd-ali/JDCircularProgress.git")
    ],
    targets: [
        .target(
            name: "YOUR_TARGET_NAME",
            dependencies: ["JDCircularProgress"]
        ),
        ...
    ]
)

Manually

If you prefer not to use a dependency manager, you can integrate JDCircularProgress into your project manually.

  • Add sources into your project:
    • Drag Sources

Usage

If you are using any dependency manager (pods , carthage , package manager)to integrate JDCircularProgress. Import JDCircularProgress first:

import JDCircularProgress

And for Manuall install you dont need to import anything

  • Init your view with JDCircularProgress same as you initialize default UIView:

  let progressView = ProgressView()

Animation functions

progressView.startAnimating()

This function will animate once .. Every startAnimating function also have completion block

progressView.startAnimating(repeatCount: .infinity)

This function will run animation in loop until you stop it

See the Demo Xcode project its easy to understand with proper comments on properties .. write me if you didn’t get anything L060214@gmail.com

Congratulations! You’re done.

Contributing

I’d love to have help on this project. For small changes please open a pull request, for larger changes please open an issue first to discuss what you’d like to see.

License

JDCircularProgress is under MIT. See LICENSE file for more info.

GitHub

https://github.com/jwd-ali/JDCircularProgress