A number of preset loading indicators created with SwiftUI

Related tags

Activity Indicator 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 /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
A metaball loading written in Swift.

DBMetaballLoading Synopsis A metaball loading written in Swift. Special thanks to dodola's MetaballLoading, which is an android project. The animation

ChildhoodAndy 72 Jul 2, 2022
⌛️A customizable animated gradient loading bar.

GradientLoadingBar A customizable animated gradient loading bar. Inspired by iOS 7 Progress Bar from Codepen. Example To run the example project, clon

Felix M. 791 Dec 26, 2022
A lightweight and awesome loading Activity Indicator for your iOS app.

BPCircleActivityIndicator BPCircleActivityIndicator is a clean and easy-to-use Activity Indicator meant to display the progress of an ongoing task on

Ben.Park 46 Aug 12, 2022
Awesome loading animations using 3D engine written with Swift

RSLoadingView Introduction RSLoadingView bring your app to the new age of loading animations using 3D engine. Written with Swift Customizable Using Ap

null 419 Dec 16, 2022
A simple and awesome loading Activity Indicator(with block moving animation) for your iOS app.

BPBlockActivityIndicator BPBlockActivityIndicator is a clean and easy-to-use Activity Indicator meant to display the progress of an ongoing task on iO

Ben.Park 43 Nov 6, 2021
Windless makes it easy to implement invisible layout loading view.

Windless Windless makes it easy to implement invisible layout loading view. Contents Requirements Installation Usage Looks Credits Communication Licen

ArLupin 940 Dec 22, 2022
💀 An easy way to create sliding CAGradientLayer animations! Works great for creating skeleton screens for loading content.

Skeleton is an easy way to create sliding CAGradientLayer animations! It works great for creating skeleton screens: ??‍?? Usage The entire library com

Gonzalo Nuñez 668 Nov 2, 2022
Show pleasant loading view for your users 😍

RHPlaceholder ?? Because traditional loading view like UIActivityIndicatorView or similar one are no longer so trendy (Facebook or Instagram apps are

Robert Herdzik 238 Nov 2, 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