A number of preset loading indicators created with SwiftUI

Related tags

ProgressView swiftui swiftui-components swiftui-framework
Overview

ActivityIndicatorView

A number of preset loading indicators created with SwiftUI

We are a development agency building phenomenal apps.




Travis CI Version Carthage Compatible License Platform Twitter

Usage

Create an indicator like this:

ActivityIndicatorView(isVisible: $showLoadingIndicator, type: .default)

where
showLoadingIndicator - bool value you may change to display or hide the indicator
type - value from ActivityIndicatorView.IndicatorType enum

You may alter it with standard SwiftUI means like this:

ActivityIndicatorView(isVisible: $showLoadingIndicator, type: .default)
     .frame(width: 50.0, height: 50.0)
     .foregroundColor(.red)

Indicator types

default - iOS UIActivityIndicator style
arcs
rotatingDots
flickeringDots
scalingDots
opacityDots
equalizer
growingArc - add custom color for growing Arc, the default value is Color.red

ActivityIndicatorView(isVisible: $showLoadingIndicator, type: .growingArc(.red))
    .frame(width: 50.0, height: 50.0)

growingCircle
gradient - circle with angular gradient border stroke, pass colors ilke this:

ActivityIndicatorView(isVisible: $showLoadingIndicator, type: .gradient([.white, .red]))
    .frame(width: 50.0, height: 50.0)

Examples

To try out the ActivityIndicatorView examples:

  • Clone the repo git clone [email protected]:exyte/ActivityIndicatorView.git
  • Open terminal and run cd <ActivityIndicatorViewRepo>/Example
  • Run pod install to install all dependencies
  • Run xed . to open project in the Xcode
  • Try it!

Installation

CocoaPods

pod 'ActivityIndicatorView'

Carthage

github "Exyte/ActivityIndicatorView"

Swift Package Manager

dependencies: [
    .package(url: "https://github.com/exyte/ActivityIndicatorView.git", from: "0.0.1")
]

Manually

Drop ActivityIndicatorView.swift into your project.

Requirements

  • iOS 13+ / watchOS 13+ / tvOS 13+ / macOS 10.15+
  • Xcode 11+
Comments
  • Incompatible with NavigationView

    Incompatible with NavigationView

    If I put ActivityIndicatorView inside NavigationView, it would have strange behavior, repeatedly move from top left to center.

    NavigationView {
    ActivityIndicatorView(isVisible: .constant(true), type: .arcs)
        .frame(width: 70, height: 70, alignment: .center)
}

    output

    opened by feveral 2
  • fix no shared framework schemes

    fix no shared framework schemes

    The following error occurs when building with carthage.

    *** Skipped building ActivityIndicatorView due to the error: Dependency "ActivityIndicatorView" has no shared framework schemes for any of the platforms: iOS If you believe this to be an error, please file an issue with the maintainers at https://github.com/Exyte/ActivityIndicatorView/issues/new

    I fixed the error by adding ActivityIndicatorView.xcscheme.

    opened by fjswrk 1
  • Added Optional Color Parameter for .growingArc

    Added Optional Color Parameter for .growingArc

    Problem: By default, the stroke color of the arc is Color.red. Unable to override using foregroundColor.

    Solution: Add optional color parameter with the default value of Color.red, allowing user to customize the stroke color.

    opened by jpsison-io 1
  • If view size changes, the activity indicator (.gradient) slides left and right continuously

    If view size changes, the activity indicator (.gradient) slides left and right continuously

    I'm running a simple view with an activity indicator int he middle of it, on ipad simulator (ios 14). In multiwindow mode, when the size of the view changes, the .gradient view keeps rolling back and forth :-) quite an interesting one. Aloha Q

    opened by quantamrhino 1
  • Some animations not animating

    Some animations not animating

    I ran the sample project, but not all the animations are working like in your demo animation: Apr-25-2020 21-55-22

    I did a pod install in the Example directory and ran the project... but as you can see, not everything is animating.

    opened by lepolt 1
  • #7 Fix Sliding Bug

    #7 Fix Sliding Bug

    I hope that I didn't break anything. I’ve fixed the bug for gradient indicator, then I noticed that it is repeated for other indicators and fixed too.

    opened by mnndnl 0
Owner
Exyte
Exyte
GitHub
I couldn't find a progress bar package, so I created one

swiftbar I couldn't find a progress bar package, so I created one. Installation This package is available via the Swift Package Manager. Simply add .p

null 0 Dec 6, 2021
Easily show HUDs with SwiftUI! Lightweight SwiftUI wrapper for JGProgressHUD for iOS, tvOS, Catalyst.

