Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
Skeletonview | 11,743 | 24 | a month ago | 61 | August 11, 2022 | 47 | mit | Swift | ||
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting | ||||||||||
Gradify | 1,464 | 8 years ago | 16 | Python | ||||||
CSS gradient placeholders | ||||||||||
React Native Shimmer Placeholder | 914 | 23 | 6 | 2 months ago | 44 | September 24, 2021 | 18 | mit | JavaScript | |
Placeholder/ Skeleton of React Native | ||||||||||
Skeletonui | 587 | 8 days ago | 10 | July 11, 2022 | 3 | mit | Swift | |||
☠️ Elegant skeleton loading animation in SwiftUI and Combine | ||||||||||
Skeleton | 266 | 3 years ago | 1 | November 03, 2017 | 5 | apache-2.0 | Java | |||
Skeleton Android | ||||||||||
Aiforms.effects | 249 | 7 | a year ago | 36 | July 05, 2022 | 6 | mit | C# | ||
AiForms.Effects for Xamarin.Forms | ||||||||||
Rhplaceholder | 237 | 1 | a year ago | 5 | October 06, 2019 | 2 | mit | Makefile | ||
Show pleasant loading view for your users 😍 | ||||||||||
Ocskeleton | 179 | 1 | 3 years ago | 5 | October 22, 2018 | mit | Objective-C | |||
[OCSkeleton] - Make your loading view a little difference. | ||||||||||
Loadingplaceholderview | 128 | a year ago | 2 | July 04, 2018 | 8 | mit | Swift | |||
Non-blocking animated gradient placeholder view for your async tasks. | ||||||||||
Kaloader | 94 | 5 years ago | 2 | October 09, 2017 | 1 | mit | Swift | |||
Beautiful animated placeholders for showing loading of data |
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.
let image = UIImage(named: "placeholderEvents")
let placeholderView = SlidingGradientView(image: image)
//addSubview and constraints
placeholderView.startAnimating()
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)
pod "SlidingGradientView"
rockbruno, [email protected]
SlidingGradientView is available under the MIT license. See the LICENSE file for more info.