gonzalonunez / skeleton Goto Github PK
View Code? Open in Web Editor NEW✨ An easy way to create sliding CAGradientLayer animations! Works great for creating skeleton screens for loading content.
License: MIT License
✨ An easy way to create sliding CAGradientLayer animations! Works great for creating skeleton screens for loading content.
License: MIT License
it's very wonderful to use this library when loading more data, it's possible?
Hello. First of all I would like to thank you for this library. I am trying to use this library to build my skeleton loading views, but when I insert a single GradientContainerView, IB breaks,and nothing renders, resulting in all of my VCs being blank in the IB.
The error I get in the build log is the following:
file:///.../LoadingView.xib: error: IB Designables: Failed to render and update auto layout status for UIView (iN0-l3-epB): dlopen(Skeleton.framework, 1): no suitable image found. Did find:
Skeleton.framework: required code signature missing for 'Skeleton.framework'
I suppose, as the message says, that if I fix the signature problem then my views will render and there will not be any problems. Is this something I need to solve on my side, or there is a signing problem in the library itself? (Keep in mind that the project builds just fine, it's just that InterfaceBuilder is broken)
Thank you!
I tried to make the animation like this: https://gph.is/g/amWgbvj (This one created by using library: https://github.com/dvtng/react-loading-skeleton in WebApp).
I tried to chain animation from left to right, but I cant make the same length of gradient shape for all subview. Here is my code:
extension ShimmerExampleCell: SkeletonOwner {
var gradientLayers: [CAGradientLayer] {
return [imagePlaceholderView.gradientLayer, titlePlaceholderView.gradientLayer, subtitlePlaceholderView.gradientLayer]
}
func slide(to dir: SkeletonDirection, group: ((CAAnimationGroup) -> Void) = { _ in }) {
imagePlaceholderView.gradientLayer.slide(to: .right) { (animationGroup) in
animationGroup.beginTime = 0
}
titlePlaceholderView.gradientLayer.slide(to: .right) { (animationGroup) in
animationGroup.beginTime = 1.1
subtitlePlaceholderView.gradientLayer.add(animationGroup, forKey: CAGradientLayer.kSlidingAnimationKey)
}
}
}
And I got: https://gph.is/g/ZPgPlXV
Please help me. Thank you so much!
Great work!!
Is there a example in demonstrating how to use this in Objective-C?
First of all thanks for this great project!
Is it possible to add an delay between the transition. For now it seems to be an endless animation and I would like to add a small delay between each gradient.
Seems like all needed to add support for Carthage is to mark your scheme as shared.
Is there a OC version?
Please add swift version to podspec, currently its failing if project is default to another version of swift.
s.swift_version = '4.2'
Thanks.
Issue
Library does not support circular shimmer views
Steps to Reproduce
In the example project within SkeletonCell.swift, update the imagePlaceholderView
to be a GradientContainerView
and update SkeletonCell.xib with the changes. Run the example project to now see a square for the imagePlaceholderView
with a shimmer. It seems the imagePlaceholderView.layer.cornerRadius
is ignored if imagePlaceholderView is a GradientContainerView
.
When I put app to the background and then I return to it, animation with gradient stops working.
This happens on example project as well.
-my mistake sorry-
Please support ios 8. Many thank @gonzalonunez for suppports.!
it's good way to load more data when users pull waiting the data callback, can this library work?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.