Slidinggradientview

iOS pod that adds a sliding gradient to simulate placeholder loading views.
Alternatives To Slidinggradientview
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Skeletonview11,743
24a month ago61August 11, 202247mitSwift
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
Gradify1,464
8 years ago16Python
CSS gradient placeholders
React Native Shimmer Placeholder9142362 months ago44September 24, 202118mitJavaScript
Placeholder/ Skeleton of React Native
Skeletonui587
8 days ago10July 11, 20223mitSwift
☠️ Elegant skeleton loading animation in SwiftUI and Combine
Skeleton266
3 years ago1November 03, 20175apache-2.0Java
Skeleton Android
Aiforms.effects249
7a year ago36July 05, 20226mitC#
AiForms.Effects for Xamarin.Forms
Rhplaceholder237
1a year ago5October 06, 20192mitMakefile
Show pleasant loading view for your users 😍
Ocskeleton179
13 years ago5October 22, 2018mitObjective-C
[OCSkeleton] - Make your loading view a little difference.
Loadingplaceholderview128
a year ago2July 04, 20188mitSwift
Non-blocking animated gradient placeholder view for your async tasks.
Kaloader94
5 years ago2October 09, 20171mitSwift
Beautiful animated placeholders for showing loading of data
Alternatives To Slidinggradientview
Select To Compare


Alternative Project Comparisons
Readme

SlidingGradientView

Version License Platform

SlidingGradientView adds a sliding gradient to images in order to give the impression that something is loading. This is mostly meant to be used with images that resemble placeholders.

Loading

Usage

let image = UIImage(named: "placeholderEvents")
let placeholderView = SlidingGradientView(image: image)
//addSubview and constraints
placeholderView.startAnimating()

Customization

By default, SlidingGradientView uses a gradient that starts and end at RGB 248 248 248 and traverses 120% of the screen's bounds in 0.7 seconds. You can edit these properties by creating a GradientProperties object like this:

//Use UIColor.white.withAlphaComponent(0) for transparency, not UiColor.clear!
let gradientColors = [
                      GradientColor(color: UIColor.white.withAlphaComponent(0), location: 0),
                      GradientColor(color: UIColor.red, location: 0.5),
                      GradientColor(color: UIColor.white.withAlphaComponent(0), location: 1)
                     ]
let slidingProperties = SlidingProperties(fromX: 0, toX: 100, animationDuration: 3)
let properties = GradientProperties(gradientWidth: 300, gradientColors: gradientColors, slidingProperties: slidingProperties)
let placeHolder2 = SlidingGradientView(image: image, properties: properties)

Installation

CocoaPods

pod "SlidingGradientView"

Author

rockbruno, [email protected]

License

SlidingGradientView is available under the MIT license. See the LICENSE file for more info.

Popular Placeholder Projects
Popular Gradient Projects
Popular User Interface Components Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Swift
Gradient
Placeholder