NSLayoutConstraint {
- let heightConstraint = heightAnchor.constraint(equalToConstant: constant)
- heightConstraint.identifier = "SkeletonView.Constraint.Height.\(constant)"
- NSLayoutConstraint.activate([heightConstraint])
- return heightConstraint
- }
-
- var nonContentSizeLayoutConstraints: [NSLayoutConstraint] {
- constraints.filter({ "\(type(of: $0))" != "NSContentSizeLayoutConstraint" })
- }
-}
diff --git a/Sources/Extensions/UIView+Frame.swift b/Sources/Extensions/UIView+Frame.swift
deleted file mode 100644
index 323e6555..00000000
--- a/Sources/Extensions/UIView+Frame.swift
+++ /dev/null
@@ -1,55 +0,0 @@
-//
-// UIView+Frame.swift
-// SkeletonView-iOS
-//
-// Created by Juanpe Catalán on 06/11/2017.
-// Copyright © 2017 SkeletonView. All rights reserved.
-//
-
-import UIKit
-
-// MARK: Frame
-extension UIView {
- var definedMaxBounds: CGRect {
- if let parentStackView = (superview as? UIStackView) {
- var origin: CGPoint = .zero
- switch parentStackView.alignment {
- case .trailing:
- origin.x = definedMaxWidth
- default:
- break
- }
- return CGRect(origin: origin, size: definedMaxSize)
- }
- return CGRect(origin: .zero, size: definedMaxSize)
- }
-
- var definedMaxSize: CGSize {
- CGSize(width: definedMaxWidth, height: definedMaxHeight)
- }
-
- var definedMaxWidth: CGFloat {
- max(between: frame.size.width, andContantsOf: widthConstraints)
- }
-
- var definedMaxHeight: CGFloat {
- max(between: frame.size.height, andContantsOf: heightConstraints)
- }
-
- var isRTL: Bool {
- if #available(iOS 10.0, *), #available(tvOS 10.0, *) {
- return effectiveUserInterfaceLayoutDirection == .rightToLeft
- } else {
- return false
- }
- }
-
- private func max(between value: CGFloat, andContantsOf constraints: [NSLayoutConstraint]) -> CGFloat {
- let max = constraints.reduce(value, { max, constraint in
- var tempMax = max
- if constraint.constant > tempMax { tempMax = constraint.constant }
- return tempMax
- })
- return max
- }
-}
diff --git a/Sources/Extensions/UIView+IBInspectable.swift b/Sources/Extensions/UIView+IBInspectable.swift
deleted file mode 100644
index 989a4d2d..00000000
--- a/Sources/Extensions/UIView+IBInspectable.swift
+++ /dev/null
@@ -1,53 +0,0 @@
-// Copyright © 2017 SkeletonView. All rights reserved.
-
-import UIKit
-
-public extension UIView {
- @IBInspectable
- var isSkeletonable: Bool {
- get { return skeletonable }
- set { skeletonable = newValue }
- }
-
- @IBInspectable
- var isHiddenWhenSkeletonIsActive: Bool {
- get { return hiddenWhenSkeletonIsActive }
- set { hiddenWhenSkeletonIsActive = newValue }
- }
-
- @IBInspectable
- var isUserInteractionDisabledWhenSkeletonIsActive: Bool {
- get { return disabledWhenSkeletonIsActive }
- set { disabledWhenSkeletonIsActive = newValue }
- }
-
- @IBInspectable
- var skeletonCornerRadius: Float {
- get { return skeletonableCornerRadius }
- set { skeletonableCornerRadius = newValue }
- }
-
- var isSkeletonActive: Bool {
- return status == .on || subviewsSkeletonables.contains(where: { $0.isSkeletonActive })
- }
-
- private var skeletonable: Bool {
- get { return ao_get(pkey: &ViewAssociatedKeys.skeletonable) as? Bool ?? false }
- set { ao_set(newValue, pkey: &ViewAssociatedKeys.skeletonable) }
- }
-
- private var hiddenWhenSkeletonIsActive: Bool {
- get { return ao_get(pkey: &ViewAssociatedKeys.hiddenWhenSkeletonIsActive) as? Bool ?? false }
- set { ao_set(newValue, pkey: &ViewAssociatedKeys.hiddenWhenSkeletonIsActive) }
- }
-
- private var disabledWhenSkeletonIsActive: Bool {
- get { return ao_get(pkey: &ViewAssociatedKeys.disabledWhenSkeletonIsActive) as? Bool ?? true }
- set { ao_set(newValue, pkey: &ViewAssociatedKeys.disabledWhenSkeletonIsActive) }
- }
-
- private var skeletonableCornerRadius: Float {
- get { return ao_get(pkey: &ViewAssociatedKeys.skeletonCornerRadius) as? Float ?? 0.0 }
- set { ao_set(newValue, pkey: &ViewAssociatedKeys.skeletonCornerRadius) }
- }
-}
diff --git a/Sources/Extensions/UIView+UIApplicationDelegate.swift b/Sources/Extensions/UIView+UIApplicationDelegate.swift
deleted file mode 100644
index cdb1fdd4..00000000
--- a/Sources/Extensions/UIView+UIApplicationDelegate.swift
+++ /dev/null
@@ -1,43 +0,0 @@
-//
-// UIView+UIApplicationDelegate.swift
-// SkeletonView-iOS
-//
-// Created by Juanpe Catalán on 08/02/2018.
-// Copyright © 2018 SkeletonView. All rights reserved.
-//
-
-import UIKit
-
-extension UIView {
- enum Constants {
- static let becomeActiveNotification = UIApplication.didBecomeActiveNotification
- static let enterForegroundNotification = UIApplication.didEnterBackgroundNotification
- static let willTerminateNotification = UIApplication.willTerminateNotification
- static let needAnimatedSkeletonKey = "needAnimateSkeleton"
- }
-
- func addAppNotificationsObservers() {
- NotificationCenter.default.addObserver(self, selector: #selector(appDidBecomeActive), name: Constants.becomeActiveNotification, object: nil)
- NotificationCenter.default.addObserver(self, selector: #selector(appDidEnterBackground), name: Constants.enterForegroundNotification, object: nil)
- NotificationCenter.default.addObserver(self, selector: #selector(willTerminateNotification), name: Constants.enterForegroundNotification, object: nil)
- }
-
- func removeAppNoticationsObserver() {
- NotificationCenter.default.removeObserver(self, name: Constants.becomeActiveNotification, object: nil)
- NotificationCenter.default.removeObserver(self, name: Constants.enterForegroundNotification, object: nil)
- }
-
- @objc func appDidBecomeActive() {
- if UserDefaults.standard.bool(forKey: Constants.needAnimatedSkeletonKey) {
- startSkeletonAnimation()
- }
- }
-
- @objc func appDidEnterBackground() {
- UserDefaults.standard.set((isSkeletonActive && isSkeletonAnimated), forKey: Constants.needAnimatedSkeletonKey)
- }
-
- @objc func willTerminateNotification() {
- UserDefaults.standard.set(false, forKey: Constants.needAnimatedSkeletonKey)
- }
-}
diff --git a/Sources/Multilines/ContainsMultilineText.swift b/Sources/Multilines/ContainsMultilineText.swift
deleted file mode 100644
index 70bf569c..00000000
--- a/Sources/Multilines/ContainsMultilineText.swift
+++ /dev/null
@@ -1,21 +0,0 @@
-// Copyright © 2017 SkeletonView. All rights reserved.
-
-import UIKit
-
-enum MultilineAssociatedKeys {
- static var lastLineFillingPercent = "lastLineFillingPercent"
- static var multilineCornerRadius = "multilineCornerRadius"
- static var multilineSpacing = "multilineSpacing"
- static var paddingInsets = "paddingInsets"
- static var backupHeightConstraints = "backupHeightConstraints"
-}
-
-protocol ContainsMultilineText {
- var lineHeight: CGFloat { get }
- var numberOfLines: Int { get }
- var textAlignment: NSTextAlignment { get }
- var lastLineFillingPercent: Int { get }
- var multilineCornerRadius: Int { get }
- var multilineSpacing: CGFloat { get }
- var paddingInsets: UIEdgeInsets { get }
-}
diff --git a/Sources/Multilines/UILabel+Multiline.swift b/Sources/Multilines/UILabel+Multiline.swift
deleted file mode 100644
index b0b88634..00000000
--- a/Sources/Multilines/UILabel+Multiline.swift
+++ /dev/null
@@ -1,65 +0,0 @@
-// Copyright © 2018 SkeletonView. All rights reserved.
-
-import UIKit
-
-public extension UILabel {
- @IBInspectable
- var lastLineFillPercent: Int {
- get { return lastLineFillingPercent }
- set { lastLineFillingPercent = min(newValue, 100) }
- }
-
- @IBInspectable
- var linesCornerRadius: Int {
- get { return multilineCornerRadius }
- set { multilineCornerRadius = newValue }
- }
-
- @IBInspectable
- var skeletonLineSpacing: CGFloat {
- get { return multilineSpacing }
- set { multilineSpacing = newValue }
- }
-
- var skeletonPaddingInsets: UIEdgeInsets {
- get { return paddingInsets }
- set { paddingInsets = newValue }
- }
-}
-
-extension UILabel: ContainsMultilineText {
- var lineHeight: CGFloat {
- if let fontLineHeight = font?.lineHeight {
- if let heightConstraints = backupHeightConstraints.first?.constant {
- return (fontLineHeight > heightConstraints) ? heightConstraints : fontLineHeight
- }
- return fontLineHeight
- }
- return SkeletonAppearance.default.multilineHeight
- }
-
- var lastLineFillingPercent: Int {
- get { return ao_get(pkey: &MultilineAssociatedKeys.lastLineFillingPercent) as? Int ?? SkeletonAppearance.default.multilineLastLineFillPercent }
- set { ao_set(newValue, pkey: &MultilineAssociatedKeys.lastLineFillingPercent) }
- }
-
- var multilineCornerRadius: Int {
- get { return ao_get(pkey: &MultilineAssociatedKeys.multilineCornerRadius) as? Int ?? SkeletonAppearance.default.multilineCornerRadius }
- set { ao_set(newValue, pkey: &MultilineAssociatedKeys.multilineCornerRadius) }
- }
-
- var multilineSpacing: CGFloat {
- get { return ao_get(pkey: &MultilineAssociatedKeys.multilineSpacing) as? CGFloat ?? SkeletonAppearance.default.multilineSpacing }
- set { ao_set(newValue, pkey: &MultilineAssociatedKeys.multilineSpacing) }
- }
-
- var paddingInsets: UIEdgeInsets {
- get { return ao_get(pkey: &MultilineAssociatedKeys.paddingInsets) as? UIEdgeInsets ?? .zero }
- set { ao_set(newValue, pkey: &MultilineAssociatedKeys.paddingInsets) }
- }
-
- var backupHeightConstraints: [NSLayoutConstraint] {
- get { return ao_get(pkey: &MultilineAssociatedKeys.backupHeightConstraints) as? [NSLayoutConstraint] ?? [] }
- set { ao_set(newValue, pkey: &MultilineAssociatedKeys.backupHeightConstraints) }
- }
-}
diff --git a/Sources/Multilines/UITextView+Multiline.swift b/Sources/Multilines/UITextView+Multiline.swift
deleted file mode 100644
index c4058371..00000000
--- a/Sources/Multilines/UITextView+Multiline.swift
+++ /dev/null
@@ -1,72 +0,0 @@
-// Copyright © 2018 SkeletonView. All rights reserved.
-
-import UIKit
-
-public extension UITextView {
- @IBInspectable
- var lastLineFillPercent: Int {
- get { return lastLineFillingPercent }
- set { lastLineFillingPercent = min(newValue, 100) }
- }
-
- @IBInspectable
- var linesCornerRadius: Int {
- get { return multilineCornerRadius }
- set { multilineCornerRadius = newValue }
- }
-
- @IBInspectable
- var skeletonLineSpacing: CGFloat {
- get { return multilineSpacing }
- set { multilineSpacing = newValue }
- }
-
- var skeletonPaddingInsets: UIEdgeInsets {
- get { return paddingInsets }
- set { paddingInsets = newValue }
- }
-}
-
-extension UITextView: ContainsMultilineText {
- var lineHeight: CGFloat {
- if let fontLineHeight = font?.lineHeight {
- if let heightConstraints = heightConstraints.first?.constant {
- return (fontLineHeight > heightConstraints) ? heightConstraints : fontLineHeight
- }
-
- return fontLineHeight
- }
-
- return SkeletonAppearance.default.multilineHeight
- }
-
- var numberOfLines: Int {
- -1
- }
-
- var lastLineFillingPercent: Int {
- get {
- let defaultValue = SkeletonAppearance.default.multilineLastLineFillPercent
- return ao_get(pkey: &MultilineAssociatedKeys.lastLineFillingPercent) as? Int ?? defaultValue
- }
- set { ao_set(newValue, pkey: &MultilineAssociatedKeys.lastLineFillingPercent) }
- }
-
- var multilineCornerRadius: Int {
- get {
- let defaultValue = SkeletonAppearance.default.multilineCornerRadius
- return ao_get(pkey: &MultilineAssociatedKeys.multilineCornerRadius) as? Int ?? defaultValue
- }
- set { ao_set(newValue, pkey: &MultilineAssociatedKeys.multilineCornerRadius) }
- }
-
- var multilineSpacing: CGFloat {
- get { return ao_get(pkey: &MultilineAssociatedKeys.multilineSpacing) as? CGFloat ?? SkeletonAppearance.default.multilineSpacing }
- set { ao_set(newValue, pkey: &MultilineAssociatedKeys.multilineSpacing) }
- }
-
- var paddingInsets: UIEdgeInsets {
- get { return ao_get(pkey: &MultilineAssociatedKeys.paddingInsets) as? UIEdgeInsets ?? .zero }
- set { ao_set(newValue, pkey: &MultilineAssociatedKeys.paddingInsets) }
- }
-}
diff --git a/Sources/SkeletonAnimationBuilder.swift b/Sources/SkeletonAnimationBuilder.swift
deleted file mode 100644
index e23863e5..00000000
--- a/Sources/SkeletonAnimationBuilder.swift
+++ /dev/null
@@ -1,86 +0,0 @@
-//
-// SkeletonAnimationBuilder.swift
-// SkeletonView-iOS
-//
-// Created by Juanpe Catalán on 17/11/2017.
-// Copyright © 2017 SkeletonView. All rights reserved.
-//
-
-import UIKit
-
-typealias GradientAnimationPoint = (from: CGPoint, to: CGPoint)
-
-public enum GradientDirection {
- case leftRight
- case rightLeft
- case topBottom
- case bottomTop
- case topLeftBottomRight
- case bottomRightTopLeft
-
- public func slidingAnimation(duration: CFTimeInterval = 1.5, autoreverses: Bool = false) -> SkeletonLayerAnimation {
- return SkeletonAnimationBuilder().makeSlidingAnimation(withDirection: self, duration: duration, autoreverses: autoreverses)
- }
-
- // codebeat:disable[ABC]
- var startPoint: GradientAnimationPoint {
- switch self {
- case .leftRight:
- return (from: CGPoint(x: -1, y: 0.5), to: CGPoint(x: 1, y: 0.5))
- case .rightLeft:
- return (from: CGPoint(x: 1, y: 0.5), to: CGPoint(x: -1, y: 0.5))
- case .topBottom:
- return (from: CGPoint(x: 0.5, y: -1), to: CGPoint(x: 0.5, y: 1))
- case .bottomTop:
- return (from: CGPoint(x: 0.5, y: 1), to: CGPoint(x: 0.5, y: -1))
- case .topLeftBottomRight:
- return (from: CGPoint(x: -1, y: -1), to: CGPoint(x: 1, y: 1))
- case .bottomRightTopLeft:
- return (from: CGPoint(x: 1, y: 1), to: CGPoint(x: -1, y: -1))
- }
- }
-
- var endPoint: GradientAnimationPoint {
- switch self {
- case .leftRight:
- return (from: CGPoint(x: 0, y: 0.5), to: CGPoint(x: 2, y: 0.5))
- case .rightLeft:
- return ( from: CGPoint(x: 2, y: 0.5), to: CGPoint(x: 0, y: 0.5))
- case .topBottom:
- return ( from: CGPoint(x: 0.5, y: 0), to: CGPoint(x: 0.5, y: 2))
- case .bottomTop:
- return ( from: CGPoint(x: 0.5, y: 2), to: CGPoint(x: 0.5, y: 0))
- case .topLeftBottomRight:
- return ( from: CGPoint(x: 0, y: 0), to: CGPoint(x: 2, y: 2))
- case .bottomRightTopLeft:
- return ( from: CGPoint(x: 2, y: 2), to: CGPoint(x: 0, y: 0))
- }
- }
- // codebeat:enable[ABC]
-}
-
-public class SkeletonAnimationBuilder {
- public init() { }
-
- public func makeSlidingAnimation(withDirection direction: GradientDirection, duration: CFTimeInterval = 1.5, autoreverses: Bool = false) -> SkeletonLayerAnimation {
- return { _ in
- let startPointAnim = CABasicAnimation(keyPath: #keyPath(CAGradientLayer.startPoint))
- startPointAnim.fromValue = direction.startPoint.from
- startPointAnim.toValue = direction.startPoint.to
-
- let endPointAnim = CABasicAnimation(keyPath: #keyPath(CAGradientLayer.endPoint))
- endPointAnim.fromValue = direction.endPoint.from
- endPointAnim.toValue = direction.endPoint.to
-
- let animGroup = CAAnimationGroup()
- animGroup.animations = [startPointAnim, endPointAnim]
- animGroup.duration = duration
- animGroup.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeIn)
- animGroup.repeatCount = .infinity
- animGroup.autoreverses = autoreverses
- animGroup.isRemovedOnCompletion = false
-
- return animGroup
- }
- }
-}
diff --git a/Sources/SkeletonFlow.swift b/Sources/SkeletonFlow.swift
deleted file mode 100644
index 84fafd17..00000000
--- a/Sources/SkeletonFlow.swift
+++ /dev/null
@@ -1,59 +0,0 @@
-// Copyright © 2018 SkeletonView. All rights reserved.
-
-import UIKit
-
-protocol SkeletonFlowDelegate: AnyObject {
- func willBeginShowingSkeletons(rootView: UIView)
- func didShowSkeletons(rootView: UIView)
- func willBeginUpdatingSkeletons(rootView: UIView)
- func didUpdateSkeletons(rootView: UIView)
- func willBeginLayingSkeletonsIfNeeded(rootView: UIView)
- func didLayoutSkeletonsIfNeeded(rootView: UIView)
- func willBeginHidingSkeletons(rootView: UIView)
- func didHideSkeletons(rootView: UIView)
-}
-
-class SkeletonFlowHandler: SkeletonFlowDelegate {
- func willBeginShowingSkeletons(rootView: UIView) {
- NotificationCenter.default.post(name: .willBeginShowingSkeletons, object: rootView, userInfo: nil)
- rootView.addAppNotificationsObservers()
- }
-
- func didShowSkeletons(rootView: UIView) {
- printSkeletonHierarchy(in: rootView)
- NotificationCenter.default.post(name: .didShowSkeletons, object: rootView, userInfo: nil)
- }
-
- func willBeginUpdatingSkeletons(rootView: UIView) {
- NotificationCenter.default.post(name: .willBeginUpdatingSkeletons, object: rootView, userInfo: nil)
- }
-
- func didUpdateSkeletons(rootView: UIView) {
- NotificationCenter.default.post(name: .didUpdateSkeletons, object: rootView, userInfo: nil)
- }
-
- func willBeginLayingSkeletonsIfNeeded(rootView: UIView) {
- }
-
- func didLayoutSkeletonsIfNeeded(rootView: UIView) {
- }
-
- func willBeginHidingSkeletons(rootView: UIView) {
- NotificationCenter.default.post(name: .willBeginHidingSkeletons, object: rootView, userInfo: nil)
- rootView.removeAppNoticationsObserver()
- }
-
- func didHideSkeletons(rootView: UIView) {
- rootView.flowDelegate = nil
- NotificationCenter.default.post(name: .didHideSkeletons, object: rootView, userInfo: nil)
- }
-}
-
-public extension Notification.Name {
- static let willBeginShowingSkeletons = Notification.Name("willBeginShowingSkeletons")
- static let didShowSkeletons = Notification.Name("didShowSkeletons")
- static let willBeginUpdatingSkeletons = Notification.Name("willBeginUpdatingSkeletons")
- static let didUpdateSkeletons = Notification.Name("didUpdateSkeletons")
- static let willBeginHidingSkeletons = Notification.Name("willBeginHidingSkeletons")
- static let didHideSkeletons = Notification.Name("didHideSkeletons")
-}
diff --git a/Sources/SkeletonView.swift b/Sources/SkeletonView.swift
deleted file mode 100755
index d028a95d..00000000
--- a/Sources/SkeletonView.swift
+++ /dev/null
@@ -1,372 +0,0 @@
-// Copyright © 2017 SkeletonView. All rights reserved.
-
-import UIKit
-
-public extension UIView {
- /// Shows the skeleton without animation using the view that calls this method as root view.
- ///
- /// - Parameters:
- /// - color: The color of the skeleton. Defaults to `SkeletonAppearance.default.tintColor`.
- /// - transition: The style of the transition when the skeleton appears. Defaults to `.crossDissolve(0.25)`.
- func showSkeleton(usingColor color: UIColor = SkeletonAppearance.default.tintColor, transition: SkeletonTransitionStyle = .crossDissolve(0.25)) {
- delayedShowSkeletonWorkItem?.cancel()
- let config = SkeletonConfig(type: .solid, colors: [color], transition: transition)
- showSkeleton(skeletonConfig: config)
- }
-
- /// Shows the skeleton using the view that calls this method as root view.
- ///
- /// - Parameters:
- /// - color: The color of the skeleton. Defaults to `SkeletonAppearance.default.tintColor`.
- /// - animated: If the skeleton is animated or not. Defaults to `true`.
- /// - delay: The amount of time (measured in seconds) to wait before show the skeleton.
- /// - transition: The style of the transition when the skeleton appears. Defaults to `.crossDissolve(0.25)`.
- func showSkeleton(usingColor color: UIColor = SkeletonAppearance.default.tintColor, animated: Bool = true, delay: TimeInterval, transition: SkeletonTransitionStyle = .crossDissolve(0.25)) {
- delayedShowSkeletonWorkItem?.cancel()
-
- delayedShowSkeletonWorkItem = DispatchWorkItem { [weak self] in
- let config = SkeletonConfig(type: .solid, colors: [color], animated: animated, transition: transition)
- self?.showSkeleton(skeletonConfig: config)
- }
-
- DispatchQueue.main.asyncAfter(deadline: .now() + delay, execute: delayedShowSkeletonWorkItem!)
- }
-
- /// Shows the gradient skeleton without animation using the view that calls this method as root view.
- ///
- /// - Parameters:
- /// - gradient: The gradient of the skeleton. Defaults to `SkeletonAppearance.default.gradient`.
- /// - transition: The style of the transition when the skeleton appears. Defaults to `.crossDissolve(0.25)`.
- func showGradientSkeleton(usingGradient gradient: SkeletonGradient = SkeletonAppearance.default.gradient, transition: SkeletonTransitionStyle = .crossDissolve(0.25)) {
- delayedShowSkeletonWorkItem?.cancel()
- let config = SkeletonConfig(type: .gradient, colors: gradient.colors, transition: transition)
- showSkeleton(skeletonConfig: config)
- }
-
- /// Shows the gradient skeleton using the view that calls this method as root view.
- ///
- /// - Parameters:
- /// - gradient: The gradient of the skeleton. Defaults to `SkeletonAppearance.default.gradient`.
- /// - animated: If the skeleton is animated or not. Defaults to `true`.
- /// - delay: The amount of time (measured in seconds) to wait before show the skeleton.
- /// - transition: The style of the transition when the skeleton appears. Defaults to `.crossDissolve(0.25)`.
- func showGradientSkeleton(
- usingGradient gradient: SkeletonGradient = SkeletonAppearance.default.gradient,
- animated: Bool = true,
- delay: TimeInterval,
- transition: SkeletonTransitionStyle = .crossDissolve(0.25)
- ) {
- delayedShowSkeletonWorkItem?.cancel()
-
- delayedShowSkeletonWorkItem = DispatchWorkItem { [weak self] in
- let config = SkeletonConfig(type: .gradient, colors: gradient.colors, animated: animated, transition: transition)
- self?.showSkeleton(skeletonConfig: config)
- }
-
- DispatchQueue.main.asyncAfter(deadline: .now() + delay, execute: delayedShowSkeletonWorkItem!)
- }
-
- /// Shows the animated skeleton using the view that calls this method as root view.
- ///
- /// If animation is nil, sliding animation will be used, with direction left to right.
- ///
- /// - Parameters:
- /// - color: The color of skeleton. Defaults to `SkeletonAppearance.default.tintColor`.
- /// - animation: The animation of the skeleton. Defaults to `nil`.
- /// - transition: The style of the transition when the skeleton appears. Defaults to `.crossDissolve(0.25)`.
- func showAnimatedSkeleton(usingColor color: UIColor = SkeletonAppearance.default.tintColor, animation: SkeletonLayerAnimation? = nil, transition: SkeletonTransitionStyle = .crossDissolve(0.25)) {
- delayedShowSkeletonWorkItem?.cancel()
- let config = SkeletonConfig(type: .solid, colors: [color], animated: true, animation: animation, transition: transition)
- showSkeleton(skeletonConfig: config)
- }
-
- /// Shows the gradient skeleton without animation using the view that calls this method as root view.
- ///
- /// If animation is nil, sliding animation will be used, with direction left to right.
- ///
- /// - Parameters:
- /// - gradient: The gradient of the skeleton. Defaults to `SkeletonAppearance.default.gradient`.
- /// - animation: The animation of the skeleton. Defaults to `nil`.
- /// - transition: The style of the transition when the skeleton appears. Defaults to `.crossDissolve(0.25)`.
- func showAnimatedGradientSkeleton(usingGradient gradient: SkeletonGradient = SkeletonAppearance.default.gradient, animation: SkeletonLayerAnimation? = nil, transition: SkeletonTransitionStyle = .crossDissolve(0.25)) {
- delayedShowSkeletonWorkItem?.cancel()
- let config = SkeletonConfig(type: .gradient, colors: gradient.colors, animated: true, animation: animation, transition: transition)
- showSkeleton(skeletonConfig: config)
- }
-
- func updateSkeleton(usingColor color: UIColor = SkeletonAppearance.default.tintColor) {
- let config = SkeletonConfig(type: .solid, colors: [color])
- updateSkeleton(skeletonConfig: config)
- }
-
- func updateGradientSkeleton(usingGradient gradient: SkeletonGradient = SkeletonAppearance.default.gradient) {
- let config = SkeletonConfig(type: .gradient, colors: gradient.colors)
- updateSkeleton(skeletonConfig: config)
- }
-
- func updateAnimatedSkeleton(usingColor color: UIColor = SkeletonAppearance.default.tintColor, animation: SkeletonLayerAnimation? = nil) {
- let config = SkeletonConfig(type: .solid, colors: [color], animated: true, animation: animation)
- updateSkeleton(skeletonConfig: config)
- }
-
- func updateAnimatedGradientSkeleton(usingGradient gradient: SkeletonGradient = SkeletonAppearance.default.gradient, animation: SkeletonLayerAnimation? = nil) {
- let config = SkeletonConfig(type: .gradient, colors: gradient.colors, animated: true, animation: animation)
- updateSkeleton(skeletonConfig: config)
- }
-
- func layoutSkeletonIfNeeded() {
- flowDelegate?.willBeginLayingSkeletonsIfNeeded(rootView: self)
- recursiveLayoutSkeletonIfNeeded(root: self)
- }
-
- func hideSkeleton(reloadDataAfter reload: Bool = true, transition: SkeletonTransitionStyle = .crossDissolve(0.25)) {
- delayedShowSkeletonWorkItem?.cancel()
- flowDelegate?.willBeginHidingSkeletons(rootView: self)
- recursiveHideSkeleton(reloadDataAfter: reload, transition: transition, root: self)
- }
-
- func startSkeletonAnimation(_ anim: SkeletonLayerAnimation? = nil) {
- subviewsSkeletonables.recursiveSearch(leafBlock: startSkeletonLayerAnimationBlock(anim)) { subview in
- subview.startSkeletonAnimation(anim)
- }
- }
-
- func stopSkeletonAnimation() {
- subviewsSkeletonables.recursiveSearch(leafBlock: stopSkeletonLayerAnimationBlock) { subview in
- subview.stopSkeletonAnimation()
- }
- }
-}
-
-extension UIView {
- @objc func skeletonLayoutSubviews() {
- guard Thread.isMainThread else { return }
- skeletonLayoutSubviews()
- guard isSkeletonActive else { return }
- layoutSkeletonIfNeeded()
- }
-
- @objc func skeletonTraitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
- skeletonTraitCollectionDidChange(previousTraitCollection)
- guard isSkeletonable, isSkeletonActive, let config = currentSkeletonConfig else { return }
- updateSkeleton(skeletonConfig: config)
- }
-
- func showSkeleton(skeletonConfig config: SkeletonConfig) {
- isSkeletonAnimated = config.animated
- flowDelegate = SkeletonFlowHandler()
- flowDelegate?.willBeginShowingSkeletons(rootView: self)
- recursiveShowSkeleton(skeletonConfig: config, root: self)
- }
-
- private func recursiveShowSkeleton(skeletonConfig config: SkeletonConfig, root: UIView? = nil) {
- if isHiddenWhenSkeletonIsActive {
- isHidden = true
- }
- guard isSkeletonable && !isSkeletonActive else { return }
- currentSkeletonConfig = config
- swizzleLayoutSubviews()
- swizzleTraitCollectionDidChange()
- addDummyDataSourceIfNeeded()
- subviewsSkeletonables.recursiveSearch(leafBlock: {
- showSkeletonIfNotActive(skeletonConfig: config)
- }) { subview in
- subview.recursiveShowSkeleton(skeletonConfig: config)
- }
-
- if let root = root {
- flowDelegate?.didShowSkeletons(rootView: root)
- }
- }
-
- private func showSkeletonIfNotActive(skeletonConfig config: SkeletonConfig) {
- guard !isSkeletonActive else { return }
- saveViewState()
-
- prepareViewForSkeleton()
- addSkeletonLayer(skeletonConfig: config)
- }
-
- func updateSkeleton(skeletonConfig config: SkeletonConfig) {
- isSkeletonAnimated = config.animated
- flowDelegate?.willBeginUpdatingSkeletons(rootView: self)
- recursiveUpdateSkeleton(skeletonConfig: config, root: self)
- }
-
- private func recursiveUpdateSkeleton(skeletonConfig config: SkeletonConfig, root: UIView? = nil) {
- guard isSkeletonActive else { return }
- currentSkeletonConfig = config
- updateDummyDataSourceIfNeeded()
- subviewsSkeletonables.recursiveSearch(leafBlock: {
- if let skeletonLayer = skeletonLayer,
- skeletonLayer.type != config.type {
- removeSkeletonLayer()
- addSkeletonLayer(skeletonConfig: config)
- } else {
- updateSkeletonLayer(skeletonConfig: config)
- }
- }) { subview in
- subview.recursiveUpdateSkeleton(skeletonConfig: config)
- }
-
- if let root = root {
- flowDelegate?.didUpdateSkeletons(rootView: root)
- }
- }
-
- private func recursiveLayoutSkeletonIfNeeded(root: UIView? = nil) {
- subviewsSkeletonables.recursiveSearch(leafBlock: {
- guard isSkeletonable, isSkeletonActive else { return }
- layoutSkeletonLayerIfNeeded()
- if let config = currentSkeletonConfig, config.animated, !isSkeletonAnimated {
- startSkeletonAnimation(config.animation)
- }
- }) { subview in
- subview.recursiveLayoutSkeletonIfNeeded()
- }
-
- if let root = root {
- flowDelegate?.didLayoutSkeletonsIfNeeded(rootView: root)
- }
- }
-
- private func recursiveHideSkeleton(reloadDataAfter reload: Bool, transition: SkeletonTransitionStyle, root: UIView? = nil) {
- guard isSkeletonActive else { return }
- if isHiddenWhenSkeletonIsActive {
- isHidden = false
- }
- currentSkeletonConfig?.transition = transition
- unSwizzleLayoutSubviews()
- unSwizzleTraitCollectionDidChange()
- removeDummyDataSourceIfNeeded(reloadAfter: reload)
- subviewsSkeletonables.recursiveSearch(leafBlock: {
- recoverViewState(forced: false)
- removeSkeletonLayer()
- }) { subview in
- subview.recursiveHideSkeleton(reloadDataAfter: reload, transition: transition)
- }
-
- if let root = root {
- flowDelegate?.didHideSkeletons(rootView: root)
- }
- }
-
- private func startSkeletonLayerAnimationBlock(_ anim: SkeletonLayerAnimation? = nil) -> VoidBlock {
- return {
- self.isSkeletonAnimated = true
- guard let layer = self.skeletonLayer else { return }
- layer.start(anim) { [weak self] in
- self?.isSkeletonAnimated = false
- }
- }
- }
-
- private var stopSkeletonLayerAnimationBlock: VoidBlock {
- return {
- self.isSkeletonAnimated = false
- guard let layer = self.skeletonLayer else { return }
- layer.stopAnimation()
- }
- }
-
- private func swizzleLayoutSubviews() {
- DispatchQueue.main.asyncAfter(deadline: .now() + 0.01) {
- DispatchQueue.once(token: "UIView.SkeletonView.swizzleLayoutSubviews") {
- swizzle(selector: #selector(UIView.layoutSubviews),
- with: #selector(UIView.skeletonLayoutSubviews),
- inClass: UIView.self,
- usingClass: UIView.self)
- self.layoutSkeletonIfNeeded()
- }
- }
- }
-
- private func unSwizzleLayoutSubviews() {
- DispatchQueue.main.asyncAfter(deadline: .now() + 0.01) {
- DispatchQueue.removeOnce(token: "UIView.SkeletonView.swizzleLayoutSubviews") {
- swizzle(selector: #selector(UIView.skeletonLayoutSubviews),
- with: #selector(UIView.layoutSubviews),
- inClass: UIView.self,
- usingClass: UIView.self)
- }
- }
- }
-
- private func swizzleTraitCollectionDidChange() {
- DispatchQueue.main.asyncAfter(deadline: .now() + 0.01) {
- DispatchQueue.once(token: "UIView.SkeletonView.swizzleTraitCollectionDidChange") {
- swizzle(selector: #selector(UIView.traitCollectionDidChange(_:)),
- with: #selector(UIView.skeletonTraitCollectionDidChange(_:)),
- inClass: UIView.self,
- usingClass: UIView.self)
- }
- }
- }
-
- private func unSwizzleTraitCollectionDidChange() {
- DispatchQueue.main.asyncAfter(deadline: .now() + 0.01) {
- DispatchQueue.removeOnce(token: "UIView.SkeletonView.swizzleTraitCollectionDidChange") {
- swizzle(selector: #selector(UIView.skeletonTraitCollectionDidChange(_:)),
- with: #selector(UIView.traitCollectionDidChange(_:)),
- inClass: UIView.self,
- usingClass: UIView.self)
- }
- }
- }
-}
-
-extension UIView {
- func addSkeletonLayer(skeletonConfig config: SkeletonConfig) {
- guard let skeletonLayer = SkeletonLayerBuilder()
- .setSkeletonType(config.type)
- .addColors(config.colors)
- .setHolder(self)
- .build()
- else { return }
-
- self.skeletonLayer = skeletonLayer
- layer.insertSkeletonLayer(
- skeletonLayer,
- atIndex: UInt32.max,
- transition: config.transition
- ) { [weak self] in
- guard let self = self else { return }
-
- /// Workaround to fix the problem when inserting a sublayer and
- /// the content offset is modified by the system.
- (self as? UITextView)?.setContentOffset(.zero, animated: false)
-
- if config.animated {
- self.startSkeletonAnimation(config.animation)
- }
- }
- status = .on
- }
-
- func updateSkeletonLayer(skeletonConfig config: SkeletonConfig) {
- guard let skeletonLayer = skeletonLayer else { return }
- skeletonLayer.update(usingColors: config.colors)
- if config.animated {
- startSkeletonAnimation(config.animation)
- } else {
- skeletonLayer.stopAnimation()
- }
- }
-
- func layoutSkeletonLayerIfNeeded() {
- guard let skeletonLayer = skeletonLayer else { return }
- skeletonLayer.layoutIfNeeded()
- }
-
- func removeSkeletonLayer() {
- guard isSkeletonActive,
- let skeletonLayer = skeletonLayer,
- let transitionStyle = currentSkeletonConfig?.transition else { return }
- skeletonLayer.stopAnimation()
- status = .off
- skeletonLayer.removeLayer(transition: transitionStyle) {
- self.skeletonLayer = nil
- self.currentSkeletonConfig = nil
- }
- }
-}
diff --git a/Sources/Transitions/UIView+Transitions.swift b/Sources/Transitions/UIView+Transitions.swift
deleted file mode 100644
index 2c8f8495..00000000
--- a/Sources/Transitions/UIView+Transitions.swift
+++ /dev/null
@@ -1,34 +0,0 @@
-// Copyright © 2019 SkeletonView. All rights reserved.
-
-import UIKit
-
-extension CALayer {
- func insertSkeletonLayer(_ sublayer: SkeletonLayer, atIndex index: UInt32, transition: SkeletonTransitionStyle, completion: (() -> Void)? = nil) {
- insertSublayer(sublayer.contentLayer, at: index)
- switch transition {
- case .none:
- completion?()
- case .crossDissolve(let duration):
- sublayer.contentLayer.setOpacity(from: 0, to: 1, duration: duration, completion: completion)
- }
- }
-}
-
-extension UIView {
- func startTransition(transitionBlock: @escaping () -> Void) {
- guard let transitionStyle = currentSkeletonConfig?.transition,
- transitionStyle != .none
- else {
- transitionBlock()
- return
- }
-
- if case let .crossDissolve(duration) = transitionStyle {
- UIView.transition(with: self,
- duration: duration,
- options: .transitionCrossDissolve,
- animations: transitionBlock,
- completion: nil)
- }
- }
-}
diff --git a/README_es.md b/Translations/README_es.md
similarity index 89%
rename from README_es.md
rename to Translations/README_es.md
index 246639d4..5a56850c 100644
--- a/README_es.md
+++ b/Translations/README_es.md
@@ -1,4 +1,4 @@
-
+
@@ -18,7 +18,7 @@
• Contribuir
-**🌎 README está disponible en estos idiomas: [🇬🇧](https://github.com/Juanpe/SkeletonView/blob/master/README.md) . [🇨🇳](https://github.com/Juanpe/SkeletonView/blob/master/README_zh.md) . [🇧🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_pt-br.md) . [🇰🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_ko.md) . [🇫🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_fr.md)**
+**🌎 README está disponible en estos idiomas: [🇬🇧](../README.md) . [🇨🇳](README_zh.md) . [🇧🇷](README_pt-br.md) . [🇰🇷](README_ko.md) . [🇫🇷](README_fr.md)**
Hoy en día, La mayoría de las apps tiene procesos asíncronos, como peticiones a una API, procesos que tardan mucho tiempo, etc. Mientras estos procesos se están ejecutando, se suele mostrar un aburrido spinner indicando que algo está pasando.
@@ -104,7 +104,7 @@ avatarImageView.isSkeletonable = true
```
**Con IB/Storyboards:**
-
+
3️⃣ Una vez indicado, solo tienes que mostrar el **skeleton**. Tienes **4** opciones:
@@ -134,16 +134,16 @@ avatarImageView.isSkeletonable = true
-
+
|
-
+
|
-
+
|
-
+
|
@@ -225,7 +225,7 @@ El resto del proceso es exactamente igual que con las `UITableView`.
### 🔠 Textos
-
+
Cuando usas elementos que contienen texto,`SkeletonView` dibujo líneas para simular el texto.
@@ -236,8 +236,8 @@ Puedes especificar algunos atributos para estos elementos:
| Atributo | Valores | Por defecto | Vista previa
| ------- | ------- |------- | -------
-| **Porcentaje de relleno** de la última línea. | `0...100` | `70%` | 
-| **Radio de las esquinas** de las líneas. | `0...10` | `0` | 
+| **Porcentaje de relleno** de la última línea. | `0...100` | `70%` | 
+| **Radio de las esquinas** de las líneas. | `0...10` | `0` | 
Para modificar alguno de los valores lo puedes hacer **con código**::
```swift
@@ -247,7 +247,7 @@ descriptionTextView.linesCornerRadius = 5
O usando **IB/Storyboards**:
-
+
### 🦋 Apariencia
@@ -297,7 +297,7 @@ Además, **SkeletonView** añade 20 colores flat 🤙🏼
```UIColor.turquoise, UIColor.greenSea, UIColor.sunFlower, UIColor.flatOrange ...```
-
+
###### Imagen extraída de la web [https://flatuicolors.com](https://flatuicolors.com)
@@ -338,12 +338,12 @@ view.showAnimatedGradientSkeleton(usingGradient: gradient, animation: animation)
| Dirección | Vista previa
|------- | -------
-| .leftRight | 
-| .rightLeft | 
-| .topBottom | 
-| .bottomTop | 
-| .topLeftBottomRight | 
-| .bottomRightTopLeft | 
+| .leftRight | 
+| .rightLeft | 
+| .topBottom | 
+| .bottomTop | 
+| .topLeftBottomRight | 
+| .bottomRightTopLeft | 
> **😉 ¡Truco!**
>
@@ -379,10 +379,10 @@ La transición por defecto es `crossDissolve(0.25)`
-
+
|
-
+
|
@@ -408,12 +408,12 @@ view.showSkeleton()
| Configuración | Resultado|
|:-------:|:-------:|
-|
| 
|
-|
| |
-|
| 
|
-|
| 
|
-|
| 
|
-|
| 
|
+|
| 
|
+|
| |
+|
| 
|
+|
| 
|
+|
| 
|
+|
| 
|
@@ -421,7 +421,7 @@ view.showSkeleton()
Esta ilustración muestra como deberías específicar qué elementos son skeletonables cuando estás usando una `UITableView`:
-
+
**Actualiza el skeleton**
@@ -447,17 +447,17 @@ var skeletonDescription: String
```
Y es representada de la siguiente manera:
-
+
Para activar el **modo debug**. Solo tienes que añadir una variable de entorno con esta clave `SKELETON_DEBUG` y activarla.
-
+
Entonces, cuando el skeleton aparece, tu podrás ver la jerarquía de vistas en la consola de Xcode.
Abre para ver un ejemplo
-
+
diff --git a/README_fr.md b/Translations/README_fr.md
similarity index 90%
rename from README_fr.md
rename to Translations/README_fr.md
index 5104a587..92bf7cae 100644
--- a/README_fr.md
+++ b/Translations/README_fr.md
@@ -1,4 +1,4 @@
-
+
@@ -24,12 +24,7 @@
-🌎 Traductions :
-[Original](https://github.com/Juanpe/SkeletonView)
-[🇨🇳](https://github.com/Juanpe/SkeletonView/blob/master/README_zh.md) [@WhatsXie](https://twitter.com/WhatsXie)
-[🇧🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_pt-br.md) [@brunomunizaf](https://twitter.com/brunomuniz_af)
-[🇰🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_ko.md) [@techinpark](https://twitter.com/techinpark)
-[🇫🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_fr.md) [@OmarJalil](https://github.com/OmarJalil)
+**🌎 Traductions: [🇬🇧](../README.md) . [🇨🇳](README_zh.md) . [🇧🇷](README_pt-br.md) . [🇰🇷](README_ko.md) . [🇫🇷](README_fr.md)**
Aujourd'hui, presque toutes les applications ont des processus asynchrones, tels que les requêtes Api, les processus de longue durée, etc. Et pendant que les processus fonctionnent, les développeurs affichent généralement une vue de chargement pour montrer aux utilisateurs que quelque chose se passe.
@@ -80,7 +75,7 @@ Profitez-en! 🙂
## 🎬 Guides
- [
](https://youtu.be/75kgOhWsPNA)
+ [
](https://youtu.be/75kgOhWsPNA)
## 📲 Installation
@@ -127,7 +122,7 @@ avatarImageView.isSkeletonable = true
```
**Utilisation des IB/Storyboards:**
-
+
**Une fois que vous avez défini les vues, vous pouvez montrer le **squelette**. Pour le faire, vous avez quatre choix :
@@ -157,16 +152,16 @@ avatarImageView.isSkeletonable = true
|
-
+
|
-
+
|
-
+
|
-
+
|
@@ -263,7 +258,7 @@ Il n'y a qu'une seule méthode à mettre en œuvre pour faire connaître au Sque
Voici une illustration qui montre comment vous devez spécifier quels éléments sont squelettisables lorsque vous utilisez une `UITableView` :
-
+
Comme vous pouvez le voir, nous devons faire `skeletonable` la tableview, la cellule et les éléments de l'interface visuelle, mais nous n'avons pas besoin de faire `skeletonable` le `contentView`.
@@ -283,7 +278,7 @@ Le reste du processus ressemble à une `UITableView`.
### 📰 Texte multiligne
-
+
Lorsqu'on utilise des éléments avec du texte, `SkeletonView` dessine des lignes pour simuler le texte.
En outre, vous pouvez décider combien de lignes vous voulez. Si `numberOfLines` est réglé à zéro, il calculera le combien de lignes sont nécessaires pour remplir tout le squelette et il sera dessiné. Au contraire, si vous le réglez sur un, deux ou tout autre nombre supérieur à zéro, il ne dessinera que ce nombre de lignes.
@@ -294,8 +289,8 @@ Vous pouvez définir certaines propriétés pour les éléments multilignes.
| Propriété | Valeurs | Par défaut | Aperçu
| ------- | ------- |------- | -------
-| **Pourcentage de remplissage** de la dernière ligne. | `0...100` | `70%` | 
-| **Corner radius** des lignes. (**NEW**) | `0...10` | `0` | 
+| **Pourcentage de remplissage** de la dernière ligne. | `0...100` | `70%` | 
+| **Corner radius** des lignes. (**NEW**) | `0...10` | `0` | 
Pour modifier le pourcentage ou le rayon **à l'aide du code**, définissez les propriétés :
@@ -306,7 +301,7 @@ descriptionTextView.linesCornerRadius = 5
Ou, si vous préférez, utilisez l'**IB/Storyboard** :
-
+
### 🎨 Couleurs personnalisées
@@ -328,7 +323,7 @@ En outre, `SkeletonView` dispose de 20 couleurs unies 🤙🏼
`UIColor.turquoise, UIColor.greenSea, UIColor.sunFlower, UIColor.flatOrange ...`
-
+
###### Image tirée du site web [https://flatuicolors.com](https://flatuicolors.com)
### 🦋 Présentation
@@ -396,12 +391,12 @@ view.showAnimatedGradientSkeleton(usingGradient : gradient, animation : animatio
| Direction | Aperçu
|------- | -------
-| .leftRight | 
-| .rightLeft | 
-| .topBottom | 
-| .bottomTop | 
-| .topLeftBottomRight | 
-| .bottomRightTopLeft | 
+| .leftRight | 
+| .rightLeft | 
+| .topBottom | 
+| .bottomTop | 
+| .topLeftBottomRight | 
+| .bottomRightTopLeft | 
> **😉 TRICK!**
Il existe une autre façon de créer des animations de glissement, en utilisant simplement ce raccourci :
@@ -433,10 +428,10 @@ La valeur par défaut est `crossDissolve(0.25)`.
|
-
+
|
-
+
|
@@ -456,12 +451,12 @@ view.showSkeleton()
| Configuration | Résultat|
|:-------:|:-------:|
-| | |
-| | |
-| | |
-|| |
-| | |
-| | |
+| | |
+| | |
+| | |
+|| |
+| | |
+| | |
### 🔬 Débugger
@@ -473,17 +468,17 @@ var skeletonDescription : String
```
La représentation du squelette ressemble à ceci :
-
+
En outre, vous pouvez activer le nouveau mode **debug**. Il suffit d'ajouter la variable d'environnement `SKELETON_DEBUG` et de l'activer.
-
+
Ensuite, lorsque le squelette apparaît, vous pouvez voir la hiérarchie des vues dans la console Xcode.
Ouvrez pour voir un exemple de sortie
-
+
### 📚 Documentation
diff --git a/README_ko.md b/Translations/README_ko.md
similarity index 90%
rename from README_ko.md
rename to Translations/README_ko.md
index f96f3b0c..f4603ef2 100644
--- a/README_ko.md
+++ b/Translations/README_ko.md
@@ -1,4 +1,4 @@
-
+
@@ -23,12 +23,7 @@
-🌎 번역에 도움을 주신분들:
-[Original](https://github.com/Juanpe/SkeletonView)
-[🇨🇳](https://github.com/Juanpe/SkeletonView/blob/master/README_zh.md) [@WhatsXie](https://twitter.com/WhatsXie)
-[🇧🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_pt-br.md) [@brunomunizaf](https://twitter.com/brunomuniz_af)
-[🇰🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_ko.md) [@techinpark](https://twitter.com/techinpark)
-[🇫🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_fr.md) [@OmarJalil](https://github.com/OmarJalil)
+**🌎 번역에 도움을 주신분들: [🇬🇧](../README.md) . [🇨🇳](README_zh.md) . [🇧🇷](README_pt-br.md) . [🇰🇷](README_ko.md) . [🇫🇷](README_fr.md)**
오늘날 거의 대부분의 앱들은 비동기 방식의 API 호출을 사용하는 프로세스를 가지고 있습니다.
프로세스가 작동하는동안 개발자들은 작업이 실행되고 있다는것을 사용자들에게 보여주기 위해서 로딩 뷰를 배치합니다.
@@ -72,7 +67,7 @@
## 🎬 사용가이드
- [](https://youtu.be/75kgOhWsPNA)
+ [](https://youtu.be/75kgOhWsPNA)
## 📲 설치 방법
@@ -123,7 +118,7 @@ avatarImageView.isSkeletonable = true
```
**인터페이스빌더 / 스토리보드를 이용하는 방법:**
-
+
**3.** 당신이 뷰를 세팅할때, **skeleton** 옵션을 사용 할 수 있습니다. 총 **4** 가지 옵션을 지원합니다:
@@ -153,16 +148,16 @@ avatarImageView.isSkeletonable = true
|
-
+
|
-
+
|
-
+
|
-
+
|
@@ -224,7 +219,7 @@ func collectionSkeletonView(_ skeletonView: UITableView, numberOfRowsInSection s
아래의 그림은 `UITableView` 에서 특정한 요소에 skeleton 을 지정하는 방법을 보여주는 이미지 입니다:
-
+
위의 이미지에서 보이듯, 테이블 뷰와 셀에 들어가는 UI 요소들에는 적용을 해야하지만, `contentView`에 skeleton을 적용할 필요는 없습니다.
@@ -245,7 +240,7 @@ public protocol SkeletonCollectionViewDataSource: UICollectionViewDataSource {
### 📰 Multiline text
-
+
텍스트가 들어있는 요소를 사용한다면, ```SkeletonView``` 에서 텍스트의 라인을 그려줍니다.
그리고, 원하는 라인 수를 설정할 수 있습니다. 만약 ```numberOfLines``` 을 0으로 설정한다면, 자동으로 필요한 라인수를 계산해서 그려줍니다. 대신 값이 설정되어있다면 설정된 수만큼의 라인이 그려집니다.
@@ -257,8 +252,8 @@ public protocol SkeletonCollectionViewDataSource: UICollectionViewDataSource {
| 속성 | 값 | 기본값 | 미리보기 |
| ----------------------------------------------- | --------- | ----- | ---------------------------------- |
-| 마지막 라인의 **퍼센트** 를 지정 할 수 있습니다. | `0...100` | `70%` |  |
-| 라인의 **Corner radius** 를 지정할 수 있습니다. (**새로운기능**) | `0...10` | `0` |  |
+| 마지막 라인의 **퍼센트** 를 지정 할 수 있습니다. | `0...100` | `70%` |  |
+| 라인의 **Corner radius** 를 지정할 수 있습니다. (**새로운기능**) | `0...10` | `0` |  |
@@ -270,7 +265,7 @@ descriptionTextView.linesCornerRadius = 5
혹은 **IB/Storyboard** 를 이용하실 수 있습니다:
-
+
### 🎨 Custom colors
@@ -292,7 +287,7 @@ view.showGradientSkeleton(usingGradient: gradient) // Gradient
```UIColor.turquoise, UIColor.greenSea, UIColor.sunFlower, UIColor.flatOrange ...```
-
+
###### 위 이미지는 [https://flatuicolors.com](https://flatuicolors.com) 사이트에서 발췌했습니다.
### 🦋 Appearance
@@ -360,12 +355,12 @@ view.showAnimatedGradientSkeleton(usingGradient: gradient, animation: animation)
| 방향 | 미리보기 |
| ------------------- | ---------------------------------------------- |
-| .leftRight |  |
-| .rightLeft |  |
-| .topBottom |  |
-| .bottomTop |  |
-| .topLeftBottomRight |  |
-| .bottomRightTopLeft |  |
+| .leftRight |  |
+| .rightLeft |  |
+| .topBottom |  |
+| .bottomTop |  |
+| .topLeftBottomRight |  |
+| .bottomRightTopLeft |  |
> **😉 꿀팁!**
슬라이딩 애니메이션을 만들기 위한 또다른 방법이 있습니다, 아래의 코드를 참조하세요:
@@ -381,10 +376,10 @@ view.showAnimatedGradientSkeleton(usingGradient: gradient, animation: animation)
| 설정값 | 결과 |
| ----------------------------------------- | --------------------------------------------- |
-|  |  |
-|  |  |
-|  |  |
-|  |  |
+|  |  |
+|  |  |
+|  |  |
+|  |  |
### 🔬 디버그
@@ -398,17 +393,17 @@ var skeletonDescription: String
```
skeleton은 이렇게 생겼습니다:
-
+
그리고, 새로운 **디버그 모드**를 활성화 시킬 수 있습니다. 간단하게 `SKELETON_DEBUG` 이라는 환경 변수를 추가해 활성화 하면 됩니다.
-
+
그런 이후 skeleton이 나오면 Xcode 콘솔창에서 계층 구조를 볼 수 있습니다.
예제를 확인해보세요.
-
+
diff --git a/README_pt-br.md b/Translations/README_pt-br.md
similarity index 90%
rename from README_pt-br.md
rename to Translations/README_pt-br.md
index 2d6df2a3..535317b1 100755
--- a/README_pt-br.md
+++ b/Translations/README_pt-br.md
@@ -1,4 +1,4 @@
-
+
@@ -23,12 +23,7 @@
-🌎 Traduções:
-[Original](https://github.com/Juanpe/SkeletonView)
-[🇨🇳](https://github.com/Juanpe/SkeletonView/blob/master/README_zh.md) [@WhatsXie](https://twitter.com/WhatsXie)
-[🇧🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_pt-br.md) [@brunomunizaf](https://twitter.com/brunomuniz_af)
-[🇰🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_ko.md) [@techinpark](https://twitter.com/techinpark)
-[🇫🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_fr.md) [@OmarJalil](https://github.com/OmarJalil)
+**🌎 Traduções: [🇬🇧](../README.md) . [🇨🇳](README_zh.md) . [🇧🇷](README_pt-br.md) . [🇰🇷](README_ko.md) . [🇫🇷](README_fr.md)**
Hoje, quase todos os apps têm processos assíncronos, como requisições de API, processos longos, etc. E enquanto os processos estão ocorrendo, normalmente os desenvolvedores usam uma view que mostra os usuarios que algo está ocorrendo.
@@ -117,7 +112,7 @@ avatarImageView.isSkeletonable = true
```
**Usando IB/Storyboards:**
-
+
**3.** Uma vez que você setou as views, você pode mostrar o **skeleton**. Para fazê-lo, você tem **4** escolhas:
@@ -147,16 +142,16 @@ avatarImageView.isSkeletonable = true
|
-
+
|
-
+
|
-
+
|
-
+
|
@@ -226,7 +221,7 @@ O resto do processo é o mesmo da ```UITableView```
### 📰 Texto de várias linhas
-
+
Quando você usar elementos com texto, ```SkeletonView``` desenha linhas para simular o texto.
Além disso, você pode decidir quantas linhas você quer. Se ```numberOfLines``` está setado para zero (0), haverá um cálculo para saber quantas linhas são necessárias para preencher o skeleton inteiro e será desenhado. Caso contrário, se você setar para um (1) ou qualquer outro número maior que zero, só serão desenhadas aquele número de linhas.
@@ -238,8 +233,8 @@ Você pode setar algumas propriedades para elementos de várias linhas.
| Property | Values | Default | Preview
| ------- | ------- |------- | -------
-| **Filling percent** of the last line. | `0...100` | `70%` | 
-| **Corner radius** of lines. (**NEW**) | `0...10` | `0` | 
+| **Filling percent** of the last line. | `0...100` | `70%` | 
+| **Corner radius** of lines. (**NEW**) | `0...10` | `0` | 
@@ -251,7 +246,7 @@ descriptionTextView.linesCornerRadius = 5
Ou, se você preferir use **IB/Storyboard**:
-
+
### 🎨 Cores customizadas
@@ -273,7 +268,7 @@ Além do mais, ```SkeletonView``` tem 20 cores flat 🤙🏼
```UIColor.turquoise, UIColor.greenSea, UIColor.sunFlower, UIColor.flatOrange ...```
-
+
###### Imagem capturada do site [https://flatuicolors.com](https://flatuicolors.com)
### 🦋 Aparência
@@ -341,12 +336,12 @@ view.showAnimatedGradientSkeleton(usingGradient: gradient, animation: animation)
| Direction | Preview
|------- | -------
-| .leftRight | 
-| .rightLeft | 
-| .topBottom | 
-| .bottomTop | 
-| .topLeftBottomRight | 
-| .bottomRightTopLeft | 
+| .leftRight | 
+| .rightLeft | 
+| .topBottom | 
+| .bottomTop | 
+| .topLeftBottomRight | 
+| .bottomRightTopLeft | 
> **😉 TRUQUE!**
Existe outra forma de criar sliding animations, apenas usando este atalho:
@@ -362,10 +357,10 @@ Porque uma imagem vale mais que mil palavras:
| Configuration | Result
|------- | -------
-| | 
-| | 
-| | 
-| | 
+| | 
+| | 
+| | 
+| | 
diff --git a/README_zh.md b/Translations/README_zh.md
similarity index 89%
rename from README_zh.md
rename to Translations/README_zh.md
index f152213a..6008c4b8 100755
--- a/README_zh.md
+++ b/Translations/README_zh.md
@@ -1,4 +1,4 @@
-
+
@@ -23,12 +23,7 @@
-🌎 翻译: [ [原版的](https://github.com/Juanpe/SkeletonView) ]
-[Original](https://github.com/Juanpe/SkeletonView)
-[🇨🇳](https://github.com/Juanpe/SkeletonView/blob/master/README_zh.md) [@WhatsXie](https://twitter.com/WhatsXie)
-[🇧🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_pt-br.md) [@brunomunizaf](https://twitter.com/brunomuniz_af)
-[🇰🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_ko.md) [@techinpark](https://twitter.com/techinpark)
-[🇫🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_fr.md) [@OmarJalil](https://github.com/OmarJalil)
+**🌎 翻译: [🇬🇧](../README.md) . [🇨🇳](README_zh.md) . [🇧🇷](README_pt-br.md) . [🇰🇷](README_ko.md) . [🇫🇷](README_fr.md)**
今天，几乎所有的应用程序都有异步流程，例如：Api请求、长时间运行的流程等。虽然流程正在运行，但通常开发人员会设置一个加载视图来向用户显示正在发生的事情。
@@ -116,7 +111,7 @@ avatarImageView.isSkeletonable = true
```
**使用 IB/Storyboards：**
-
+
**3.** 设置视图后，可以显示 **skeleton**. 并且您有 **4** 种效果可供选择:
@@ -146,16 +141,16 @@ avatarImageView.isSkeletonable = true
|
-
+
|
-
+
|
-
+
|
-
+
|
@@ -226,7 +221,7 @@ public protocol SkeletonCollectionViewDataSource: UICollectionViewDataSource {
### 📰 多行文字
-
+
使用带有文本的元素时， ```SkeletonView``` 绘制线条以模拟文本。此外，您可以决定您想要多少行。如果 ```numberOfLines``` 设置为零，它将计算填充整个骨架所需的行数，并将绘制它。相反，如果将其设置为一，二或任何大于零的数字，它将只绘制此行数。
@@ -237,8 +232,8 @@ public protocol SkeletonCollectionViewDataSource: UICollectionViewDataSource {
| 属性 | 值范围 | 默认 | 延时
| ------- | ------- |------- | -------
-| **Filling percent** 最后一行的长度百分比 | `0...100` | `70%` | 
-| **Corner radius** 条目圆角半径. (**新**) | `0...10` | `0` | 
+| **Filling percent** 最后一行的长度百分比 | `0...100` | `70%` | 
+| **Corner radius** 条目圆角半径. (**新**) | `0...10` | `0` | 
@@ -251,7 +246,7 @@ descriptionTextView.linesCornerRadius = 5
或者，如果您更喜欢使用 **IB/Storyboard**:
-
+
### 🎨 自定义颜色
@@ -273,7 +268,7 @@ view.showGradientSkeleton(usingGradient: gradient) // 梯度效果
```UIColor.turquoise, UIColor.greenSea, UIColor.sunFlower, UIColor.flatOrange ...```
-
+
###### 从网站 [https://flatuicolors.com](https://flatuicolors.com)捕获的图像
### 🤓 自定义动画
@@ -316,12 +311,12 @@ view.showAnimatedGradientSkeleton(usingGradient: gradient, animation: animation)
| 方向 | 效果
|------- | -------
-| .leftRight | 
-| .rightLeft | 
-| .topBottom | 
-| .bottomTop | 
-| .topLeftBottomRight | 
-| .bottomRightTopLeft | 
+| .leftRight | 
+| .rightLeft | 
+| .topBottom | 
+| .bottomTop | 
+| .topLeftBottomRight | 
+| .bottomRightTopLeft | 
> **😉 技巧!**
存在另一种创建滑动动画的方法，只需使用此快捷方式：
@@ -337,10 +332,10 @@ view.showAnimatedGradientSkeleton(usingGradient: gradient, animation: animation)
| 分组 | 结果
|------- | -------
-| | 
-| | 
-| | 
-| | 
+| | 
+| | 
+| | 
+| | 