JGProgressHUD-SwiftUI This is a lightweight and easy-to-use SwiftUI wrapper for JGProgressHUD, giving you access to the large and proven feature set o

Jonas Gessner 78 Dec 21, 2022
A Circular SwiftUI progress View

A Circular progress view. There are some controllers to let you customize the progress-view and see which one works better for you. This whole project

Mahdi Bahrami 8 May 7, 2022
TTProgressHUD is a light weight HUD written in SwiftUI meant to display the progress of an ongoing task on iOS.

TTProgressHUD TTProgressHUD is a light weight HUD written in SwiftUI meant to display the progress of an ongoing task on iOS. TTProgressHUD (left) was

Tobias Totzek 184 Dec 27, 2022
A number of preset loading indicators created with SwiftUI

ActivityIndicatorView A number of preset loading indicators created with SwiftUI We are a development agency building phenomenal apps. Usage Create an

Exyte 956 Dec 26, 2022
A number of preset loading indicators created with SwiftUI

A number of preset loading indicators created with SwiftUI

Exyte 968 Jan 8, 2023
TextFieldFormatter - Simple Text Formatter (Credit Card Number, Phone Number, Serial Number etc.)

TextFieldFormatter Simple Text Formatter (Credit Card Number, Phone Number, Seri

Anıl ORUÇ 4 Apr 4, 2022
NumberMorphView a view like label for displaying numbers which animate with transition using a technique called number tweening or number morphing.

NumberMorphView a view like label for displaying numbers which animate with transition using a technique called number tweening or num

Abhinav Chauhan 1.6k Dec 21, 2022
Progress and Activity Indicators for iOS apps

Progress Indicators and Activity Views for iOS Apps Features Storyboard compatible, configure apprearance with the property inspector. fully animated,

Alexander Kasimir 101 Nov 13, 2022
StepSlider its custom implementation of slider such as UISlider for preset integer values.

StepSlider StepSlider its custom implementation of slider such as UISlider for preset values. Behind the scenes StepSlider manipulate integer indexes.

spromicky 520 Dec 20, 2022
An instagram-like image editor that can apply preset filters passed to it and customized editings to a binded image.

CZImageEditor CZImageEditor is an instagram-like image editor with clean and intuitive UI. It is pure swift and can apply preset filters and customize

null 8 Dec 16, 2022
A Meetings app where the user is presented with the number of meetings created , join any them , edit the varied details also keeping the track of the history of the meetings.

Meetings A Meetings app where the user is presented with the number of meetings created , join any them , edit the varied details also keeping the tra

Devang Papinwar 1 Oct 18, 2021
A SwiftUI view for dynamically rendering content based upon "loading", "error", and "completed" data loading states.

SwiftUIAsyncContentView A SwiftUI view for dynamically rendering content based upon "loading", "error", and "completed" data loading states.. Installa

CypherPoet 0 Dec 26, 2021
SpanGrid is an enriched SwiftUI LazyVGrid that supports a number of extra features.

SpanGrid is an enriched SwiftUI LazyVGrid that supports a number of extra features.

James Sherlock 6 Dec 17, 2022
Elegant SwiftUI phone number textField.

iPhoneNumberField ☎️ Format phone numbers as they're typed—entirely in SwiftUI. ?? Get Started | Examples | Customize | Features | Install | And it's

Seyed Mojtaba Hosseini Zeidabadi 358 Dec 30, 2022
OdometerLabel - SwiftUI number label with odometer animation

Пример Simulator.Screen.Recording.-.L.iPhone.12.-.2022-01-30.at.16.26.53.mp4

Misnikov Roman 2 Jun 13, 2022
Throttle massive number of inputs in a single drop of one line API.

Icon credits: Lorc, Delapouite & contributors Throttler Throttler is a library that throttles unnecessarily repeated and massive inputs until the last

Jang Seoksoon 73 Nov 16, 2022
An iOS/tvOS photo gallery viewer, useful for viewing a large (or small!) number of photos.

This project is unmaintained. Alex passed away in an accident in late 2019. His love of iOS development will always be remembered. AXPhotoViewer AXPho

Alex Hill 596 Dec 30, 2022
Scan the MRZ code of a passport and extract the firstname, lastname, passport number, nationality, date of birth, expiration date and personal numer.

PassportScanner Works with 2 and 3 line identity documents. What is this With PassportScanner you can use your camera to scan the MRZ code of a passpo

Edwin Vermeer 441 Dec 24, 2022
SamuraiTransition is an open source Swift based library providing a collection of ViewController transitions featuring a number of neat “cutting” animations.

SamuraiTransiton is a ViewController transition framework in Swift. It is an animation as if Samurai cut out the screen with a sword. transition types

hachinobu 273 Dec 29, 2022