docs: bump version 1.11.0 and update CHANGELOG file

Feature/resize labels based on number of lines

.codebeatsettings

@@ -0,0 +1,6 @@
+{
+  "SWIFT": {
+    "TOO_MANY_FUNCTIONS": [50, 100, 150, 200],
+    "TOTAL_LOC": [200, 400, 500, 600]
+  }
+}

.github/FUNDING.yml

@@ -0,0 +1 @@
+github: [juanpe]

.github/issue_template.md

@@ -1,25 +1,47 @@
-⚠️ Please fill out this template when filing an issue.
+### Description
 
-#### 🙏🏼 *Please check if it already exists other issue related with yours.*
+Describe your issue here.
 
-### What did you do?
+### What type of issue is this? (place an `x` in one of the `[ ]`)
+- [ ] bug
+- [ ] enhancement (feature request)
+- [ ] question
+- [ ] documentation related
+- [ ] discussion
 
-*Please replace this with what you did.*
+### Requirements (place an `x` in each of the `[ ]`)
+* [ ] I've read and understood the [Contributing guidelines](https://github.com/Juanpe/SkeletonView/blob/develop/CONTRIBUTING.md) and have done my best effort to follow them.
+* [ ] I've read and agree to the [Code of Conduct](https://github.com/Juanpe/SkeletonView/blob/develop/CODE_OF_CONDUCT.md).
+* [ ] I've searched for any related issues and avoided creating a duplicate issue.
 
-### What did you expect to happen?
+---
 
-*Please replace this with what you expected to happen.*
+### Bug Report
 
-### What happened instead?
+Filling out the following details about bugs will help us solve your issue sooner.
 
-*Please replace this with of what happened instead.*  
-
-### Steps to reproduce the behavior
-
-*Please replace this with the steps to reproduce the behavior.*
-
-### SkeletonView Environment
+### SkeletonView Environment:
 
 **SkeletonView version:**
 **Xcode version:**
 **Swift version:**
+
+#### Steps to reproduce:
+
+*Please replace this with the steps to reproduce the behavior.*
+
+1.
+2.
+3.
+
+#### Expected result:
+
+*Please replace this with what you expected to happen.*
+
+#### Actual result:
+
+*Please replace this with of what happened instead.*  
+
+#### Attachments:
+
+Logs, screenshots, sample project, funny gif, etc.

.github/pull_request_template.md

@@ -0,0 +1,7 @@
+### Summary
+
+Describe the goal of this PR. Mention any related Issue numbers.
+
+### Requirements (place an `x` in each of the `[ ]`)
+* [ ] I've read and understood the [Contributing guidelines](https://github.com/Juanpe/SkeletonView/blob/develop/CONTRIBUTING.md) and have done my best effort to follow them.
+* [ ] I've read and agree to the [Code of Conduct](https://github.com/Juanpe/SkeletonView/blob/develop/CODE_OF_CONDUCT.md).

.github/stale.yml

@@ -0,0 +1,10 @@
+daysUntilStale: 7
+daysUntilClose: 7
+onlyLabels:
+  - awaiting user input
+staleLabel: given up
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. It will be closed if no further activity occurs. Thank you
+  for your contributions.
+closeComment: false

.github/workflows/build.yml

@@ -0,0 +1,20 @@
+name: build
+
+on:
+  push:
+    branches:
+    - develop
+  pull_request:
+    branches:
+    - develop
+
+jobs:
+  build:
+    runs-on: macos-latest
+    steps:
+    - uses: actions/checkout@v2
+    - name: xcodebuild
+      run: |
+        xcodebuild -project SkeletonView.xcodeproj -target SkeletonView-iOS -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 7,OS=12'
+        xcodebuild -project SkeletonView.xcodeproj -target SkeletonView-tvOS -sdk appletvsimulator -destination 'platform=tvOS Simulator,name=Apple TV,OS=12'
+        xcodebuild -project SkeletonView.xcodeproj -target SkeletonViewExample -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 7,OS=12'

.github/workflows/checks.yml

@@ -0,0 +1,15 @@
+name: CI
+
+on: [pull_request]
+
+jobs:
+  danger:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+      - name: Execute danger
+        uses: danger/swift@3.5.0
+        with:
+            args: --failOnErrors --no-publish-check
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/swiftlint.yml

@@ -0,0 +1,17 @@
+name: SwiftLint
+
+on:
+  pull_request:
+    branches: [ develop ]
+    paths:
+      - '.github/workflows/swiftlint-macos.yml'
+      - '.swiftlint.yml'
+      - '**/*.swift'
+
+jobs:
+  lint:
+    runs-on: macos-latest
+    steps:
+      - uses: actions/checkout@v1
+      - name: Run SwiftLint
+        run: swiftlint lint --reporter github-actions-logging

.gitignore

@@ -66,3 +66,7 @@ fastlane/report.xml
 fastlane/Preview.html
 fastlane/screenshots
 fastlane/test_output
+
+# JetBrains
+
+.idea

.swift-version

@@ -1 +1 @@
-4.2
+5.0

.swiftlint.yml

@@ -0,0 +1,69 @@
+included:
+  - Sources
+disabled_rules:
+  - trailing_whitespace
+  - line_length
+  - type_body_length
+  - identifier_name
+  - multiple_closures_with_trailing_closure
+  - class_delegate_protocol
+  - force_unwrapping
+  - force_try
+  - force_cast
+  - function_parameter_count
+  - discouraged_optional_collection
+  - shorthand_operator
+  - reduce_boolean
+  - weak_delegate
+  - nesting
+  - closure_end_indentation 
+  - function_default_parameter_at_end
+  - unowned_variable_capture
+  - legacy_constructor
+opt_in_rules:
+  - multiline_arguments
+  - multiline_parameters
+  - closure_spacing
+  - closure_body_length
+  - collection_alignment
+  - contains_over_filter_is_empty
+  - contains_over_filter_count
+  - contains_over_first_not_nil
+  - contains_over_range_nil_comparison
+  - convenience_type
+  - discouraged_object_literal
+  - discouraged_optional_boolean
+  - empty_count
+  - empty_string
+  - fallthrough
+  - file_name_no_space
+  - first_where
+  - flatmap_over_map_reduce
+  - implicitly_unwrapped_optional
+  - joined_default_parameter
+  - last_where
+  - literal_expression_end_indentation
+  - multiline_function_chains
+  - operator_usage_whitespace
+  - private_action
+  - private_outlet
+  - redundant_optional_initialization
+  - redundant_set_access_control
+  - redundant_type_annotation
+  - sorted_first_last
+  - switch_case_on_newline
+  - unneeded_parentheses_in_closure_argument
+  - unused_declaration
+  - unused_import
+  - vertical_whitespace_opening_braces
+  - discouraged_optional_collection
+  - enum_case_associated_values_counts
+  - legacy_multiple
+  - legacy_random
+indentation: 2
+file_length:
+ - 2500
+ - 3000
+large_tuple:
+ - 5
+ - 6

.travis.yml

@@ -1,7 +0,0 @@
-language: objective-c
-osx_image: xcode10
-script:
-  - xcodebuild -project SkeletonView.xcodeproj -target SkeletonView-iOS -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 7,OS=12'
-  - xcodebuild -project SkeletonView.xcodeproj -target SkeletonView-tvOS -sdk appletvsimulator -destination 'platform=tvOS Simulator,name=Apple TV,OS=12'
-  - xcodebuild -project SkeletonView.xcodeproj -target SkeletonViewExample -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 7,OS=12'
-after_success:

CHANGELOG.md

@@ -1,122 +1,240 @@
 # Change Log
 All notable changes to this project will be documented in this file
 
-## Next version
+### Next version
 
-### New
-- Adding swift news to mentioned section (thanks @osterbergmarcus)
+#### 🙌 New
 
-## [Debug (1.4)](https://github.com/Juanpe/SkeletonView/releases/tag/1.4)
+#### 🔬Improvements
 
-### New
+#### 🩹 Bug fixes
+
+
+## 📦 [1.11.0](https://github.com/Juanpe/SkeletonView/releases/tag/1.11.0)
+
+#### 🙌 New
+* [**339**](https://github.com/Juanpe/SkeletonView/pull/339): Add `hiddenWhenSkeletonIsActive` property - [@mohn93](https://github.com/mohn93)
+* [**341**](https://github.com/Juanpe/SkeletonView/pull/341): Support autoreverses in gradient animations - [@Juanpe](https://github.com/Juanpe)
+* [**344**](https://github.com/Juanpe/SkeletonView/pull/344): Resize labels based on number of lines - [@Juanpe](https://github.com/Juanpe)
+
+#### 🩹 Bug fixes
+* [**340**](https://github.com/Juanpe/SkeletonView/pull/340): Fixed incorrect padding, and incorrect multiline layer frame calculation - [@yzhao198](https://github.com/yzhao198)
+
+## 📦 [1.10.0](https://github.com/Juanpe/SkeletonView/releases/tag/1.10.0)
+
+#### 🙌 New
+* [**327**](https://github.com/Juanpe/SkeletonView/pull/327): Add SwiftLint - [@Juanpe](https://github.com/Juanpe)
+* [**329**](https://github.com/Juanpe/SkeletonView/pull/329): Spanish README 🇪🇸 - [@Juanpe](https://github.com/Juanpe)
+
+#### 🩹 Bug fixes
+* [**336**](https://github.com/Juanpe/SkeletonView/pull/336): Not replace text when the skeleton disappears. Solved issues: [#296](https://github.com/Juanpe/SkeletonView/issues/296), [#330](https://github.com/Juanpe/SkeletonView/issues/330) - [@Juanpe](https://github.com/Juanpe)
+* [**337**](https://github.com/Juanpe/SkeletonView/pull/337): RTL support. Solved issues: [#143](https://github.com/Juanpe/SkeletonView/issues/143) - [@Juanpe](https://github.com/Juanpe)
+
+## 📦 [1.9](https://github.com/Juanpe/SkeletonView/releases/tag/1.9)
+
+#### 🩹 Bug fixes
+* [**319**](https://github.com/Juanpe/SkeletonView/pull/319): Fix to consider the top and bottom edge insets when updating the skeleton layer height - [@xpereta](https://github.com/xpereta)
+* [**320**](https://github.com/Juanpe/SkeletonView/pull/320): Fix Single line customisation - [@Juanpe](https://github.com/juanpe)
+* [**323**](https://github.com/Juanpe/SkeletonView/pull/323): Save and restore view state for UIButton - [@Juanpe](https://github.com/juanpe)
+
+## 📦 [1.8.8](https://github.com/Juanpe/SkeletonView/releases/tag/1.8.8)
+
+#### 🙌 New
+* [**304**](https://github.com/Juanpe/SkeletonView/pull/304): French README 🇫🇷 - [@OmarJalil](https://github.com/OmarJalil)
+
+#### 🔬Improvements
+* [**311**](https://github.com/Juanpe/SkeletonView/pull/311): Bump json from 2.2.0 to 2.3.1 - [@dependabot](https://github.com/dependabot)
+
+#### 🩹 Bug fixes
+* [**286**](https://github.com/Juanpe/SkeletonView/pull/286): Fix issue when WKWebView calls skeletonLayoutSubviews not on the main thread - [@paulanatoleclaudot-betclic](https://github.com/paulanatoleclaudot-betclic)
+* [**292**](https://github.com/Juanpe/SkeletonView/pull/292): Fix IBInspectable support when using Carthage - [@marisalaneous](https://github.com/marisalaneous)
+* [**308**](https://github.com/Juanpe/SkeletonView/pull/308): Fix example backgroundColor in DarkMode - [@toshi0383](https://github.com/toshi0383)
+* [**307**](https://github.com/Juanpe/SkeletonView/pull/307): Prevent incorrect skeletonLayer to be added when updating skeleton - [@wsalim1610](https://github.com/wsalim1610)
+
+## 📦 [1.8.7](https://github.com/Juanpe/SkeletonView/releases/tag/1.8.7)
+
+#### 🔬Improvements
+* [**271**](https://github.com/Juanpe/SkeletonView/pull/271): Add corner radius for skeletonView as IBInspectable (CGFloat) default is 0.0 - [@paulanatoleclaudot-betclic](https://github.com/paulanatoleclaudot-betclic)
+
+#### 🩹 Bug fixes
+* [**259**](https://github.com/Juanpe/SkeletonView/issues/259): Prevent isSkeletonActive to be called when isSkeletonable is false - [@wsalim1610](https://github.com/wsalim1610)
+* [**274**](https://github.com/Juanpe/SkeletonView/pull/274): Fix: hiding skeleton when header and footer views of section would not hide it - [@darkside999](https://github.com/darkside999)
+* [**273**](https://github.com/Juanpe/SkeletonView/pull/273): Fix: in vertical stack view with center alignment show incorrect position - [@koooootake](https://github.com/koooootake)
+
+## 📦 [1.8.6](https://github.com/Juanpe/SkeletonView/releases/tag/1.8.6)
+
+#### 🔬Improvements
+* [**242**](https://github.com/Juanpe/SkeletonView/pull/242): Offscreen table view layout issue fixed - [@Cacodemon](https://github.com/Cacodemon)
+* [**261**](https://github.com/Juanpe/SkeletonView/pull/261): Fixes removing skeleton layers from table header footer sections - [@darkside999](https://github.com/darkside999)
+* [**263**](https://github.com/Juanpe/SkeletonView/pull/263): Feature/set cross dissolve transitions as default - [@Juanpe](https://github.com/Juanpe)
+* [**264**](https://github.com/Juanpe/SkeletonView/pull/264): not replace original datasource is running XCTests - [@Juanpe](https://github.com/Juanpe)
+* [**265**](https://github.com/Juanpe/SkeletonView/pull/265): call original traitCollectionDidChange method - [@Juanpe](https://github.com/Juanpe)
+
+#### 🩹 Bug fixes
+* [**260**](https://github.com/Juanpe/SkeletonView/issues/260): Don't hide skeleton layers on TableViewHeaderFooterView
+* [**257**](https://github.com/Juanpe/SkeletonView/issues/257): Unit test problem when using SkeletonView
+
+
+## 📦 [1.8.3](https://github.com/Juanpe/SkeletonView/releases/tag/1.8.3)
+
+- Support for iOS 13 dark mode. (thanks @Wilsonator5000)
+
+## 📦 [1.8.2](https://github.com/Juanpe/SkeletonView/releases/tag/1.8.2)
+
+#### 🙌 New
+- Add ability to customize line spacing per label. (thanks @gshahbazian)
+
+## 📦 [LayoutSkeleton (1.8.1)](https://github.com/Juanpe/SkeletonView/releases/tag/1.8.1)
+
+#### 🔬Improvements
+- Fix completion call in .none transition style while hide skeletons. (thanks @aadudyrev)
+
+#### 🙌 New
+- Swizzle `layoutSubviews` method.
+
+#### 🔬Improvements
+- Fix completion call in .none transition style while hiding skeletons. (thanks @aadudyrev)
+- Swift format.
+
+#### 🩹 Bug fixes
+- Update layout subviews when the original method is called.
+   - Issues: [#88, #149]
+
+## 📦 [Transitions (1.8)](https://github.com/Juanpe/SkeletonView/releases/tag/1.8)
+
+#### 🙌 New
+
+- Adding swift news to mentioned section (thanks @osterbergmarcus).
+- Create `SkeletonTransitionStyle`. Now, you can animate transition when you show or hide skeletons. (thanks @pontusjacobsson)
+
+#### 🔬Improvements
+- Refactor some methods.
+
+#### 🩹 Bug fixes
+- Solved issues.
+ [#175](https://github.com/Juanpe/SkeletonView/issues/175) Swift Package Manager version format
+
+## 📦 [Layout update (1.7)](https://github.com/Juanpe/SkeletonView/releases/tag/1.7)
+
+#### 🙌 New
+
+- Allow updating skeleton layout to recalculate skeleton bounds: `layoutSkeletonIfNeeded`. See the examples to know how to use it. (thanks @eduardbosch)
+
+#### 🔬Improvements
+
+- Allow updating skeleton layers without recreating them: `updateSkeleton`, `updateGradientSkeleton`, `updateAnimatedSkeleton`, `updateAnimatedGradientSkeleton`. (thanks @eduardbosch)
+
+## 📦 [Debug (1.4)](https://github.com/Juanpe/SkeletonView/releases/tag/1.4)
+
+#### 🙌 New
 
 - Create `skeletonDescription` print a skeleton representation of the view.
 - Create `SKELETON_DEBUG` environment variable, in order to print the view hierarchy when the skeleton appears.
 
-### Improvements
+#### 🔬Improvements
 - Add two new methods to `SkeletonFlowDelegate` protocol. Now you can know when the skeleton did show and when it did hide.
 - `Recursive` protocol
 
-### Bug fixes
+#### 🩹 Bug fixes
 - Solved issue [#86](https://github.com/Juanpe/SkeletonView/issues/86) (thanks @reececomo)
 
-## [Custom defaults (1.3)](https://github.com/Juanpe/SkeletonView/releases/tag/1.3)
+## 📦 [Custom defaults (1.3)](https://github.com/Juanpe/SkeletonView/releases/tag/1.3)
 
-### New
+#### 🙌 New
 
 - Default values customizables. Now you can set the default values of Skeleton appearance.(thanks @reececomo)
   - issues: [[#50](https://github.com/Juanpe/SkeletonView/issues/50), [#83](https://github.com/Juanpe/SkeletonView/issues/83)]
 
-### Bug fixes
+#### 🩹 Bug fixes
 - Solved issue [#41](https://github.com/Juanpe/SkeletonView/issues/41). Now, Skeleton works if UICollectionView cell's Nib is registered in code. (thanks @kjoneandrei)
 
-## [Typo (1.2.3)](https://github.com/Juanpe/SkeletonView/releases/tag/1.2.3)
+## 📦 [Typo (1.2.3)](https://github.com/Juanpe/SkeletonView/releases/tag/1.2.3)
 
-### Fixes
+####  Fixes
 
 - Fix typo in `SkeletonTableViewDataSource` protocol
 
-### Improvements
+#### 🔬Improvements
 
 - Now it takes in account the `UIStackView` to calculate the `SkeletonLayer` bounds (thanks @giantramen)
 
-## [New face (1.2.2)](https://github.com/Juanpe/SkeletonView/releases/tag/1.2.2)
+## 📦 [New face (1.2.2)](https://github.com/Juanpe/SkeletonView/releases/tag/1.2.2)
 
-### New
+#### 🙌 New
 
 - Rebranding
 
-### Bug fixes
+#### 🩹 Bug fixes
 - Solved issue [#23](https://github.com/Juanpe/SkeletonView/issues/23). Problem with UIStackView. (thanks @giantramen)
 
-## [State (1.2.1)](https://github.com/Juanpe/SkeletonView/releases/tag/1.2.1)
+## 📦 [State (1.2.1)](https://github.com/Juanpe/SkeletonView/releases/tag/1.2.1)
 
-### New
+#### 🙌 New
 
 - You can set the corner radius multiline elements (thanks @B4V4-G)
 - Save view state when skeleton appears and recovery when it is hidden (@juanpe)
 
-### Bug fixes
+#### 🩹 Bug fixes
 - Solved issue [#51](https://github.com/Juanpe/SkeletonView/issues/51). Support inspectable properties when using Carthage. (thanks @eduardbosch)
 
-## [On TV (1.2)](https://github.com/Juanpe/SkeletonView/releases/tag/1.2)
+## 📦 [On TV (1.2)](https://github.com/Juanpe/SkeletonView/releases/tag/1.2)
 
-### New
+#### 🙌 New
 - Now ```SkeletonView``` is **tvOS** compatible! 🎉.  (thanks @mihai8804858)
 
-### Bug fixes
+#### 🩹 Bug fixes
 - Solved issue [#46](https://github.com/Juanpe/SkeletonView/issues/46). It crashes the application when tap on it, didSelect called and crash.
 
 
-## [Hotfix (1.1.1)](https://github.com/Juanpe/SkeletonView/releases/tag/1.1.1)
+## 📦 [Hotfix (1.1.1)](https://github.com/Juanpe/SkeletonView/releases/tag/1.1.1)
 
-### Bug fixes
+#### 🩹 Bug fixes
 - Now yes, solved issue [#39](https://github.com/Juanpe/SkeletonView/issues/39)
 
-## [Needed (1.1)](https://github.com/Juanpe/SkeletonView/releases/tag/1.1)
+## 📦 [Needed (1.1)](https://github.com/Juanpe/SkeletonView/releases/tag/1.1)
 
-### New
+#### 🙌 New
 - Now ```SkeletonView```supports **UICollectionViews**! 🎉.  (thanks @Renatdz)
 
-### Bug fixes
+#### 🩹 Bug fixes
 - Solved issue [#39](https://github.com/Juanpe/SkeletonView/issues/39). Gradient animation did not work when app becomes active.
 
 
-## [Resizable (1.0.5)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0.5)
+## 📦 [Resizable (1.0.5)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0.5)
 
-### New
+#### 🙌 New
 - Now you can use table views with resizable cells.
 
-### Bug fixes
+#### 🩹 Bug fixes
 - Solved issues.
  [#17](https://github.com/Juanpe/SkeletonView/issues/17),
  [#30](https://github.com/Juanpe/SkeletonView/issues/30),
  [#34](https://github.com/Juanpe/SkeletonView/issues/34).
 
-## [Filled or not (1.0.4)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0.4)
+## 📦 [Filled or not (1.0.4)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0.4)
 
-### New
+#### 🙌 New
 - You can set the filling percent of the last line in multiline elements (thanks @jontelang!)
 
-### Bug fixes
+#### 🩹 Bug fixes
 - Solved issue [#14](https://github.com/Juanpe/SkeletonView/issues/14). You could edit text views with skeleton active.
 
-## [In all directions (1.0.3)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0.3)
+## 📦 [In all directions (1.0.3)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0.3)
 
-### New
+#### 🙌 New
 - Create ```SkeletonAnimationBuilder```, to facilitate the creation of layer animations.
 ```GradientDirection``` enum.
 
-## [Retro (1.0.2)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0.2)
+## 📦 [Retro (1.0.2)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0.2)
 
-### New
+#### 🙌 New
 - Change some private keywords, to be Swift 3 compatible
 
-## [Early bird bug (1.0.1)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0.2)
+## 📦 [Early bird bug (1.0.1)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0.2)
 
-### Bug fixes
+#### 🩹 Bug fixes
 - It was not removing the skeleton layer
 
-## [Starter (1.0)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0)
+## 📦 [Starter (1.0)](https://github.com/Juanpe/SkeletonView/releases/tag/1.0)
 
 - First release

CODE_OF_CONDUCT.md

@@ -0,0 +1,52 @@
+# Code of Conduct
+
+The Code of Conduct governs how we behave in public or in private
+whenever the project will be judged by our actions.
+We expect it to be honored by everyone who represents the project
+officially or informally,
+claims affiliation with the project,
+or participates directly.
+
+We strive to:
+
+* **Be open**: We invite anybody to participate in any aspect of our projects.
+  Our community is open, and any responsibility can be carried
+  by any contributor who demonstrates the required capacity and competence.
+* **Be empathetic**: We work together to resolve conflict,
+  assume good intentions,
+  and do our best to act in an empathic fashion.
+  By understanding that humanity drops a few packets in online interactions,
+  and adjusting accordingly,
+  we can create a comfortable environment for everyone to share their ideas.
+* **Be collaborative**: We prefer to work transparently
+  and to involve interested parties early on in the process.
+  Wherever possible, we work closely with others in the open source community
+  to coordinate our efforts.
+* **Be decisive**: We expect participants in the project to resolve disagreements constructively.
+  When they cannot, we escalate the matter to structures
+  with designated leaders to arbitrate and provide clarity and direction.
+* **Be responsible**: We hold ourselves accountable for our actions.
+  When we make mistakes, we take responsibility for them.
+  When we need help, we reach out to others.
+  When it comes time to move on from a project,
+  we take the proper steps to ensure that others can pick up where we left off.
+
+This code is not exhaustive or complete.
+It serves to distill our common understanding of a
+collaborative, shared environment and goals.
+We expect it to be followed in spirit as much as in the letter.
+
+---
+
+The **SkeletonView** Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.

CONTRIBUTING.md

@@ -0,0 +1,77 @@
+# Contributors Guide
+
+Interested in contributing? Awesome! Before you do though, please read our
+[Code of Conduct](https://github.com/Juanpe/SkeletonView/blob/develop/CODE_OF_CONDUCT.md). We take it very seriously, and expect that you will as
+well.
+
+There are many ways you can contribute! :heart:
+
+### Bug Reports and Fixes :bug:
+-  If you find a bug, please search for it in the [Issues](https://github.com/Juanpe/SkeletonView/issues), and if it isn't already tracked,
+   [create a new issue](https://github.com/slackhq/PanModal/issues/new). Fill out the "Bug Report" section of the issue template. Even if an Issue is closed, feel free to comment and add details, it will still
+   be reviewed.
+-  Issues that have already been identified as a bug (note: able to reproduce) will be labelled `🐞 Bug`.
+-  If you'd like to submit a fix for a bug, [send a Pull Request](#creating_a_pull_request) and mention the Issue number.
+
+### New Features :bulb:
+-  If you'd like to add new functionality to this project, describe the problem you want to solve in a [new Issue](https://github.com/Juanpe/SkeletonView/issues/new).
+-  Issues that have been identified as a feature request will be labelled `💡 Enhancement`.
+-  If you'd like to implement the new feature, please wait for feedback from the project
+   maintainers before spending too much time writing the code. In some cases, `💡 Enhancement`s may
+   not align well with the project objectives at the time.
+
+### Miscellaneous :sparkles:
+-  If you have an alternative implementation of something that may have advantages over the way its currently
+   done, or you have any other change, we would be happy to hear about it!
+  -  If its a trivial change, go ahead and [send a Pull Request](#creating_a_pull_request) with the changes you have in mind.
+  -  If not, [open an Issue](https://github.com/Juanpe/SkeletonView/issues/new) to discuss the idea first.
+
+If you're new to our project and looking for some way to make your first contribution, look for
+Issues labelled `good first issue`.
+
+## Requirements
+
+For your contribution to be accepted:
+
+- [x] The changes must be approved by code review.
+- [x] Commits should be atomic and messages must be descriptive. Related issues should be mentioned by Issue number.
+
+If the contribution doesn't meet the above criteria, you may fail our automated checks or a maintainer will discuss it with you. You can continue to improve a Pull Request by adding commits to the branch from which the PR was created.
+
+## Creating a Pull Request
+
+1.  :fork_and_knife: Fork the repository on GitHub.
+2.  :runner: Clone/fetch your fork to your local development machine.
+3.  :herb: Create a new branch and check it out.
+4.  :crystal_ball: Make your changes and commit them locally.
+5.  :arrow_heading_up: Push your new branch to your fork. (e.g. `git push username fix-issue-300`).
+6.  :inbox_tray: Open a Pull Request on github.com from your new branch on your fork to `develop` in this
+    repository.
+
+## Developer's Certificate of Origin 1.1
+
+By making a contribution to this project, I certify that:
+
+- (a) The contribution was created in whole or in part by me and I
+      have the right to submit it under the open source license
+      indicated in the file; or
+
+- (b) The contribution is based upon previous work that, to the best
+      of my knowledge, is covered under an appropriate open source
+      license and I have the right under that license to submit that
+      work with modifications, whether created in whole or in part
+      by me, under the same open source license (unless I am
+      permitted to submit under a different license), as indicated
+      in the file; or
+
+- (c) The contribution was provided directly to me by some other
+      person who certified (a), (b) or (c) and I have not modified
+      it.
+
+- (d) I understand and agree that this project and the contribution
+      are public and that a record of the contribution (including all
+      personal information I submit with it, including my sign-off) is
+      maintained indefinitely and may be redistributed consistent with
+      this project or the open source license(s) involved.
+
+*Wording of statement copied from [elinux.org](http://elinux.org/Developer_Certificate_Of_Origin)*

Dangerfile.swift

@@ -0,0 +1,44 @@
+import Danger
+
+let danger = Danger()
+let github = danger.github
+
+// Changelog entries are required for changes to library files.
+let allSourceFiles = danger.git.modifiedFiles + danger.git.createdFiles
+let noChangelogEntry = !allSourceFiles.contains("CHANGELOG.md")
+let sourceChanges = allSourceFiles.contains { $0.hasPrefix("Sources") }
+let isNotTrivial = !danger.github.pullRequest.title.contains("#trivial")
+
+if isNotTrivial && noChangelogEntry && sourceChanges {
+    fail("Any changes to library code should be reflected in the Changelog.")
+}
+
+ // Make it more obvious that a PR is a work in progress and shouldn't be merged yet
+if danger.github.pullRequest.title.contains("WIP") {
+    warn("PR is classed as Work in Progress")
+}
+
+// Warn, asking to update all README files if only English README are updated
+let enReameModified = danger.git.modifiedFiles.contains { $0.contains("README.md") }
+let zhReameModified = danger.git.modifiedFiles.contains { $0.contains("README_zh.md") }
+let koReameModified = danger.git.modifiedFiles.contains { $0.contains("README_ko.md") }
+let ptBrReameModified = danger.git.modifiedFiles.contains { $0.contains("README_pt-br.md") }
+let otherLanguagesReadmeHaveBeenModified = zhReameModified && koReameModified && ptBrReameModified
+
+if (enReameModified && !otherLanguagesReadmeHaveBeenModified) {
+    warn("Consider **also** updating the README for other languages.")
+}
+
+// Warn when there is a big PR
+if (danger.github.pullRequest.additions ?? 0) > 500 {
+    warn("Big PR, try to keep changes smaller if you can")
+}
+
+// Added (or removed) library files need to be added (or removed) from the
+// Xcode project to avoid breaking things.
+let addedSwiftLibraryFiles = danger.git.createdFiles.contains { $0.fileType == .swift && $0.hasPrefix("Sources") }
+let deletedSwiftLibraryFiles = danger.git.deletedFiles.contains { $0.fileType == .swift && $0.hasPrefix("Sources") }
+let modifiedXcodeProject = danger.git.modifiedFiles.contains { $0.contains(".xcodeproj") }
+if (addedSwiftLibraryFiles || deletedSwiftLibraryFiles) && !modifiedXcodeProject {
+    fail("Added or removed files require the Xcode project to be updated.")
+}

Example/CollectionView/AppDelegate.swift

@@ -8,7 +8,7 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
     var window: UIWindow?
 
 
-    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
+    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
         // Override point for customization after application launch.
         return true
     }

Example/CollectionView/Assets.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

Example/CollectionView/Assets.xcassets/avatar.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "avatar.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

Example/CollectionView/Assets.xcassets/picture.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "picture.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

Example/CollectionView/CollectionViewCell.swift

@@ -6,12 +6,14 @@ import SkeletonView
 class CollectionViewCell: UICollectionViewCell {
     
     var label: UILabel!
+    var imageView: UIImageView!
     
     override init(frame: CGRect) {
         super.init(frame: frame)
         
         isSkeletonable = true
         createLabel()
+        createImageView()
         
     }
     
@@ -19,16 +21,34 @@ class CollectionViewCell: UICollectionViewCell {
         fatalError("init(coder:) has not been implemented")
     }
     
+    private func createImageView() {
+        imageView = UIImageView(image: UIImage(named: "picture"))
+        imageView.isSkeletonable = true
+        imageView.translatesAutoresizingMaskIntoConstraints = false
+        imageView.contentMode = .scaleAspectFit
+        addSubview(imageView)
+        NSLayoutConstraint.activate([
+            imageView.centerXAnchor.constraint(equalTo: centerXAnchor),
+            imageView.topAnchor.constraint(equalTo: topAnchor),
+            imageView.heightAnchor.constraint(equalTo: heightAnchor, multiplier: 0.75),
+            imageView.widthAnchor.constraint(equalTo: widthAnchor, multiplier: 0.75)
+            ])
+        
+        
+    }
+    
     private func createLabel() {
         label = UILabel()
         label.isSkeletonable = true
+        label.text = "Lorem ipsum"
+        label.textAlignment = .center
         label.translatesAutoresizingMaskIntoConstraints = false
         addSubview(label)
         NSLayoutConstraint.activate([
             label.centerXAnchor.constraint(equalTo: centerXAnchor),
-            label.centerYAnchor.constraint(equalTo: centerYAnchor),
-            label.heightAnchor.constraint(equalToConstant: frame.height / 2),
-            label.widthAnchor.constraint(equalToConstant: frame.width / 2)
+            label.bottomAnchor.constraint(equalTo: bottomAnchor),
+            label.heightAnchor.constraint(equalToConstant: 40),
+            label.widthAnchor.constraint(equalToConstant: frame.width)
             ])
     }
     

Example/CollectionView/Main.storyboard

@@ -1,11 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14113" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="irH-dz-xqL">
-    <device id="retina4_7" orientation="portrait">
-        <adaptation id="fullscreen"/>
-    </device>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15702" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="irH-dz-xqL">
+    <device id="retina4_7" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14088"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15704"/>
         <capability name="Safe area layout guides" minToolsVersion="9.0"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
@@ -13,13 +11,13 @@
         <!--View Controller-->
         <scene sceneID="qda-qV-vJk">
             <objects>
-                <viewController id="irH-dz-xqL" customClass="ViewController" customModule="SkeletonViewExampleUICollectionView" customModuleProvider="target" sceneMemberID="viewController">
+                <viewController id="irH-dz-xqL" customClass="ViewController" customModule="SkeletonViewExampleUICollectionView" sceneMemberID="viewController">
                     <view key="view" contentMode="scaleToFill" id="Fso-nq-n6t">
                         <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="eHI-ka-8vS">
-                                <rect key="frame" x="0.0" y="20" width="375" height="243"/>
+                                <rect key="frame" x="0.0" y="0.0" width="375" height="243"/>
                                 <subviews>
                                     <textView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" textAlignment="natural" translatesAutoresizingMaskIntoConstraints="NO" id="obr-b6-dib">
                                         <rect key="frame" x="45" y="142" width="287" height="78"/>
@@ -37,7 +35,7 @@
                                             </userDefinedRuntimeAttribute>
                                         </userDefinedRuntimeAttributes>
                                     </textView>
-                                    <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="avatar" translatesAutoresizingMaskIntoConstraints="NO" id="Ql9-Jy-aWM">
+                                    <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="avatar" translatesAutoresizingMaskIntoConstraints="NO" id="Ql9-Jy-aWM">
                                         <rect key="frame" x="141" y="20" width="93" height="93"/>
                                         <color key="backgroundColor" red="0.56078431370000004" green="0.59607843140000005" blue="0.7843137255" alpha="0.90709546230000004" colorSpace="calibratedRGB"/>
                                         <constraints>
@@ -66,7 +64,7 @@
                                 </userDefinedRuntimeAttributes>
                             </view>
                             <collectionView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" dataMode="prototypes" translatesAutoresizingMaskIntoConstraints="NO" id="HKL-L0-T2w">
-                                <rect key="frame" x="0.0" y="263" width="375" height="264"/>
+                                <rect key="frame" x="0.0" y="243" width="375" height="264"/>
                                 <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                 <collectionViewFlowLayout key="collectionViewLayout" minimumLineSpacing="10" minimumInteritemSpacing="10" id="mGU-kn-rfE">
                                     <size key="itemSize" width="50" height="50"/>
@@ -80,11 +78,10 @@
                                 </connections>
                             </collectionView>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="JjA-MK-YzZ">
-                                <rect key="frame" x="0.0" y="527" width="375" height="140"/>
+                                <rect key="frame" x="0.0" y="507" width="375" height="160"/>
                                 <subviews>
-                                    <segmentedControl opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="0" translatesAutoresizingMaskIntoConstraints="NO" id="fMR-vj-7de">
-                                        <rect key="frame" x="20" y="23" width="140" height="29"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="0" translatesAutoresizingMaskIntoConstraints="NO" id="fMR-vj-7de">
+                                        <rect key="frame" x="20" y="21" width="145" height="32"/>
                                         <segments>
                                             <segment title="Solid"/>
                                             <segment title="Gradient"/>
@@ -93,44 +90,85 @@
                                             <action selector="changeSkeletonType:" destination="irH-dz-xqL" eventType="valueChanged" id="lfR-JV-DU4"/>
                                         </connections>
                                     </segmentedControl>
-                                    <switch opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" on="YES" translatesAutoresizingMaskIntoConstraints="NO" id="KBe-RM-BG8">
-                                        <rect key="frame" x="310" y="21" width="49" height="31"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <switch opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" contentHorizontalAlignment="center" contentVerticalAlignment="center" on="YES" translatesAutoresizingMaskIntoConstraints="NO" id="KBe-RM-BG8">
+                                        <rect key="frame" x="308" y="21" width="51" height="31"/>
                                         <connections>
                                             <action selector="changeAnimated:" destination="irH-dz-xqL" eventType="valueChanged" id="dlH-KK-iee"/>
                                         </connections>
                                     </switch>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="Animated" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="GSj-Ze-UIK">
-                                        <rect key="frame" x="211" y="28" width="91" height="21"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Animated" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="GSj-Ze-UIK">
+                                        <rect key="frame" x="229" y="26" width="73" height="21"/>
                                         <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                         <nil key="textColor"/>
                                         <nil key="highlightedColor"/>
                                     </label>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="Color" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="4Hm-fj-45V">
-                                        <rect key="frame" x="32" y="89" width="52" height="21"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Color" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="4Hm-fj-45V">
+                                        <rect key="frame" x="20" y="61" width="41.5" height="52"/>
                                         <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                         <nil key="textColor"/>
                                         <nil key="highlightedColor"/>
                                     </label>
-                                    <view contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="HBJ-nh-56V">
-                                        <rect key="frame" x="92" y="84" width="30" height="30"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="HBJ-nh-56V">
+                                        <rect key="frame" x="69.5" y="72" width="30" height="30"/>
                                         <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                        <constraints>
+                                            <constraint firstAttribute="width" constant="30" id="DVW-Tc-XEQ"/>
+                                            <constraint firstAttribute="height" constant="30" id="JfP-3b-yqX"/>
+                                        </constraints>
                                     </view>
-                                    <button opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="aUR-Qo-gHK">
-                                        <rect key="frame" x="20" y="74" width="140" height="52"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="aUR-Qo-gHK">
+                                        <rect key="frame" x="20" y="61" width="100" height="52"/>
+                                        <constraints>
+                                            <constraint firstAttribute="width" constant="100" id="GvX-hq-2Qn"/>
+                                            <constraint firstAttribute="height" constant="52" id="UQe-Cf-riE"/>
+                                        </constraints>
                                         <connections>
                                             <action selector="btnChangeColorTouchUpInside:" destination="irH-dz-xqL" eventType="touchUpInside" id="Xca-QC-htl"/>
                                         </connections>
                                     </button>
+                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="nPs-17-vfs">
+                                        <rect key="frame" x="263" y="72" width="94" height="30"/>
+                                        <state key="normal" title="Hide skeleton"/>
+                                        <connections>
+                                            <action selector="showOrHideSkeleton:" destination="irH-dz-xqL" eventType="touchUpInside" id="lHc-k2-OgV"/>
+                                        </connections>
+                                    </button>
+                                    <stepper opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" contentHorizontalAlignment="center" contentVerticalAlignment="center" value="0.25" maximumValue="5" stepValue="0.25" translatesAutoresizingMaskIntoConstraints="NO" id="3mz-9M-e7Q">
+                                        <rect key="frame" x="263" y="123" width="94" height="32"/>
+                                        <connections>
+                                            <action selector="transitionDurationStepperAction:" destination="irH-dz-xqL" eventType="valueChanged" id="Ll0-Pr-d0V"/>
+                                        </connections>
+                                    </stepper>
+                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Fade Duration: 0.25 sec" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="5gN-Jz-44y">
+                                        <rect key="frame" x="92.5" y="130" width="162.5" height="18"/>
+                                        <fontDescription key="fontDescription" type="system" pointSize="15"/>
+                                        <nil key="textColor"/>
+                                        <nil key="highlightedColor"/>
+                                    </label>
                                 </subviews>
                                 <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                 <constraints>
-                                    <constraint firstAttribute="height" constant="140" id="QDV-wu-e3I"/>
-                                    <constraint firstAttribute="height" relation="greaterThanOrEqual" constant="140" id="qR5-cz-YAm"/>
+                                    <constraint firstItem="3mz-9M-e7Q" firstAttribute="leading" secondItem="5gN-Jz-44y" secondAttribute="trailing" constant="8" id="65e-Nj-bKG"/>
+                                    <constraint firstItem="HBJ-nh-56V" firstAttribute="centerY" secondItem="aUR-Qo-gHK" secondAttribute="centerY" id="81M-Wq-Avl"/>
+                                    <constraint firstItem="fMR-vj-7de" firstAttribute="leading" secondItem="JjA-MK-YzZ" secondAttribute="leading" constant="20" id="AyG-hI-tte"/>
+                                    <constraint firstItem="aUR-Qo-gHK" firstAttribute="leading" secondItem="fMR-vj-7de" secondAttribute="leading" id="C1b-Hl-jEg"/>
+                                    <constraint firstItem="3mz-9M-e7Q" firstAttribute="trailing" secondItem="nPs-17-vfs" secondAttribute="trailing" id="KuK-fc-jOQ"/>
+                                    <constraint firstItem="nPs-17-vfs" firstAttribute="centerY" secondItem="aUR-Qo-gHK" secondAttribute="centerY" id="MQX-E5-IDE"/>
+                                    <constraint firstItem="HBJ-nh-56V" firstAttribute="leading" secondItem="4Hm-fj-45V" secondAttribute="trailing" constant="8" id="MhM-jY-LIA"/>
+                                    <constraint firstItem="4Hm-fj-45V" firstAttribute="height" secondItem="aUR-Qo-gHK" secondAttribute="height" id="OSn-RA-wQL"/>
+                                    <constraint firstItem="4Hm-fj-45V" firstAttribute="leading" secondItem="aUR-Qo-gHK" secondAttribute="leading" id="PwQ-UR-iMq"/>
+                                    <constraint firstAttribute="height" constant="160" id="QDV-wu-e3I"/>
+                                    <constraint firstItem="5gN-Jz-44y" firstAttribute="centerY" secondItem="3mz-9M-e7Q" secondAttribute="centerY" id="TGP-Ep-0ob"/>
+                                    <constraint firstItem="nPs-17-vfs" firstAttribute="top" secondItem="KBe-RM-BG8" secondAttribute="bottom" constant="20" id="TPg-wY-9bc"/>
+                                    <constraint firstItem="4Hm-fj-45V" firstAttribute="centerY" secondItem="aUR-Qo-gHK" secondAttribute="centerY" id="V4i-bF-Jed"/>
+                                    <constraint firstItem="KBe-RM-BG8" firstAttribute="leading" secondItem="GSj-Ze-UIK" secondAttribute="trailing" constant="6" id="ehg-tW-7kq"/>
+                                    <constraint firstItem="GSj-Ze-UIK" firstAttribute="centerY" secondItem="KBe-RM-BG8" secondAttribute="centerY" id="esk-GV-DBS"/>
+                                    <constraint firstAttribute="trailing" secondItem="KBe-RM-BG8" secondAttribute="trailing" constant="18" id="hhE-rV-dV7"/>
+                                    <constraint firstItem="KBe-RM-BG8" firstAttribute="top" secondItem="JjA-MK-YzZ" secondAttribute="top" constant="21" id="pBQ-H8-xTK"/>
+                                    <constraint firstAttribute="bottom" secondItem="3mz-9M-e7Q" secondAttribute="bottom" constant="5" id="pQ9-a6-hM4"/>
+                                    <constraint firstItem="fMR-vj-7de" firstAttribute="centerY" secondItem="GSj-Ze-UIK" secondAttribute="centerY" id="q2v-t1-Zu0"/>
+                                    <constraint firstAttribute="height" relation="greaterThanOrEqual" constant="160" id="qR5-cz-YAm"/>
+                                    <constraint firstItem="nPs-17-vfs" firstAttribute="trailing" secondItem="KBe-RM-BG8" secondAttribute="trailing" id="yls-k6-ZfC"/>
                                 </constraints>
                             </view>
                         </subviews>
@@ -148,13 +186,19 @@
                             <constraint firstItem="HKL-L0-T2w" firstAttribute="leading" secondItem="2Gq-Y8-1TU" secondAttribute="leading" id="iIq-cx-paX"/>
                         </constraints>
                         <viewLayoutGuide key="safeArea" id="2Gq-Y8-1TU"/>
+                        <userDefinedRuntimeAttributes>
+                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                        </userDefinedRuntimeAttributes>
                     </view>
                     <connections>
                         <outlet property="avatarImage" destination="Ql9-Jy-aWM" id="VoL-by-ygR"/>
                         <outlet property="collectionView" destination="HKL-L0-T2w" id="HSe-j0-S5d"/>
                         <outlet property="colorSelectedView" destination="HBJ-nh-56V" id="Iiq-iY-Glj"/>
+                        <outlet property="showOrHideSkeletonButton" destination="nPs-17-vfs" id="vw4-fW-QoD"/>
                         <outlet property="skeletonTypeSelector" destination="fMR-vj-7de" id="CgX-3A-weo"/>
                         <outlet property="switchAnimated" destination="KBe-RM-BG8" id="emU-g9-NHT"/>
+                        <outlet property="transitionDurationLabel" destination="5gN-Jz-44y" id="69y-iR-mbi"/>
+                        <outlet property="transitionDurationStepper" destination="3mz-9M-e7Q" id="tzK-W7-A4D"/>
                     </connections>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="PkM-Y0-M5i" userLabel="First Responder" sceneMemberID="firstResponder"/>

Example/CollectionView/ViewController.swift

@@ -4,7 +4,6 @@ import UIKit
 import SkeletonView
 
 class ViewController: UIViewController {
-    
     @IBOutlet weak var collectionView: UICollectionView! {
         didSet {
             collectionView.isSkeletonable = true
@@ -36,6 +35,9 @@ class ViewController: UIViewController {
     
     @IBOutlet weak var switchAnimated: UISwitch!
     @IBOutlet weak var skeletonTypeSelector: UISegmentedControl!
+    @IBOutlet weak var showOrHideSkeletonButton: UIButton!
+    @IBOutlet weak var transitionDurationLabel: UILabel!
+    @IBOutlet weak var transitionDurationStepper: UIStepper!
     
     var type: SkeletonType {
         return skeletonTypeSelector.selectedSegmentIndex == 0 ? .solid : .gradient
@@ -43,7 +45,7 @@ class ViewController: UIViewController {
     
     override func viewDidLoad() {
         super.viewDidLoad()
-        view.isSkeletonable = true
+        transitionDurationStepper.value = 0.25
         collectionView.prepareSkeleton(completion: { done in
             self.view.showAnimatedSkeleton()
         })
@@ -65,6 +67,23 @@ class ViewController: UIViewController {
         showAlertPicker()
     }
     
+    @IBAction func showOrHideSkeleton(_ sender: Any) {
+        showOrHideSkeletonButton.setTitle((view.isSkeletonActive ? "Show skeleton" : "Hide skeleton"), for: .normal)
+        view.isSkeletonActive ? hideSkeleton() : showSkeleton()
+    }
+    
+    @IBAction func transitionDurationStepperAction(_ sender: Any) {
+        transitionDurationLabel.text = "transition duration: \(transitionDurationStepper.value) sec"
+    }
+    
+    func showSkeleton() {
+        refreshSkeleton()
+    }
+    
+    func hideSkeleton() {
+        view.hideSkeleton(transition: .crossDissolve(transitionDurationStepper.value))
+    }
+    
     func refreshSkeleton() {
         self.view.hideSkeleton()
         if type == .gradient { showGradientSkeleton() }
@@ -73,23 +92,22 @@ class ViewController: UIViewController {
     
     func showSolidSkeleton() {
         if switchAnimated.isOn {
-            view.showAnimatedSkeleton(usingColor: colorSelectedView.backgroundColor!)
+            view.showAnimatedSkeleton(usingColor: colorSelectedView.backgroundColor!, transition: .crossDissolve(transitionDurationStepper.value))
         } else {
-            view.showSkeleton(usingColor: colorSelectedView.backgroundColor!)
+            view.showSkeleton(usingColor: colorSelectedView.backgroundColor!, transition: .crossDissolve(transitionDurationStepper.value))
         }
     }
     
     func showGradientSkeleton() {
         let gradient = SkeletonGradient(baseColor: colorSelectedView.backgroundColor!)
         if switchAnimated.isOn {
-            view.showAnimatedGradientSkeleton(usingGradient: gradient)
+            view.showAnimatedGradientSkeleton(usingGradient: gradient, transition: .crossDissolve(transitionDurationStepper.value))
         } else {
-            view.showGradientSkeleton(usingGradient: gradient)
+            view.showGradientSkeleton(usingGradient: gradient, transition: .crossDissolve(transitionDurationStepper.value))
         }
     }
     
     func showAlertPicker() {
-        
         let alertView = UIAlertController(title: "Select color", message: "\n\n\n\n\n\n", preferredStyle: .alert)
         
         let pickerView = UIPickerView(frame: CGRect(x: 0, y: 50, width: 260, height: 115))
@@ -117,7 +135,6 @@ class ViewController: UIViewController {
  // MARK: - UIPickerViewDelegate, UIPickerViewDataSource
 
  extension ViewController: UIPickerViewDelegate, UIPickerViewDataSource {
-    
     func numberOfComponents(in pickerView: UIPickerView) -> Int {
         return 1
     }
@@ -134,7 +151,6 @@ class ViewController: UIViewController {
 // MARK: - UICollectionViewDelegateFlowLayout
 
 extension ViewController: UICollectionViewDelegateFlowLayout {
-    
     func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
         return CGSize(width: view.frame.width/3 - 10, height: view.frame.width/3 - 10)
     }
@@ -162,7 +178,7 @@ extension ViewController: SkeletonCollectionViewDataSource {
     // MARK: - UICollectionViewDataSource
     
     func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
-        return 0
+        return 10
     }
     
     func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

Example/TableView/Base.lproj/Main.storyboard

@@ -1,27 +1,94 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14113" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
-    <device id="retina4_7" orientation="portrait">
-        <adaptation id="fullscreen"/>
-    </device>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="17156" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="Va7-1y-Tel">
+    <device id="retina5_9" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14088"/>
-        <capability name="Constraints to layout margins" minToolsVersion="6.0"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="17125"/>
         <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="System colors in document resources" minToolsVersion="11.0"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
-        <!--View Controller-->
+        <!--Item-->
         <scene sceneID="tne-QT-ifu">
             <objects>
                 <viewController id="BYZ-38-t0r" customClass="ViewController" customModule="SkeletonViewExample" customModuleProvider="target" sceneMemberID="viewController">
                     <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
-                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="812"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
+                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="F9K-jU-100" userLabel="ContainerView">
+                                <rect key="frame" x="0.0" y="44" width="375" height="243"/>
+                                <subviews>
+                                    <textView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" textAlignment="natural" translatesAutoresizingMaskIntoConstraints="NO" id="e9V-mk-xH0">
+                                        <rect key="frame" x="45" y="142" width="287" height="78"/>
+                                        <constraints>
+                                            <constraint firstAttribute="height" constant="78" id="gF5-G1-lKI"/>
+                                        </constraints>
+                                        <string key="text">Lorem ipsum dolor sit er elit lamet, consectetaur cillium adipisicing pecu, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </string>
+                                        <color key="textColor" systemColor="labelColor"/>
+                                        <fontDescription key="fontDescription" type="system" pointSize="14"/>
+                                        <textInputTraits key="textInputTraits" autocapitalizationType="sentences"/>
+                                        <userDefinedRuntimeAttributes>
+                                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                            <userDefinedRuntimeAttribute type="number" keyPath="lastLineFillPercent">
+                                                <integer key="value" value="40"/>
+                                            </userDefinedRuntimeAttribute>
+                                            <userDefinedRuntimeAttribute type="number" keyPath="linesCornerRadius">
+                                                <integer key="value" value="6"/>
+                                            </userDefinedRuntimeAttribute>
+                                        </userDefinedRuntimeAttributes>
+                                    </textView>
+                                    <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="avatar" translatesAutoresizingMaskIntoConstraints="NO" id="nMj-pU-5wJ">
+                                        <rect key="frame" x="45" y="20" width="93" height="93"/>
+                                        <color key="backgroundColor" red="0.56078431370000004" green="0.59607843140000005" blue="0.7843137255" alpha="0.90709546230000004" colorSpace="calibratedRGB"/>
+                                        <constraints>
+                                            <constraint firstAttribute="height" constant="93" id="gw9-nu-cKo"/>
+                                            <constraint firstAttribute="width" constant="93" id="zB6-Lp-IUt"/>
+                                        </constraints>
+                                        <userDefinedRuntimeAttributes>
+                                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                        </userDefinedRuntimeAttributes>
+                                    </imageView>
+                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="CJW-A4-Fb8">
+                                        <rect key="frame" x="166" y="27" width="166" height="12"/>
+                                        <color key="backgroundColor" red="0.92156862750000001" green="0.16862745100000001" blue="0.54901960780000003" alpha="1" colorSpace="calibratedRGB"/>
+                                        <constraints>
+                                            <constraint firstAttribute="height" relation="lessThanOrEqual" constant="80" id="XAA-g8-NVH"/>
+                                        </constraints>
+                                        <fontDescription key="fontDescription" type="system" pointSize="10"/>
+                                        <nil key="textColor"/>
+                                        <nil key="highlightedColor"/>
+                                        <userDefinedRuntimeAttributes>
+                                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                            <userDefinedRuntimeAttribute type="number" keyPath="linesCornerRadius">
+                                                <integer key="value" value="5"/>
+                                            </userDefinedRuntimeAttribute>
+                                            <userDefinedRuntimeAttribute type="number" keyPath="skeletonLineSpacing">
+                                                <real key="value" value="8"/>
+                                            </userDefinedRuntimeAttribute>
+                                        </userDefinedRuntimeAttributes>
+                                    </label>
+                                </subviews>
+                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                                <constraints>
+                                    <constraint firstItem="CJW-A4-Fb8" firstAttribute="leading" secondItem="nMj-pU-5wJ" secondAttribute="trailing" constant="28" id="Drg-cD-6E8"/>
+                                    <constraint firstItem="e9V-mk-xH0" firstAttribute="leading" secondItem="F9K-jU-100" secondAttribute="leading" constant="45" id="HvQ-HY-zYU"/>
+                                    <constraint firstItem="e9V-mk-xH0" firstAttribute="centerX" secondItem="F9K-jU-100" secondAttribute="centerX" constant="1" id="KcB-tG-NXa"/>
+                                    <constraint firstAttribute="height" constant="243" id="MIj-xq-gr1"/>
+                                    <constraint firstItem="nMj-pU-5wJ" firstAttribute="leading" secondItem="F9K-jU-100" secondAttribute="leading" constant="45" id="TK6-Ws-2xY"/>
+                                    <constraint firstItem="e9V-mk-xH0" firstAttribute="top" secondItem="F9K-jU-100" secondAttribute="top" constant="142" id="Wcx-nZ-1lR"/>
+                                    <constraint firstAttribute="trailing" secondItem="e9V-mk-xH0" secondAttribute="trailing" constant="43" id="XbU-Og-rht"/>
+                                    <constraint firstItem="CJW-A4-Fb8" firstAttribute="top" secondItem="F9K-jU-100" secondAttribute="top" constant="27" id="ceh-gB-7Et"/>
+                                    <constraint firstItem="nMj-pU-5wJ" firstAttribute="top" secondItem="F9K-jU-100" secondAttribute="top" constant="20" id="hQL-cr-MaN"/>
+                                    <constraint firstAttribute="trailing" secondItem="CJW-A4-Fb8" secondAttribute="trailing" constant="43" id="nfT-a5-z36"/>
+                                </constraints>
+                                <userDefinedRuntimeAttributes>
+                                    <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                </userDefinedRuntimeAttributes>
+                            </view>
                             <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="prototypes" style="plain" separatorStyle="none" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="28" sectionFooterHeight="28" translatesAutoresizingMaskIntoConstraints="NO" id="UCB-SP-lQk">
-                                <rect key="frame" x="0.0" y="263" width="375" height="264"/>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <rect key="frame" x="0.0" y="287" width="375" height="282"/>
                                 <color key="separatorColor" red="0.1061807256" green="0.84678786989999999" blue="0.031482450150000001" alpha="1" colorSpace="custom" customColorSpace="displayP3"/>
                                 <prototypes>
                                     <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" preservesSuperviewLayoutMargins="YES" selectionStyle="default" indentationWidth="10" reuseIdentifier="CellIdentifier" rowHeight="120" id="2dN-Bd-tdy" customClass="Cell" customModule="SkeletonViewExample" customModuleProvider="target">
@@ -32,7 +99,7 @@
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="avatar" translatesAutoresizingMaskIntoConstraints="NO" id="oiE-tt-nc2">
-                                                    <rect key="frame" x="15" y="18" width="82" height="82"/>
+                                                    <rect key="frame" x="16" y="18" width="82" height="82"/>
                                                     <color key="backgroundColor" red="0.56078431370000004" green="0.59607843140000005" blue="0.7843137255" alpha="0.90709546230000004" colorSpace="calibratedRGB"/>
                                                     <constraints>
                                                         <constraint firstAttribute="width" constant="82" id="4j0-PU-CmN"/>
@@ -42,24 +109,29 @@
                                                         <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
                                                     </userDefinedRuntimeAttributes>
                                                 </imageView>
-                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="15" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="VhU-1t-AaI">
-                                                    <rect key="frame" x="118" y="29" width="237" height="20.5"/>
+                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="2" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="VhU-1t-AaI" userLabel="Label">
+                                                    <rect key="frame" x="119" y="29" width="235" height="20"/>
+                                                    <color key="backgroundColor" red="0.92156862750000001" green="0.16862745100000001" blue="0.54901960780000003" alpha="1" colorSpace="calibratedRGB"/>
                                                     <constraints>
-                                                        <constraint firstAttribute="height" relation="lessThanOrEqual" constant="71" id="HRL-cI-ieC"/>
+                                                        <constraint firstAttribute="height" constant="20" id="HRL-cI-ieC"/>
                                                     </constraints>
-                                                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                                    <fontDescription key="fontDescription" type="system" pointSize="15"/>
                                                     <nil key="textColor"/>
                                                     <nil key="highlightedColor"/>
                                                     <userDefinedRuntimeAttributes>
                                                         <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
                                                         <userDefinedRuntimeAttribute type="number" keyPath="linesCornerRadius">
-                                                            <integer key="value" value="0"/>
+                                                            <integer key="value" value="5"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                        <userDefinedRuntimeAttribute type="number" keyPath="lastLineFillPercent">
+                                                            <integer key="value" value="20"/>
                                                         </userDefinedRuntimeAttribute>
                                                     </userDefinedRuntimeAttributes>
                                                 </label>
                                             </subviews>
                                             <constraints>
                                                 <constraint firstItem="oiE-tt-nc2" firstAttribute="leading" secondItem="7IN-F3-Mr6" secondAttribute="leadingMargin" id="1be-ak-AH1"/>
+                                                <constraint firstAttribute="bottom" secondItem="oiE-tt-nc2" secondAttribute="bottom" constant="20" id="CKt-oA-eBI"/>
                                                 <constraint firstItem="oiE-tt-nc2" firstAttribute="top" secondItem="7IN-F3-Mr6" secondAttribute="topMargin" constant="7" id="EKn-ST-LDX"/>
                                                 <constraint firstAttribute="trailingMargin" secondItem="VhU-1t-AaI" secondAttribute="trailing" constant="5" id="I7C-Bq-mfK"/>
                                                 <constraint firstItem="VhU-1t-AaI" firstAttribute="leading" secondItem="oiE-tt-nc2" secondAttribute="trailing" constant="21" id="Ojr-Kz-1k6"/>
@@ -83,62 +155,14 @@
                                 </userDefinedRuntimeAttributes>
                                 <connections>
                                     <outlet property="dataSource" destination="BYZ-38-t0r" id="Hxi-nC-gbY"/>
+                                    <outlet property="delegate" destination="BYZ-38-t0r" id="Z10-Nx-iGb"/>
                                 </connections>
                             </tableView>
-                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="F9K-jU-100">
-                                <rect key="frame" x="0.0" y="20" width="375" height="243"/>
-                                <subviews>
-                                    <textView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" textAlignment="natural" translatesAutoresizingMaskIntoConstraints="NO" id="e9V-mk-xH0">
-                                        <rect key="frame" x="45" y="142" width="287" height="78"/>
-                                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
-                                        <constraints>
-                                            <constraint firstAttribute="height" constant="78" id="gF5-G1-lKI"/>
-                                        </constraints>
-                                        <string key="text">Lorem ipsum dolor sit er elit lamet, consectetaur cillium adipisicing pecu, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </string>
-                                        <fontDescription key="fontDescription" type="system" pointSize="14"/>
-                                        <textInputTraits key="textInputTraits" autocapitalizationType="sentences"/>
-                                        <userDefinedRuntimeAttributes>
-                                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
-                                            <userDefinedRuntimeAttribute type="number" keyPath="lastLineFillPercent">
-                                                <integer key="value" value="40"/>
-                                            </userDefinedRuntimeAttribute>
-                                            <userDefinedRuntimeAttribute type="number" keyPath="linesCornerRadius">
-                                                <integer key="value" value="6"/>
-                                            </userDefinedRuntimeAttribute>
-                                        </userDefinedRuntimeAttributes>
-                                    </textView>
-                                    <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="avatar" translatesAutoresizingMaskIntoConstraints="NO" id="nMj-pU-5wJ">
-                                        <rect key="frame" x="141" y="20" width="93" height="93"/>
-                                        <color key="backgroundColor" red="0.56078431370000004" green="0.59607843140000005" blue="0.7843137255" alpha="0.90709546230000004" colorSpace="calibratedRGB"/>
-                                        <constraints>
-                                            <constraint firstAttribute="height" constant="93" id="gw9-nu-cKo"/>
-                                            <constraint firstAttribute="width" constant="93" id="zB6-Lp-IUt"/>
-                                        </constraints>
-                                        <userDefinedRuntimeAttributes>
-                                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
-                                        </userDefinedRuntimeAttributes>
-                                    </imageView>
-                                </subviews>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
-                                <constraints>
-                                    <constraint firstItem="nMj-pU-5wJ" firstAttribute="centerX" secondItem="F9K-jU-100" secondAttribute="centerX" id="9X4-2r-AKx"/>
-                                    <constraint firstItem="e9V-mk-xH0" firstAttribute="leading" secondItem="F9K-jU-100" secondAttribute="leading" constant="45" id="HvQ-HY-zYU"/>
-                                    <constraint firstItem="e9V-mk-xH0" firstAttribute="centerX" secondItem="F9K-jU-100" secondAttribute="centerX" constant="1" id="KcB-tG-NXa"/>
-                                    <constraint firstAttribute="height" constant="243" id="MIj-xq-gr1"/>
-                                    <constraint firstItem="e9V-mk-xH0" firstAttribute="top" secondItem="F9K-jU-100" secondAttribute="top" constant="142" id="Wcx-nZ-1lR"/>
-                                    <constraint firstAttribute="trailing" secondItem="e9V-mk-xH0" secondAttribute="trailing" constant="43" id="XbU-Og-rht"/>
-                                    <constraint firstItem="nMj-pU-5wJ" firstAttribute="top" secondItem="F9K-jU-100" secondAttribute="top" constant="20" id="hQL-cr-MaN"/>
-                                </constraints>
-                                <userDefinedRuntimeAttributes>
-                                    <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
-                                </userDefinedRuntimeAttributes>
-                            </view>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="XgY-1a-UGc">
-                                <rect key="frame" x="0.0" y="527" width="375" height="140"/>
+                                <rect key="frame" x="0.0" y="569" width="375" height="160"/>
                                 <subviews>
-                                    <segmentedControl opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="0" translatesAutoresizingMaskIntoConstraints="NO" id="xOL-Sq-r4i">
-                                        <rect key="frame" x="20" y="23" width="140" height="29"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="0" translatesAutoresizingMaskIntoConstraints="NO" id="xOL-Sq-r4i">
+                                        <rect key="frame" x="20" y="23" width="145" height="32"/>
                                         <segments>
                                             <segment title="Solid"/>
                                             <segment title="Gradient"/>
@@ -147,47 +171,89 @@
                                             <action selector="changeSkeletonType:" destination="BYZ-38-t0r" eventType="valueChanged" id="iAS-ab-0jP"/>
                                         </connections>
                                     </segmentedControl>
-                                    <switch opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" on="YES" translatesAutoresizingMaskIntoConstraints="NO" id="vz0-qg-GcZ">
-                                        <rect key="frame" x="310" y="21" width="49" height="31"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <switch opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" contentHorizontalAlignment="center" contentVerticalAlignment="center" on="YES" translatesAutoresizingMaskIntoConstraints="NO" id="vz0-qg-GcZ">
+                                        <rect key="frame" x="308" y="21" width="51" height="31"/>
                                         <connections>
                                             <action selector="changeAnimated:" destination="BYZ-38-t0r" eventType="valueChanged" id="w1G-gZ-RE0"/>
                                         </connections>
                                     </switch>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="Animated" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="WHN-wR-TKt">
-                                        <rect key="frame" x="211" y="28" width="91" height="21"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Animated" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="WHN-wR-TKt">
+                                        <rect key="frame" x="229" y="26" width="73" height="21"/>
                                         <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                         <nil key="textColor"/>
                                         <nil key="highlightedColor"/>
                                     </label>
-                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="Color" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="7CF-rV-pK2">
-                                        <rect key="frame" x="32" y="89" width="52" height="21"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Color" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="7CF-rV-pK2">
+                                        <rect key="frame" x="20" y="73.666666666666629" width="90" height="21"/>
                                         <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                         <nil key="textColor"/>
                                         <nil key="highlightedColor"/>
                                     </label>
-                                    <view contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="iGp-rp-t1d">
-                                        <rect key="frame" x="92" y="84" width="30" height="30"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="iGp-rp-t1d">
+                                        <rect key="frame" x="130" y="69" width="30" height="30"/>
                                         <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                        <constraints>
+                                            <constraint firstAttribute="width" constant="30" id="Q3k-B1-E88"/>
+                                            <constraint firstAttribute="height" constant="30" id="xOD-RY-U4u"/>
+                                        </constraints>
                                     </view>
-                                    <button opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Mde-Cm-CoS">
-                                        <rect key="frame" x="20" y="74" width="140" height="52"/>
-                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Mde-Cm-CoS">
+                                        <rect key="frame" x="20" y="58" width="140" height="52"/>
+                                        <constraints>
+                                            <constraint firstAttribute="height" constant="52" id="3GX-2y-eQj"/>
+                                            <constraint firstAttribute="width" constant="140" id="6cC-Y1-RKs"/>
+                                        </constraints>
                                         <connections>
                                             <action selector="btnChangeColorTouchUpInside:" destination="BYZ-38-t0r" eventType="touchUpInside" id="cB8-Ik-LIJ"/>
                                         </connections>
                                     </button>
+                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Tdu-YQ-saq">
+                                        <rect key="frame" x="263" y="69" width="94" height="30"/>
+                                        <state key="normal" title="Hide skeleton"/>
+                                        <connections>
+                                            <action selector="showOrHideSkeleton:" destination="BYZ-38-t0r" eventType="touchUpInside" id="Ma1-WX-Dzy"/>
+                                        </connections>
+                                    </button>
+                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Fade Duration: 0.25 sec" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="mrw-PM-jJJ">
+                                        <rect key="frame" x="92.333333333333329" y="130" width="162.66666666666669" height="18"/>
+                                        <fontDescription key="fontDescription" type="system" pointSize="15"/>
+                                        <nil key="textColor"/>
+                                        <nil key="highlightedColor"/>
+                                    </label>
+                                    <stepper opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" contentHorizontalAlignment="center" contentVerticalAlignment="center" value="0.25" maximumValue="5" stepValue="0.25" translatesAutoresizingMaskIntoConstraints="NO" id="l4N-LL-ZrJ">
+                                        <rect key="frame" x="263" y="123" width="94" height="32"/>
+                                        <connections>
+                                            <action selector="transitionDurationStepperAction:" destination="BYZ-38-t0r" eventType="valueChanged" id="jPN-df-fNs"/>
+                                        </connections>
+                                    </stepper>
                                 </subviews>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                                 <constraints>
-                                    <constraint firstAttribute="height" constant="140" id="OH5-ja-ZlB"/>
+                                    <constraint firstItem="l4N-LL-ZrJ" firstAttribute="leading" secondItem="mrw-PM-jJJ" secondAttribute="trailing" constant="8" id="5iU-dO-qVc"/>
+                                    <constraint firstItem="mrw-PM-jJJ" firstAttribute="centerY" secondItem="l4N-LL-ZrJ" secondAttribute="centerY" id="9OM-mx-4Jo"/>
+                                    <constraint firstAttribute="trailing" secondItem="Tdu-YQ-saq" secondAttribute="trailing" constant="18" id="BQ0-S0-YMp"/>
+                                    <constraint firstItem="iGp-rp-t1d" firstAttribute="trailing" secondItem="Mde-Cm-CoS" secondAttribute="trailing" id="IJ3-CC-5M7"/>
+                                    <constraint firstAttribute="height" constant="160" id="OH5-ja-ZlB"/>
+                                    <constraint firstItem="Mde-Cm-CoS" firstAttribute="leading" secondItem="XgY-1a-UGc" secondAttribute="leading" constant="20" id="Rek-hz-pDw"/>
+                                    <constraint firstItem="xOL-Sq-r4i" firstAttribute="top" secondItem="XgY-1a-UGc" secondAttribute="top" constant="23" id="Udf-0g-bZm"/>
+                                    <constraint firstItem="Tdu-YQ-saq" firstAttribute="top" secondItem="vz0-qg-GcZ" secondAttribute="bottom" constant="17" id="WiR-yP-dyv"/>
+                                    <constraint firstItem="Mde-Cm-CoS" firstAttribute="centerY" secondItem="7CF-rV-pK2" secondAttribute="centerY" id="eaN-FA-4mF"/>
+                                    <constraint firstItem="iGp-rp-t1d" firstAttribute="centerY" secondItem="7CF-rV-pK2" secondAttribute="centerY" id="hBb-mp-AjF"/>
+                                    <constraint firstItem="l4N-LL-ZrJ" firstAttribute="top" secondItem="Tdu-YQ-saq" secondAttribute="bottom" constant="24" id="iA5-RB-pW2"/>
+                                    <constraint firstItem="vz0-qg-GcZ" firstAttribute="top" secondItem="XgY-1a-UGc" secondAttribute="top" constant="21" id="iad-6N-wNf"/>
+                                    <constraint firstItem="vz0-qg-GcZ" firstAttribute="leading" secondItem="WHN-wR-TKt" secondAttribute="trailing" constant="6" id="jgu-tV-gqO"/>
+                                    <constraint firstItem="WHN-wR-TKt" firstAttribute="centerY" secondItem="vz0-qg-GcZ" secondAttribute="centerY" id="kTu-fb-Bc8"/>
+                                    <constraint firstAttribute="trailing" secondItem="vz0-qg-GcZ" secondAttribute="trailing" constant="18" id="ktq-JT-uoR"/>
+                                    <constraint firstItem="xOL-Sq-r4i" firstAttribute="leading" secondItem="XgY-1a-UGc" secondAttribute="leading" constant="20" id="pY0-qd-xmK"/>
+                                    <constraint firstItem="l4N-LL-ZrJ" firstAttribute="trailing" secondItem="Tdu-YQ-saq" secondAttribute="trailing" id="ql2-Z9-dnv"/>
+                                    <constraint firstItem="iGp-rp-t1d" firstAttribute="leading" secondItem="7CF-rV-pK2" secondAttribute="trailing" constant="20" id="vWD-0m-dMp"/>
+                                    <constraint firstItem="7CF-rV-pK2" firstAttribute="centerY" secondItem="Tdu-YQ-saq" secondAttribute="centerY" id="x0d-LB-A4q"/>
+                                    <constraint firstItem="7CF-rV-pK2" firstAttribute="leading" secondItem="xOL-Sq-r4i" secondAttribute="leading" id="yEL-Nv-z76"/>
                                 </constraints>
                             </view>
                         </subviews>
-                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <viewLayoutGuide key="safeArea" id="6Tk-OE-BBY"/>
+                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                         <constraints>
                             <constraint firstItem="F9K-jU-100" firstAttribute="trailing" secondItem="6Tk-OE-BBY" secondAttribute="trailing" id="1es-nY-bd3"/>
                             <constraint firstItem="F9K-jU-100" firstAttribute="leading" secondItem="6Tk-OE-BBY" secondAttribute="leading" id="A3E-iv-1qp"/>
@@ -200,26 +266,70 @@
                             <constraint firstItem="UCB-SP-lQk" firstAttribute="trailing" secondItem="6Tk-OE-BBY" secondAttribute="trailing" id="o6z-Dj-ppC"/>
                             <constraint firstItem="XgY-1a-UGc" firstAttribute="bottom" secondItem="6Tk-OE-BBY" secondAttribute="bottom" id="vnZ-9k-MfI"/>
                         </constraints>
-                        <viewLayoutGuide key="safeArea" id="6Tk-OE-BBY"/>
                         <userDefinedRuntimeAttributes>
-                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="NO"/>
+                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
                         </userDefinedRuntimeAttributes>
                     </view>
+                    <tabBarItem key="tabBarItem" title="Item" id="wQY-ap-3n3"/>
                     <navigationItem key="navigationItem" id="BEI-dU-kr2"/>
                     <connections>
                         <outlet property="avatarImage" destination="nMj-pU-5wJ" id="9fa-Z7-vYi"/>
                         <outlet property="colorSelectedView" destination="iGp-rp-t1d" id="0Zm-9d-jRU"/>
+                        <outlet property="showOrHideSkeletonButton" destination="Tdu-YQ-saq" id="gkm-mB-zYD"/>
                         <outlet property="skeletonTypeSelector" destination="xOL-Sq-r4i" id="yTr-8L-I4Y"/>
                         <outlet property="switchAnimated" destination="vz0-qg-GcZ" id="d2R-8x-lRb"/>
                         <outlet property="tableview" destination="UCB-SP-lQk" id="XV0-KX-lAN"/>
+                        <outlet property="transitionDurationLabel" destination="mrw-PM-jJJ" id="BVK-Kl-5Q3"/>
+                        <outlet property="transitionDurationStepper" destination="l4N-LL-ZrJ" id="OJr-Ul-7XR"/>
                     </connections>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
             </objects>
-            <point key="canvasLocation" x="-2582" y="-400"/>
+            <point key="canvasLocation" x="-2682.4000000000001" y="339.90147783251234"/>
+        </scene>
+        <!--Item-->
+        <scene sceneID="Cfc-AT-AS1">
+            <objects>
+                <viewController id="dv8-ph-Ehg" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="Jwx-gI-Qod">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="812"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <viewLayoutGuide key="safeArea" id="Ao1-hk-zrH"/>
+                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                    </view>
+                    <tabBarItem key="tabBarItem" title="Item" id="iKp-9S-aib"/>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="M03-a6-GOC" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-1644" y="340"/>
+        </scene>
+        <!--Tab Bar Controller-->
+        <scene sceneID="U6k-MC-AHH">
+            <objects>
+                <tabBarController automaticallyAdjustsScrollViewInsets="NO" id="Va7-1y-Tel" sceneMemberID="viewController">
+                    <toolbarItems/>
+                    <tabBar key="tabBar" contentMode="scaleToFill" insetsLayoutMarginsFromSafeArea="NO" id="HSI-2O-RyO">
+                        <rect key="frame" x="0.0" y="0.0" width="1000" height="1000"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                        <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                    </tabBar>
+                    <connections>
+                        <segue destination="BYZ-38-t0r" kind="relationship" relationship="viewControllers" id="dL3-9L-KNU"/>
+                        <segue destination="dv8-ph-Ehg" kind="relationship" relationship="viewControllers" id="8QB-uV-gaF"/>
+                    </connections>
+                </tabBarController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="huq-Fh-0sW" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-2172" y="-555"/>
         </scene>
     </scenes>
     <resources>
         <image name="avatar" width="215" height="211"/>
+        <systemColor name="labelColor">
+            <color white="0.0" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+        </systemColor>
+        <systemColor name="systemBackgroundColor">
+            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+        </systemColor>
     </resources>
 </document>

Example/TableView/Constants.swift

@@ -2,4 +2,4 @@
 
 import UIKit
 
-let colors = [(UIColor.turquoise,"turquoise"), (UIColor.emerald,"emerald"), (UIColor.peterRiver,"peterRiver"), (UIColor.amethyst,"amethyst"),(UIColor.wetAsphalt,"wetAsphalt"), (UIColor.nephritis,"nephritis"), (UIColor.belizeHole,"belizeHole"), (UIColor.wisteria,"wisteria"), (UIColor.midnightBlue,"midnightBlue"), (UIColor.sunFlower,"sunFlower"), (UIColor.carrot,"carrot"), (UIColor.alizarin,"alizarin"),(UIColor.clouds,"clouds"), (UIColor.concrete,"concrete"), (UIColor.flatOrange,"flatOrange"), (UIColor.pumpkin,"pumpkin"), (UIColor.pomegranate,"pomegranate"), (UIColor.silver,"silver"), (UIColor.asbestos,"asbestos")]
+let colors = [(UIColor.skeletonDefault,"skeletonDefault"),(UIColor.turquoise,"turquoise"), (UIColor.emerald,"emerald"), (UIColor.peterRiver,"peterRiver"), (UIColor.amethyst,"amethyst"),(UIColor.wetAsphalt,"wetAsphalt"), (UIColor.nephritis,"nephritis"), (UIColor.belizeHole,"belizeHole"), (UIColor.wisteria,"wisteria"), (UIColor.midnightBlue,"midnightBlue"), (UIColor.sunFlower,"sunFlower"), (UIColor.carrot,"carrot"), (UIColor.alizarin,"alizarin"),(UIColor.clouds,"clouds"), (UIColor.concrete,"concrete"), (UIColor.flatOrange,"flatOrange"), (UIColor.pumpkin,"pumpkin"), (UIColor.pomegranate,"pomegranate"), (UIColor.silver,"silver"), (UIColor.asbestos,"asbestos")]

Example/TableView/HeaderFooterSection.swift

@@ -0,0 +1,44 @@
+// Copyright © 2020 SkeletonView. All rights reserved.
+
+import UIKit
+
+class HeaderFooterSection: UITableViewHeaderFooterView {
+    
+    lazy var titleLabel: UILabel = {
+        let label = UILabel()
+        
+        label.text = "      "
+        label.isSkeletonable = true
+        label.linesCornerRadius = 5
+        
+        return label
+    }()
+    
+    override init(reuseIdentifier: String?) {
+        super.init(reuseIdentifier: reuseIdentifier)
+        
+        isSkeletonable = true
+        
+        contentView.addSubview(titleLabel)
+
+        titleLabel.translatesAutoresizingMaskIntoConstraints = false
+        
+        NSLayoutConstraint.activate([
+            titleLabel.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 10),
+            titleLabel.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 10),
+            titleLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -10),
+            titleLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -10)
+        ])
+        
+        backgroundView = UIView()
+        if #available(iOS 13.0, *) {
+            backgroundView?.backgroundColor = .systemBackground
+        } else {
+            backgroundView?.backgroundColor = .white
+        }
+    }
+    
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+}

Example/TableView/ViewController.swift

@@ -10,11 +10,16 @@ import UIKit
 import SkeletonView
 
 class ViewController: UIViewController {
-    
     @IBOutlet weak var tableview: UITableView! {
         didSet {
             tableview.rowHeight = UITableView.automaticDimension
+            tableview.sectionHeaderHeight = UITableView.automaticDimension
+            tableview.sectionFooterHeight = UITableView.automaticDimension
             tableview.estimatedRowHeight = 120.0
+            tableview.estimatedSectionFooterHeight = 20.0
+            tableview.estimatedSectionHeaderHeight = 20.0
+            tableview.register(HeaderFooterSection.self, forHeaderFooterViewReuseIdentifier: "HeaderIdentifier")
+            tableview.register(HeaderFooterSection.self, forHeaderFooterViewReuseIdentifier: "FooterIdentifier")
         }
     }
     
@@ -35,6 +40,9 @@ class ViewController: UIViewController {
 
     @IBOutlet weak var switchAnimated: UISwitch!
     @IBOutlet weak var skeletonTypeSelector: UISegmentedControl!
+    @IBOutlet weak var showOrHideSkeletonButton: UIButton!
+    @IBOutlet weak var transitionDurationLabel: UILabel!
+    @IBOutlet weak var transitionDurationStepper: UIStepper!
     
     var type: SkeletonType {
         return skeletonTypeSelector.selectedSegmentIndex == 0 ? .solid : .gradient
@@ -43,6 +51,7 @@ class ViewController: UIViewController {
     override func viewDidLoad() {
         super.viewDidLoad()
         tableview.isSkeletonable = true
+        transitionDurationStepper.value = 0.25
     }
     
     override func viewDidAppear(_ animated: Bool) {
@@ -66,31 +75,62 @@ class ViewController: UIViewController {
         showAlertPicker()
     }
     
-    func refreshSkeleton() {
-        self.view.hideSkeleton()
-        if type == .gradient { showGradientSkeleton() }
-        else { showSolidSkeleton() }
+    @IBAction func showOrHideSkeleton(_ sender: Any) {
+        showOrHideSkeletonButton.setTitle((view.isSkeletonActive ? "Show skeleton" : "Hide skeleton"), for: .normal)
+        view.isSkeletonActive ? hideSkeleton() : showSkeleton()
     }
     
-    func showSolidSkeleton() {
-        if switchAnimated.isOn {
-            view.showAnimatedSkeleton(usingColor: colorSelectedView.backgroundColor!)
-        } else {
-            view.showSkeleton(usingColor: colorSelectedView.backgroundColor!)
+    @IBAction func transitionDurationStepperAction(_ sender: Any) {
+        transitionDurationLabel.text = "Transition duration: \(transitionDurationStepper.value) sec"
+    }
+    
+    func showSkeleton() {
+        if type == .gradient {
+            let gradient = SkeletonGradient(baseColor: colorSelectedView.backgroundColor!)
+            if switchAnimated.isOn {
+                view.showAnimatedGradientSkeleton(usingGradient: gradient, transition: .crossDissolve(transitionDurationStepper.value))
+            }
+            else {
+                view.showGradientSkeleton(usingGradient: gradient, transition: .crossDissolve(transitionDurationStepper.value))
+            }
+        }
+        else {
+            if switchAnimated.isOn {
+                view.showAnimatedSkeleton(transition: .crossDissolve(transitionDurationStepper.value))
+            }
+            else {
+                view.showSkeleton(transition: .crossDissolve(transitionDurationStepper.value))
+            }
         }
     }
     
-    func showGradientSkeleton() {
+    func hideSkeleton() {
+        view.hideSkeleton(transition: .crossDissolve(transitionDurationStepper.value))
+    }
+    
+    func refreshSkeleton() {
+        if type == .gradient { showOrUpdateGradientSkeleton() }
+        else { showOrUpdatepdateSolidSkeleton() }
+    }
+    
+    func showOrUpdatepdateSolidSkeleton() {
+        if switchAnimated.isOn {
+            view.updateAnimatedSkeleton(usingColor: colorSelectedView.backgroundColor!)
+        } else {
+            view.updateSkeleton(usingColor: colorSelectedView.backgroundColor!)
+        }
+    }
+    
+    func showOrUpdateGradientSkeleton() {
         let gradient = SkeletonGradient(baseColor: colorSelectedView.backgroundColor!)
         if switchAnimated.isOn {
-            view.showAnimatedGradientSkeleton(usingGradient: gradient)
+            view.updateAnimatedGradientSkeleton(usingGradient: gradient)
         } else {
-            view.showGradientSkeleton(usingGradient: gradient)
+            view.updateGradientSkeleton(usingGradient: gradient)
         }
     }
     
     func showAlertPicker() {
-       
         let alertView = UIAlertController(title: "Select color", message: "\n\n\n\n\n\n", preferredStyle: .alert)
         
         let pickerView = UIPickerView(frame: CGRect(x: 0, y: 50, width: 260, height: 115))
@@ -116,7 +156,6 @@ class ViewController: UIViewController {
 }
 
 extension ViewController: UIPickerViewDelegate, UIPickerViewDataSource {
-    
     func numberOfComponents(in pickerView: UIPickerView) -> Int {
         return 1
     }
@@ -131,9 +170,8 @@ extension ViewController: UIPickerViewDelegate, UIPickerViewDataSource {
 }
 
 extension ViewController: SkeletonTableViewDataSource {
-    
     func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
-        return 9
+        return 10
     }
     
     func collectionSkeletonView(_ skeletonView: UITableView, cellIdentifierForRowAt indexPath: IndexPath) -> ReusableCellIdentifier {
@@ -142,8 +180,31 @@ extension ViewController: SkeletonTableViewDataSource {
     
     func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
         let cell = tableView.dequeueReusableCell(withIdentifier: "CellIdentifier", for: indexPath) as! Cell
-        cell.label1.text = "cell => \(indexPath.row)"
+        cell.label1.text = "cell -> \(indexPath.row)"
         return cell
     }
 }
 
+extension ViewController: SkeletonTableViewDelegate {
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForHeaderInSection section: Int) -> ReusableHeaderFooterIdentifier? {
+        return "HeaderIdentifier"
+    }
+
+    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
+        let header = tableView
+            .dequeueReusableHeaderFooterView(withIdentifier: "HeaderIdentifier") as! HeaderFooterSection
+        header.titleLabel.text = "header -> \(section)"
+        return header
+    }
+
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForFooterInSection section: Int) -> ReusableHeaderFooterIdentifier? {
+        return "FooterIdentifier"
+    }
+
+    func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
+        let footer = tableView
+            .dequeueReusableHeaderFooterView(withIdentifier: "FooterIdentifier") as! HeaderFooterSection
+        footer.titleLabel.text = "footer -> \(section)"
+        return footer
+    }
+}

Gemfile

@@ -1,3 +1,4 @@
 source "https://rubygems.org"
 
 gem "fastlane"
+gem 'cocoapods', '~> 1.7.0.beta.2'

Gemfile.lock

@@ -2,40 +2,80 @@ GEM
   remote: https://rubygems.org/
   specs:
     CFPropertyList (3.0.0)
-    addressable (2.5.2)
+    activesupport (4.2.11.1)
+      i18n (~> 0.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.3, >= 0.3.4)
+      tzinfo (~> 1.1)
+    addressable (2.6.0)
       public_suffix (>= 2.0.2, < 4.0)
     atomos (0.1.3)
     babosa (1.0.2)
     claide (1.0.2)
+    cocoapods (1.7.5)
+      activesupport (>= 4.0.2, < 5)
+      claide (>= 1.0.2, < 2.0)
+      cocoapods-core (= 1.7.5)
+      cocoapods-deintegrate (>= 1.0.3, < 2.0)
+      cocoapods-downloader (>= 1.2.2, < 2.0)
+      cocoapods-plugins (>= 1.0.0, < 2.0)
+      cocoapods-search (>= 1.0.0, < 2.0)
+      cocoapods-stats (>= 1.0.0, < 2.0)
+      cocoapods-trunk (>= 1.3.1, < 2.0)
+      cocoapods-try (>= 1.1.0, < 2.0)
+      colored2 (~> 3.1)
+      escape (~> 0.0.4)
+      fourflusher (>= 2.3.0, < 3.0)
+      gh_inspector (~> 1.0)
+      molinillo (~> 0.6.6)
+      nap (~> 1.0)
+      ruby-macho (~> 1.4)
+      xcodeproj (>= 1.10.0, < 2.0)
+    cocoapods-core (1.7.5)
+      activesupport (>= 4.0.2, < 6)
+      fuzzy_match (~> 2.0.4)
+      nap (~> 1.0)
+    cocoapods-deintegrate (1.0.4)
+    cocoapods-downloader (1.2.2)
+    cocoapods-plugins (1.0.0)
+      nap
+    cocoapods-search (1.0.0)
+    cocoapods-stats (1.1.0)
+    cocoapods-trunk (1.3.1)
+      nap (>= 0.8, < 2.0)
+      netrc (~> 0.11)
+    cocoapods-try (1.1.0)
     colored (1.2)
     colored2 (3.1.2)
     commander-fastlane (4.4.6)
       highline (~> 1.7.2)
+    concurrent-ruby (1.1.5)
     declarative (0.0.10)
     declarative-option (0.1.0)
     digest-crc (0.4.1)
-    domain_name (0.5.20180417)
+    domain_name (0.5.20190701)
       unf (>= 0.0.5, < 1.0.0)
-    dotenv (2.5.0)
-    emoji_regex (0.1.1)
-    excon (0.62.0)
+    dotenv (2.7.4)
+    emoji_regex (1.0.1)
+    escape (0.0.4)
+    excon (0.71.0)
     faraday (0.15.4)
       multipart-post (>= 1.2, < 3)
     faraday-cookie_jar (0.0.6)
       faraday (>= 0.7.4)
       http-cookie (~> 1.0.0)
-    faraday_middleware (0.12.2)
+    faraday_middleware (0.13.1)
       faraday (>= 0.7.4, < 1.0)
     fastimage (2.1.5)
-    fastlane (2.110.0)
+    fastlane (2.128.0)
       CFPropertyList (>= 2.3, < 4.0.0)
       addressable (>= 2.3, < 3.0.0)
       babosa (>= 1.0.2, < 2.0.0)
-      bundler (>= 1.12.0, < 2.0.0)
+      bundler (>= 1.12.0, < 3.0.0)
       colored
       commander-fastlane (>= 4.4.6, < 5.0.0)
       dotenv (>= 2.1.1, < 3.0.0)
-      emoji_regex (~> 0.1)
+      emoji_regex (>= 0.1, < 2.0)
       excon (>= 0.45.0, < 1.0.0)
       faraday (~> 0.9)
       faraday-cookie_jar (~> 0.0.6)
@@ -46,8 +86,8 @@ GEM
       google-cloud-storage (>= 1.15.0, < 2.0.0)
       highline (>= 1.7.2, < 2.0.0)
       json (< 3.0.0)
-      mini_magick (~> 4.5.1)
-      multi_json
+      jwt (~> 2.1.0)
+      mini_magick (>= 4.9.4, < 5.0.0)
       multi_xml (~> 0.5)
       multipart-post (~> 2.0.0)
       plist (>= 3.1.0, < 4.0.0)
@@ -56,14 +96,16 @@ GEM
       security (= 0.1.3)
       simctl (~> 1.6.3)
       slack-notifier (>= 2.0.0, < 3.0.0)
-      terminal-notifier (>= 1.6.2, < 2.0.0)
+      terminal-notifier (>= 2.0.0, < 3.0.0)
       terminal-table (>= 1.4.5, < 2.0.0)
       tty-screen (>= 0.6.3, < 1.0.0)
       tty-spinner (>= 0.8.0, < 1.0.0)
       word_wrap (~> 1.0.0)
-      xcodeproj (>= 1.6.0, < 2.0.0)
+      xcodeproj (>= 1.8.1, < 2.0.0)
       xcpretty (~> 0.3.0)
       xcpretty-travis-formatter (>= 0.0.3)
+    fourflusher (2.3.1)
+    fuzzy_match (2.0.4)
     gh_inspector (1.1.3)
     google-api-client (0.23.9)
       addressable (~> 2.5, >= 2.5.1)
@@ -73,15 +115,15 @@ GEM
       representable (~> 3.0)
       retriable (>= 2.0, < 4.0)
       signet (~> 0.9)
-    google-cloud-core (1.2.7)
+    google-cloud-core (1.3.0)
       google-cloud-env (~> 1.0)
-    google-cloud-env (1.0.5)
+    google-cloud-env (1.2.0)
       faraday (~> 0.11)
-    google-cloud-storage (1.15.0)
+    google-cloud-storage (1.16.0)
       digest-crc (~> 0.4)
       google-api-client (~> 0.23)
       google-cloud-core (~> 1.2)
-      googleauth (~> 0.6.2)
+      googleauth (>= 0.6.2, < 0.10.0)
     googleauth (0.6.7)
       faraday (~> 0.12)
       jwt (>= 1.4, < 3.0)
@@ -93,20 +135,26 @@ GEM
     http-cookie (1.0.3)
       domain_name (~> 0.5)
     httpclient (2.8.3)
-    json (2.1.0)
+    i18n (0.9.5)
+      concurrent-ruby (~> 1.0)
+    json (2.3.1)
     jwt (2.1.0)
     memoist (0.16.0)
     mime-types (3.2.2)
       mime-types-data (~> 3.2015)
-    mime-types-data (3.2018.0812)
-    mini_magick (4.5.1)
+    mime-types-data (3.2019.0331)
+    mini_magick (4.9.5)
+    minitest (5.11.3)
+    molinillo (0.6.6)
     multi_json (1.13.1)
     multi_xml (0.6.0)
     multipart-post (2.0.0)
     nanaimo (0.2.6)
+    nap (1.1.0)
     naturally (2.2.0)
-    os (1.0.0)
-    plist (3.4.0)
+    netrc (0.11.0)
+    os (1.0.1)
+    plist (3.5.0)
     public_suffix (2.0.5)
     representable (3.0.4)
       declarative (< 0.1.0)
@@ -114,7 +162,8 @@ GEM
       uber (< 0.2.0)
     retriable (3.1.2)
     rouge (2.0.7)
-    rubyzip (1.2.2)
+    ruby-macho (1.4.0)
+    rubyzip (1.3.0)
     security (0.1.3)
     signet (0.11.0)
       addressable (~> 2.3)
@@ -125,20 +174,23 @@ GEM
       CFPropertyList
       naturally
     slack-notifier (2.3.2)
-    terminal-notifier (1.8.0)
+    terminal-notifier (2.0.0)
     terminal-table (1.8.0)
       unicode-display_width (~> 1.1, >= 1.1.1)
-    tty-cursor (0.6.0)
-    tty-screen (0.6.5)
-    tty-spinner (0.9.0)
-      tty-cursor (~> 0.6.0)
+    thread_safe (0.3.6)
+    tty-cursor (0.7.0)
+    tty-screen (0.7.0)
+    tty-spinner (0.9.1)
+      tty-cursor (~> 0.7)
+    tzinfo (1.2.5)
+      thread_safe (~> 0.1)
     uber (0.1.0)
     unf (0.1.4)
       unf_ext
-    unf_ext (0.0.7.5)
-    unicode-display_width (1.4.0)
+    unf_ext (0.0.7.6)
+    unicode-display_width (1.6.0)
     word_wrap (1.0.0)
-    xcodeproj (1.7.0)
+    xcodeproj (1.11.0)
       CFPropertyList (>= 2.3.3, < 4.0)
       atomos (~> 0.1.3)
       claide (>= 1.0.2, < 2.0)
@@ -153,7 +205,8 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
+  cocoapods (~> 1.7.0.beta.2)
   fastlane
 
 BUNDLED WITH
-   1.16.2
+   2.0.1

Package.swift

@@ -0,0 +1,23 @@
+// swift-tools-version:5.0
+
+import PackageDescription
+
+let package = Package(
+    name: "SkeletonView",
+	platforms: [
+		.iOS(.v9),
+		.tvOS(.v9)
+	],
+    products: [
+        .library(
+            name: "SkeletonView",
+            targets: ["SkeletonView"])
+	],
+	targets: [
+		.target(
+			name: "SkeletonView",
+			dependencies: [],
+			path: "Sources")
+	],
+	swiftLanguageVersions: [.v5]
+)

README.md

@@ -1,106 +1,100 @@
 ![](Assets/header2.jpg)
 
 <p align="center">
-    <a href="https://app.bitrise.io/app/6d289a17e22c8323">
-      <img src="https://app.bitrise.io/app/6d289a17e22c8323/status.svg?token=fI7gKC41XD9-aRXDScCKBw&branch=master">
+    <a href="https://github.com/Juanpe/SkeletonView/workflows/build">
+      <img src="https://github.com/Juanpe/SkeletonView/workflows/build/badge.svg">
     </a>
     <a href="https://codebeat.co/projects/github-com-juanpe-skeletonview-master"><img alt="codebeat badge" src="https://codebeat.co/badges/f854fdfd-31e5-4689-ba04-075d83653e60" /></a>
-    <a href="https://github.com/Juanpe/SkeletonView">
-        <img src="https://img.shields.io/cocoapods/p/SkeletonView.svg" alt="Platforms">
-    </a>
-    <img src="https://img.shields.io/badge/Swift-4.2-orange.svg" />
-    <a href="https://cocoapods.org/pods/SkeletonView">
-        <img src="https://img.shields.io/cocoapods/v/SkeletonView.svg" alt="CocoaPods" />
-    </a>
-    <a href="https://cocoapods.org/pods/SkeletonView">
-        <img src="https://img.shields.io/cocoapods/dt/SkeletonView.svg?style=flat" alt="CocoaPods downloads" />
-    </a>
-    <a href="https://twitter.com/JuanpeCatalan">
-        <img src="https://img.shields.io/badge/contact-@JuanpeCatalan-blue.svg?style=flat" alt="Twitter: @JuanpeCatalan" />
-    </a>
-    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=MJ4Y2D9DEX6FL&lc=ES&item_name=SkeletonView&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">
-        <img src="https://img.shields.io/badge/Donate-PayPal-green.svg" alt="Paypal" />
-    </a>
-    <br/>
-    <a href="https://twitter.com/intent/tweet?text=Wow%20This%20library%20is%20awesome:&url=https%3A%2F%2Fgithub.com%2FJuanpe%2FSkeletonView">
-      <img src="https://img.shields.io/twitter/url/https/github.com/Juanpe/SkeletonView.svg?style=social" alt="License" />
-    </a>
+    <img src="http://img.shields.io/badge/dependency%20manager-swiftpm%2Bcocoapods%2Bcarthage-green" />
+    <img src="https://img.shields.io/badge/platforms-ios%2Btvos-green" />
+    <a href="https://badge.bow-swift.io/recipe?name=SkeletonView&description=An%20elegant%20way%20to%20show%20users%20that%20something%20is%20happening%20and%20also%20prepare%20them%20to%20which%20contents%20he%20is%20waiting&url=https://github.com/juanpe/skeletonview&owner=Juanpe&avatar=https://avatars0.githubusercontent.com/u/1409041?v=4&tag=1.8.7"><img src="https://raw.githubusercontent.com/bow-swift/bow-art/master/badges/nef-playgrounds-badge.svg" alt="SkeletonView Playground" style="height:20px"></a>   
 </p>
 
-🌎  Translations: </br>
-[🇨🇳](https://github.com/Juanpe/SkeletonView/blob/master/README_zh.md) by [@WhatsXie](https://twitter.com/WhatsXie) </br>
-[🇧🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_pt-br.md) by [@brunomunizaf](https://twitter.com/brunomuniz_af)
+<p align="center">
+    <a href="#-features">Features</a>
+  • <a href="#-guides">Guides</a>
+  • <a href="#-installation">Installation</a>
+  • <a href="#-usage">Usage</a>
+  • <a href="#-miscellaneous">Miscellaneous</a>
+  • <a href="#️-contributing">Contributing</a>
+</p>
 
-Today almost all apps have async processes, such as Api requests, long running processes, etc. And while the processes are working, usually developers place a loading view to show users that something is going on.
+**🌎 README is available in other languages:  [🇪🇸](https://github.com/Juanpe/SkeletonView/blob/develop/README_es.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)**
 
-```SkeletonView``` has been conceived to address this need, an elegant way to show users that something is happening and also prepare them to which contents he is waiting.
+Today almost all apps have async processes, such as API requests, long running processes, etc. While the processes are working, usually developers place a loading view to show users that something is going on.
+
+**SkeletonView** has been conceived to address this need, an elegant way to show users that something is happening and also prepare them for which contents are waiting.
 
 Enjoy it! 🙂
 
-* [Features](#-features)
-* [Guides](#-guides)
-* [Installation](#-installation)
-  * [Cocoapods](#using-cocoapods)
-  * [Carthage](#using-carthage)
-* [How to use](#-how-to-use)
-  * [Collections](#-collections)
-  * [Multiline text](#-multiline-text)
-  * [Custom colors](#-custom-colors)
-  * [Appearance](#-appearance)
-  * [Custom animations](#-custom-animations)
-  * [Hierarchy](#-hierarchy)
-  * [Debug](#-debug)
-* [Documentation](#-documentation)
-* [Supported OS & SDK Versions](#-supported-os--sdk-versions)
-* [Next steps](#-next-steps)
-* [Contributing](#-contributing)
-* [Mentions](#-mentions)
-* [Author](#-author)
-* [License](#-license)
+
+## 
+- [🌟 Features](#-features)
+- [🎬 Guides](#-guides)
+- [📲 Installation](#-installation)
+- [🐒 Usage](#-usage)
+  - [🌿 Collections](#-collections)
+  - [🔠 Texts](#-texts)
+  - [🦋 Appearance](#-appearance)
+  - [🎨 Custom colors](#-custom-colors)
+  - [ 🏃‍♀️ Animations](#%EF%B8%8F-animations)
+  - [🏄 Transitions](#-transitions)
+- [✨ Miscellaneous](#-miscellaneous)
+- [❤️ Contributing](#️-contributing)
+
 
 
 ## 🌟 Features
 
-- [x] Easy to use
-- [x] All UIViews are skeletonables
-- [x] Fully customizable
-- [x] Universal (iPhone & iPad)
-- [x] Interface Builder friendly
-- [x] Simple Swift syntax
-- [x] Lightweight readable codebase
+* Easy to use
+* All UIViews are skeletonables
+* Fully customizable
+* Universal (iPhone & iPad)
+* Interface Builder friendly
+* Simple Swift syntax
+* Lightweight readable codebase
+
 
 ## 🎬 Guides
 
- [<img src="Assets/thumb_getting_started.png">](https://youtu.be/75kgOhWsPNA)
+| [![](https://img.youtube.com/vi/75kgOhWsPNA/maxresdefault.jpg)](https://youtu.be/75kgOhWsPNA)|[![](https://img.youtube.com/vi/MVCiM_VdxVA/maxresdefault.jpg)](https://youtu.be/MVCiM_VdxVA)|[![](https://img.youtube.com/vi/Qq3Evspeea8/maxresdefault.jpg)](https://youtu.be/Qq3Evspeea8)|[![](https://img.youtube.com/vi/ZOoPtBwDRT0/maxresdefault.jpg)](https://youtu.be/ZOoPtBwDRT0)|[![](https://img.youtube.com/vi/Zx1Pg1gPfxA/maxresdefault.jpg)](https://www.youtube.com/watch?v=Zx1Pg1gPfxA)
+|:---:  | :---: |:---:  | :---: | :---:
+|[**SkeletonView Guides - Getting started**](https://youtu.be/75kgOhWsPNA)|[**How to Create Loading View with Skeleton View in Swift 5.2**](https://youtu.be/MVCiM_VdxVA)    by iKh4ever Studio|[**Create Skeleton Loading View in App (Swift 5) - Xcode 11, 2020**](https://youtu.be/Qq3Evspeea8)    by iOS Academy| [**Add An Elegant Loading Animation in Swift***](https://youtu.be/ZOoPtBwDRT0)    by Gary Tokman| [**Cómo crear una ANIMACIÓN de CARGA de DATOS en iOS**](https://www.youtube.com/watch?v=Zx1Pg1gPfxA) by MoureDev
+
 
 ## 📲 Installation
 
-#### Using [CocoaPods](https://cocoapods.org)
-
-Edit your `Podfile` and specify the dependency:
+* [CocoaPods](https://guides.cocoapods.org/using/using-cocoapods.html):
 
 ```ruby
-pod "SkeletonView"
+pod 'SkeletonView'
 ```
 
-#### Using [Carthage](https://github.com/carthage)
+* [Carthage](https://github.com/Carthage/Carthage):
 
-Edit your `Cartfile` and specify the dependency:
-
-```bash
+```ruby
 github "Juanpe/SkeletonView"
 ```
 
-## 🐒 How to use
+* [Swift Package Manager](https://swift.org/package-manager/):
+
+```swift
+dependencies: [
+  .package(url: "https://github.com/Juanpe/SkeletonView.git", from: "1.7.0")
+]
+```
+
+
+## 🐒 Usage
 
 Only **3** steps needed to use `SkeletonView`:
 
-**1.** Import SkeletonView in proper place.
+1️⃣ Import SkeletonView in proper place.
 ```swift
 import SkeletonView
 ```
 
-**2.** Now, set which views will be `skeletonables`. You achieve this in two ways:
+2️⃣ Now, set which views will be `skeletonables`. You achieve this in two ways:
 
 **Using code:**
 ```swift
@@ -110,7 +104,7 @@ avatarImageView.isSkeletonable = true
 
 ![](Assets/storyboard.png)
 
-**3.** Once you've set the views, you can show the **skeleton**. To do so, you have **4** choices:
+3️⃣ Once you've set the views, you can show the **skeleton**. To do so, you have **4** choices:
 
 ```swift
 (1) view.showSkeleton()                 // Solid
@@ -152,14 +146,20 @@ avatarImageView.isSkeletonable = true
 </tr>
 </table>
 
-> **IMPORTANT!**
->>```SkeletonView``` is recursive, so if you want show the skeleton in all skeletonable views, you only need to call the show method in the main container view. For example, with UIViewControllers
+
+> 📣 **IMPORTANT!** 
+>
+> `SkeletonView` is recursive, so if you want show the skeleton in all skeletonable views, you only need to call the show method in the main container view. For example, with `UIViewControllers`.
+
+  
+
 
 ### 🌿 Collections
 
- Now, ```SkeletonView``` is compatible with ```UITableView``` and ```UICollectionView```.
+```SkeletonView``` is compatible with ```UITableView``` and ```UICollectionView```.
 
-###### UITableView
+
+**UITableView**
 
 If you want to show the skeleton in a ```UITableView```, you need to conform to ```SkeletonTableViewDataSource``` protocol.
 
@@ -196,34 +196,51 @@ There is only one method you need to implement to let Skeleton know the cell ide
     return "CellIdentifier"
 }
  ```
+ 
+Besides, you can skeletonize both the headers and footers. You need to conform to `SkeletonTableViewDelegate` protocol.
 
-> **IMPORTANT!**
-> If you are using resizable cells (`tableView.rowHeight = UITableViewAutomaticDimension` ), it's mandatory define the `estimatedRowHeight`.
+```swift
+public protocol SkeletonTableViewDelegate: UITableViewDelegate {
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForHeaderInSection section: Int) -> ReusableHeaderFooterIdentifier? // default: nil
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForFooterInSection section: Int) -> ReusableHeaderFooterIdentifier? // default: nil
+}
+```
 
-###### UICollectionView
+> 📣 **IMPORTANT!** 
+> 
+> 1️⃣ If you are using resizable cells (**`tableView.rowHeight = UITableViewAutomaticDimension`**), it's mandatory define the **`estimatedRowHeight`**.
+> 
+> 2️⃣ When you add elements in a **`UITableViewCell`** you should add it to **`contentView`** and not to the cell directly.
+> ```swift
+> self.contentView.addSubview(titleLabel) ✅         
+> self.addSubview(titleLabel) ❌
+> ```
 
-For ```UICollectionView```, you need to conform to ```SkeletonCollectionViewDataSource``` protocol.
+  
+
+**UICollectionView**
+
+For `UICollectionView`, you need to conform to `SkeletonCollectionViewDataSource` protocol.
 
 ``` swift
 public protocol SkeletonCollectionViewDataSource: UICollectionViewDataSource {
-    func numSections(in collectionSkeletonView: UICollectionView) -> Int
+    func numSections(in collectionSkeletonView: UICollectionView) -> Int // default: 1
     func collectionSkeletonView(_ skeletonView: UICollectionView, numberOfItemsInSection section: Int) -> Int
     func collectionSkeletonView(_ skeletonView: UICollectionView, cellIdentifierForItemAt indexPath: IndexPath) -> ReusableCellIdentifier
+    func collectionSkeletonView(_ skeletonView: UICollectionView, supplementaryViewIdentifierOfKind: String, at indexPath: IndexPath) -> ReusableCellIdentifier? // default: nil
 }
 ```
 
 The rest of the process is the same as ```UITableView```
 
-### 📰 Multiline text
 
+### 🔠 Texts
 
 ![](Assets/multilines2.png)
 
 When using elements with text, ```SkeletonView``` draws lines to simulate text.
 Besides, you can decide how many lines you want. If  ```numberOfLines``` is set to zero, it will calculate how many lines needed to populate the whole skeleton and it will be drawn. Instead, if you set it to one, two or any number greater than zero, it will only draw this number of lines.
 
-##### 🎛 Customize
-
 You can set some properties for multilines elements.
 
 
@@ -244,12 +261,46 @@ Or, if you prefer use **IB/Storyboard**:
 
 ![](Assets/multiline_customize.png)
 
+
+### 🦋 Appearance
+
+The skeletons have a default appearance. So, when you don't specify the color, gradient or multilines properties, `SkeletonView` uses the default values.
+
+Default values:
+- **tintColor**: UIColor
+    - *default: `.skeletonDefault` (same as `.clouds` but adaptive to dark mode)*
+- **gradient**: SkeletonGradient
+  - *default: `SkeletonGradient(baseColor: .skeletonDefault)`*
+- **multilineHeight**: CGFloat
+  - *default: 15*
+- **multilineSpacing**: CGFloat
+  - *default: 10*
+- **multilineLastLineFillPercent**: Int
+  - *default: 70*
+- **multilineCornerRadius**: Int
+  - *default: 0*
+- **skeletonCornerRadius**: CGFloat (IBInspectable)  (Make your skeleton view with corner)
+  - *default: 0*
+
+To get these default values you can use `SkeletonAppearance.default`. Using this property you can set the values as well:
+```swift
+SkeletonAppearance.default.multilineHeight = 20
+SkeletonAppearance.default.tintColor = .green
+```
+
+You can also specifiy these line appearance properties on a per-label basis:
+- **lastLineFillPercent**: Int
+- **linesCornerRadius**: Int
+- **skeletonLineSpacing**: CGFloat
+- **skeletonPaddingInsets**: UIEdgeInsets
+
+
 ### 🎨 Custom colors
 
 You can decide which color the skeleton is tinted with. You only need to pass as a parameter the color or gradient you want.
 
 **Using solid colors**
-``` swift
+```swift
 view.showSkeleton(usingColor: UIColor.gray) // Solid
 // or
 view.showSkeleton(usingColor: UIColor(red: 25.0, green: 30.0, blue: 255.0, alpha: 1.0))
@@ -260,41 +311,17 @@ let gradient = SkeletonGradient(baseColor: UIColor.midnightBlue)
 view.showGradientSkeleton(usingGradient: gradient) // Gradient
 ```
 
-Besides, ```SkeletonView``` features 20 flat colors 🤙🏼
+Besides, **SkeletonView** features 20 flat colors 🤙🏼
 
 ```UIColor.turquoise, UIColor.greenSea, UIColor.sunFlower, UIColor.flatOrange  ...```
 
 ![](Assets/flatcolors.png)
 ###### Image captured from website [https://flatuicolors.com](https://flatuicolors.com)
 
-### 🦋 Appearance
 
-**NEW** The skeletons have a default appearance. So, when you don't specify the color, gradient or multilines properties, `SkeletonView` uses the default values.
+### 🏃‍♀️ Animations
 
-Default values:
-- **tintColor**: UIColor
-    - *default: .clouds*
-- **gradient**: SkeletonGradient
-  - *default: SkeletonGradient(baseColor: .clouds)*
-- **multilineHeight**: CGFloat
-  - *default: 15*
-- **multilineSpacing**: CGFloat
-  - *default: 10*
-- **multilineLastLineFillPercent**: Int
-  - *default: 70*
-- **multilineCornerRadius**: Int
-  - *default: 0*
-
-To get these default values you can use `SkeletonAppearance.default`. Using this property you can set the values as well:
-```Swift
-SkeletonAppearance.default.multilineHeight = 20
-SkeletonAppearance.default.tintColor = .green
-```
-
-
-### 🤓 Custom animations
-
-```SkeletonView``` has two built-in animations, *pulse* for solid skeletons and *sliding* for gradients.
+**SkeletonView** has two built-in animations, *pulse* for solid skeletons and *sliding* for gradients.
 
 Besides, if you want to do your own skeleton animation, it's really easy.
 
@@ -328,7 +355,7 @@ view.showAnimatedGradientSkeleton(usingGradient: gradient, animation: animation)
 
 ```
 
-```GradientDirection``` is an enum, with this cases:
+```GradientDirection``` is an enum, with theses cases:
 
 |  Direction | Preview
 |------- | -------
@@ -340,28 +367,129 @@ view.showAnimatedGradientSkeleton(usingGradient: gradient, animation: animation)
 | .bottomRightTopLeft | ![](Assets/sliding_bottomRight_to_topLeft.gif)
 
 > **😉 TRICK!**
-Exist another way to create sliding animations, just using this shortcut:
->>```let animation = GradientDirection.leftToRight.slidingAnimation()```
+>
+> Exist another way to create sliding animations, just using this shortcut:
+> ```swift
+> let animation = GradientDirection.leftToRight.slidingAnimation()
+> ```
 
-### 👨‍👧‍👦 Hierarchy
+  
+
+### 🏄 Transitions
+
+**SkeletonView** has built-in transitions to **show** or **hide** the skeletons in a *smoother* way 🤙
+
+To use the transition, simply add the ```transition``` parameter to your ```showSkeleton()``` or ```hideSkeleton()``` function with the transition time, like this:
+
+```swift
+view.showSkeleton(transition: .crossDissolve(0.25))     //Show skeleton cross dissolve transition with 0.25 seconds fade time
+view.hideSkeleton(transition: .crossDissolve(0.25))     //Hide skeleton cross dissolve transition with 0.25 seconds fade time
+
+```
+
+The default value is  `crossDissolve(0.25)`
+
+**Preview**
+
+<table>
+<tr>
+<td width="50%">
+<center>None</center>
+</td>
+<td width="50%">
+<center>Cross dissolve</center>
+</td>
+</tr>
+<tr>
+<td width="50%">
+<img src="Assets/skeleton_transition_nofade.gif"></img>
+</td>
+<td width="50%">
+<img src="Assets/skeleton_transition_fade.gif"></img>
+</td>
+</tr>
+</table>
+
+
+## ✨ Miscellaneous 
+
+  
+
+**Hierarchy**
 
 Since ```SkeletonView``` is recursive, and we want skeleton to be very efficient, we want to stop recursion as soon as possible. For this reason, you must set the container view as `Skeletonable`, because Skeleton will stop looking for `skeletonable` subviews as soon as a view is not Skeletonable, breaking then the recursion.
 
 Because an image is worth a thousand words:
 
-> ```ìsSkeletonable```= ☠️
+In this example we have a `UIViewController` with a `ContainerView` and a `UITableView`. When the view is ready, we show the skeleton using this method:
+```
+view.showSkeleton()
+```
 
-| Configuration | Result
-|------- | -------
-|![](Assets/no_skeletonable.png) | ![](Assets/no_skeletonables_result.png)
-|![](Assets/container_no_skeletonable.png) | ![](Assets/no_skeletonables_result.png)
-|![](Assets/container_skeletonable.png) | ![](Assets/container_skeletonable_result.png)
-|![](Assets/all_skeletonables.png) | ![](Assets/all_skeletonables_result.png)
+> ```isSkeletonable```= ☠️
+
+| Configuration | Result|
+|:-------:|:-------:|
+|<img src="Assets/no_skeletonable.jpg" width="350"/> | <img src="Assets/no_skeletonables_result.png" width="350"/>|
+|<img src="Assets/container_no_skeletonable.jpg" width="350"/> | <img src="Assets/no_skeletonables_result.png" width="350"/>|
+|<img src="Assets/container_skeletonable.jpg" width="350"/> | <img src="Assets/container_skeletonable_result.png" width="350"/>|
+|<img src="Assets/all_skeletonables.jpg" width="350"/>| <img src="Assets/all_skeletonables_result.png" width="350"/>|
+|<img src="Assets/tableview_no_skeletonable.jpg" width="350"/> | <img src="Assets/tableview_no_skeletonable_result.png" height="350"/>|
+|<img src="Assets/tableview_skeletonable.jpg" width="350"/> | <img src="Assets/tableview_skeletonable_result.png" height="350"/>|
+
+  
+
+**Hierarchy in collections**
+
+Here is an illustration that shows how you should specify which elements are skeletonables when you are using an `UITableView`:
+
+<img src="Assets/tableview_scheme.png" width="700px">
+
+As you can see, we have to make skeletonable the tableview, the cell and the UI elements, but we don't need to set as skeletonable the `contentView`
+
+  
+
+**Skeleton views layout**
+
+Sometimes skeleton layout may not fit your layout because the parent view bounds have changed. ~For example, rotating the device.~
+
+You can relayout the skeleton views like so:
+
+```swift
+override func viewDidLayoutSubviews() {
+    view.layoutSkeletonIfNeeded()
+}
+```
+
+> 📣 **IMPORTANT!** 
+> 
+> You shouldn't call this method. From **version 1.8.1** you don't need to call this method, the library does automatically. So, you can use this method **ONLY** in the cases when you need to update the layout of the skeleton manually.
 
 
-### 🔬 Debug
+  
 
-**NEW** In order to facilitate the debug tasks when something is not working fine. `SkeletonView` has some new tools.
+**Update skeleton**
+
+You can change the skeleton configuration at any time like its colour, animation, etc. with the following methods:
+
+```swift
+(1) view.updateSkeleton()                 // Solid
+(2) view.updateGradientSkeleton()         // Gradient
+(3) view.updateAnimatedSkeleton()         // Solid animated
+(4) view.updateAnimatedGradientSkeleton() // Gradient animated
+```
+
+**Hiding views when the animation starts**
+
+Sometimes you wanna hide some view when the animation starts, so there is a quick property that you can use to make this happen:
+
+```swift
+view.isHiddenWhenSkeletonIsActive = true  // This works only when isSkeletonable = true
+```
+
+**Debug**
+
+To facilitate the debug tasks when something is not working fine. **`SkeletonView`** has some new tools.
 
 First, `UIView` has available a new property with his skeleton info:
 ```swift
@@ -383,30 +511,13 @@ Then, when the skeleton appears, you can see the view hierarchy in the Xcode con
 <img src="Assets/hierarchy_output.png" />
 </details>
 
-
-
-### 📚 Documentation
-Coming soon...😅
-
-### 📋 Supported OS & SDK Versions
+  
+**Supported OS & SDK Versions**
 
 * iOS 9.0+
 * tvOS 9.0+
-* Swift 4.2
+* Swift 5
 
-## 📬 Next steps
-
-* [x] Set the filling percent of the last line in multiline elements
-* [x] Add more gradient animations
-* [x] Supported resizable cells
-* [x] CollectionView compatible
-* [x] tvOS compatible
-* [x] Add recovery state
-* [x] Custom default appearance
-* [x] Debug mode
-* [ ] Custom collections compatible
-* [ ] Add animations when it shows/hides the skeletons
-* [ ] MacOS and WatchOS compatible
 
 ## ❤️ Contributing
 This is an open source project, so feel free to contribute. How?
@@ -416,7 +527,8 @@ This is an open source project, so feel free to contribute. How?
 
 See [all contributors](https://github.com/Juanpe/SkeletonView/graphs/contributors)
 
-###### Project generated with [SwiftPlate](https://github.com/JohnSundell/SwiftPlate)
+For more information, please read the [contributing guidelines](https://github.com/Juanpe/SkeletonView/blob/develop/CONTRIBUTING.md).
+
 
 ## 📢 Mentions
 
@@ -432,17 +544,17 @@ See [all contributors](https://github.com/Juanpe/SkeletonView/graphs/contributor
 - [CocoaControls](https://www.cocoacontrols.com/controls/skeletonview)
 - [Awesome iOS Newsletter #74](https://ios.libhunt.com/newsletter/74)
 - [Swift News #36](https://www.youtube.com/watch?v=mAGpsQiy6so)
+- [Best iOS articles, new tools & more](https://medium.com/flawless-app-stories/best-ios-articles-new-tools-more-fcbe673e10d)
 
 
 
 ## 👨🏻‍💻 Author
-[1.1]: http://i.imgur.com/tXSoThF.png
-[1]: http://www.twitter.com/JuanpeCatalan
 
-* Juanpe Catalán [![alt text][1.1]][1]
+[Juanpe Catalán](http://www.twitter.com/JuanpeCatalan)
 
 <a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/CDou4xtIK"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy me a coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;"><span style="margin-left:5px"></span></a>
 
+
 ## 👮🏻 License
 
 ```

README_es.md

@@ -0,0 +1,529 @@
+![](Assets/header2.jpg)
+
+<p align="center">
+    <a href="https://github.com/Juanpe/SkeletonView/workflows/build">
+      <img src="https://github.com/Juanpe/SkeletonView/workflows/build/badge.svg">
+    </a>
+    <a href="https://codebeat.co/projects/github-com-juanpe-skeletonview-master"><img alt="codebeat badge" src="https://codebeat.co/badges/f854fdfd-31e5-4689-ba04-075d83653e60" /></a>
+    <img src="http://img.shields.io/badge/dependency%20manager-swiftpm%2Bcocoapods%2Bcarthage-green" />
+    <img src="https://img.shields.io/badge/platforms-ios%2Btvos-green" />
+    <a href="https://badge.bow-swift.io/recipe?name=SkeletonView&description=An%20elegant%20way%20to%20show%20users%20that%20something%20is%20happening%20and%20also%20prepare%20them%20to%20which%20contents%20he%20is%20waiting&url=https://github.com/juanpe/skeletonview&owner=Juanpe&avatar=https://avatars0.githubusercontent.com/u/1409041?v=4&tag=1.8.7"><img src="https://raw.githubusercontent.com/bow-swift/bow-art/master/badges/nef-playgrounds-badge.svg" alt="SkeletonView Playground" style="height:20px"></a>   
+</p>
+
+<p align="center">
+    <a href="#-destacado">Destacado</a>
+  • <a href="#-instalación">Instalación</a>
+  • <a href="#-cómo-funciona">¿Cómo funciona?</a>
+  • <a href="#-miscelánea">Miscelánea</a>
+  • <a href="#️-contribuir">Contribuir</a>
+</p>
+
+**🌎 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)**
+
+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.
+
+**SkeletonView** ha sido desarrollada para cubrir esta necesidad, un elegante manera de decirle a los usarios que algo se está procesando y además prepararlos, visualmente, para el contenido que están esperando.
+
+Enjoy it! 🙂
+
+## 
+- [🌟 Destacado](#-destacado)
+- [🎬 Videotutoriales](#-videotutoriales)
+- [📲 Instalación](#-instalación)
+- [🐒 ¿Cómo funciona?](#-cómo-funciona)
+  - [🌿 Colecciones](#-colecciones)
+  - [🔠 Textos](#-textos)
+  - [🦋 Apariencia](#-apariencia)
+  - [🎨 Colores](#-colors)
+  - [🏃‍♀️ Animaciones](#️-animaciones)
+  - [🏄 Transiciones](#-transiciones)
+- [✨ Miscelánea](#-miscelánea)
+- [❤️ Contribuir](#️-contribuir)
+- [📢 Menciones](#-menciones)
+- [👨🏻‍💻 Autor](#-autor)
+- [👮🏻 Licencia](#-licencia)
+
+
+
+## 🌟 Destacado
+
+* Fácil de usar
+* Todas las UIViews son skeletonables
+* Personalizable
+* Universal (iPhone & iPad)
+* Interface Builder friendly
+
+
+## 🎬 Videotutoriales
+
+| [![](https://img.youtube.com/vi/75kgOhWsPNA/maxresdefault.jpg)](https://youtu.be/75kgOhWsPNA)|[![](https://img.youtube.com/vi/MVCiM_VdxVA/maxresdefault.jpg)](https://youtu.be/MVCiM_VdxVA)|[![](https://img.youtube.com/vi/Qq3Evspeea8/maxresdefault.jpg)](https://youtu.be/Qq3Evspeea8)|[![](https://img.youtube.com/vi/ZOoPtBwDRT0/maxresdefault.jpg)](https://youtu.be/ZOoPtBwDRT0)
+|:---:  | :---: |:---:  | :---: 
+|[**SkeletonView Guides - Getting started**](https://youtu.be/75kgOhWsPNA)|[**How to Create Loading View with Skeleton View in Swift 5.2**](https://youtu.be/MVCiM_VdxVA)    by iKh4ever Studio|[**Create Skeleton Loading View in App (Swift 5) - Xcode 11, 2020**](https://youtu.be/Qq3Evspeea8)    by iOS Academy| [**Add An Elegant Loading Animation in Swift***](https://youtu.be/ZOoPtBwDRT0)    by Gary Tokman
+
+
+## 📲 Instalación
+
+* [CocoaPods](https://guides.cocoapods.org/using/using-cocoapods.html):
+
+```ruby
+pod 'SkeletonView'
+```
+
+* [Carthage](https://github.com/Carthage/Carthage):
+
+```ruby
+github "Juanpe/SkeletonView"
+```
+
+* [Swift Package Manager](https://swift.org/package-manager/):
+
+```swift
+dependencies: [
+  .package(url: "https://github.com/Juanpe/SkeletonView.git", from: "1.7.0")
+]
+```
+
+
+## 🐒 ¿Cómo funciona?
+
+Solo necesitas **3** pasos para usar `SkeletonView`:
+
+1️⃣ Importa SkeletonView en el archivo donde vayas a utilizarlo.
+```swift
+import SkeletonView
+```
+
+2️⃣ Ahora, debes indicar qué elementos de tu vista son `skeletonables`
+
+**Con código:**
+```swift
+avatarImageView.isSkeletonable = true
+```
+**Con IB/Storyboards:**
+
+![](Assets/storyboard.png)
+
+3️⃣ Una vez indicado, solo tienes que mostrar el **skeleton**. Tienes **4** opciones:
+
+```swift
+(1) view.showSkeleton()                 // Sólido
+(2) view.showGradientSkeleton()         // Degradado
+(3) view.showAnimatedSkeleton()         // Sólido animado
+(4) view.showAnimatedGradientSkeleton() // Degradado animado
+```
+
+**Vista previa**
+
+<table>
+<tr>
+<td width="25%">
+<center>Sólido</center>
+</td>
+<td width="25%">
+<center>Degradado</center>
+</td>
+<td width="25%">
+<center>Sólido Animado</center>
+</td>
+<td width="25%">
+<center>Degradado Animado</center>
+</td>
+</tr>
+<tr>
+<td width="25%">
+<img src="Assets/solid.png"></img>
+</td>
+<td width="25%">
+<img src="Assets/gradient.png"></img>
+</td>
+<td width="25%">
+<img src="Assets/solid_animated.gif"></img>
+</td>
+<td width="25%">
+<img src="Assets/gradient_animated.gif"></img>
+</td>
+</tr>
+</table>
+
+
+> 📣 **¡IMPORTANTE!** 
+>
+> `SkeletonView` es recursivo. Por lo que si tienes una vsita que contiene varios elementos skeletonables, solo tienes queenecu For example, with `UIViewControllers`.
+
+  
+## 
+### 🌿 Colecciones
+
+`SkeletonView` es compatible con `UITableView` and `UICollectionView`.
+
+
+**UITableView**
+
+Si quieres mostrar el skeleton en un `UITableView`, necesitas conformar el protocolo `SkeletonTableViewDataSource`. 
+
+``` swift
+public protocol SkeletonTableViewDataSource: UITableViewDataSource {
+    // Por defecto: 1
+    func numSections(in collectionSkeletonView: UITableView) -> Int
+
+    // Por defecto:
+    // Calcula cuantas celdas necesita para rellenar todo el frame.
+    func collectionSkeletonView(_ skeletonView: UITableView, numberOfRowsInSection section: Int) -> Int
+
+    func collectionSkeletonView(_ skeletonView: UITableView, cellIdentifierForRowAt indexPath: IndexPath) -> ReusableCellIdentifier
+}
+```
+
+Este protocolo hereda de `UITableViewDataSource`, por lo que puedes reemplazar este protocolo por el protocolo de skeleton sin perder ninguna funcionalidad. El único método que es obligatorio implementar es `cellIdentifierForRowAt`, donde tienes que indicar el identificador de la celda.
+
+**Ejemplo**
+ ``` swift
+ func collectionSkeletonView(_ skeletonView: UITableView, cellIdentifierForRowAt indexPath: IndexPath) -> ReusableCellIdentifier {
+    return "CellIdentifier"
+}
+ ```
+ 
+Además, tu puedes mostrar el skeleton en las headers y en los footers, conformando el protocolo `SkeletonTableViewDelegate`.
+
+```swift
+public protocol SkeletonTableViewDelegate: UITableViewDelegate {
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForHeaderInSection section: Int) -> ReusableHeaderFooterIdentifier? // default: nil
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForFooterInSection section: Int) -> ReusableHeaderFooterIdentifier? // default: nil
+}
+```
+
+> 📣 **¡IMPORTANTE!** 
+> 
+> 1️⃣ Si estás usando celdas con altura dinámica (**`tableView.rowHeight = UITableViewAutomaticDimension`**), es obligatorio definir el **`estimatedRowHeight`**.
+> 
+> 2️⃣ Cuando añades elemetos a una **`UITableViewCell`**, debes añadirlo al **`contentView`** y no a la celda directamente.
+> ```swift
+> cell.contentView.addSubview(titleLabel) ✅         
+> cell.addSubview(titleLabel) ❌
+> ```
+
+  
+
+**UICollectionView**
+
+Para los `UICollectionView`, debes conformar el protocolo `SkeletonCollectionViewDataSource`.
+
+``` swift
+public protocol SkeletonCollectionViewDataSource: UICollectionViewDataSource {
+    func numSections(in collectionSkeletonView: UICollectionView) -> Int // Por defecto: 1
+    func collectionSkeletonView(_ skeletonView: UICollectionView, numberOfItemsInSection section: Int) -> Int
+    func collectionSkeletonView(_ skeletonView: UICollectionView, cellIdentifierForItemAt indexPath: IndexPath) -> ReusableCellIdentifier
+    func collectionSkeletonView(_ skeletonView: UICollectionView, supplementaryViewIdentifierOfKind: String, at indexPath: IndexPath) -> ReusableCellIdentifier? // Por defecto: nil
+}
+```
+
+El resto del proceso es exactamente igual que con las `UITableView`.
+
+
+### 🔠 Textos
+
+![](Assets/multilines2.png)
+
+Cuando usas elementos que contienen texto,`SkeletonView` dibujo líneas para simular el texto.
+
+Además, puedes decidir el número de líneas. Si  `numberOfLines` es igual a **0**, se calculará automáticamente el número de líneas necesarias para ocupar todo el frame. Sin embargo, si es un número mayor que cero, solo se dibujarán esas líneas.
+
+Puedes especificar algunos atributos para estos elementos:
+
+
+| Atributo | Valores | Por defecto | Vista previa
+| ------- | ------- |------- | -------
+| **Porcentaje de relleno** de la última línea. | `0...100` | `70%` | ![](Assets/multiline_lastline.png)
+| **Radio de las esquinas** de las líneas. | `0...10` | `0` | ![](Assets/multiline_corner.png)
+
+Para modificar alguno de los valores lo puedes hacer **con código**::
+```swift
+descriptionTextView.lastLineFillPercent = 50
+descriptionTextView.linesCornerRadius = 5
+```
+
+O usando **IB/Storyboards**:
+
+![](Assets/multiline_customize.png)
+
+
+### 🦋 Apariencia
+
+Los skeletons tiene una apariencia por defecto. Así, cuando no especificas el color, el degradado o las propiedades para las multiíneas, `SkeletonView` usa estos valores.
+
+Valores por defecto:
+- **tintColor**: `UIColor`
+    - *default: `.skeletonDefault` (igual que `.clouds` pero se adapta al dark mode)*
+- **gradient**: `SkeletonGradient`
+  - *default: `SkeletonGradient(baseColor: .skeletonDefault)`*
+- **multilineHeight**: `CGFloat`
+  - *default: 15*
+- **multilineSpacing**: `CGFloat`
+  - *default: 10*
+- **multilineLastLineFillPercent**: `Int`
+  - *default: 70*
+- **multilineCornerRadius**: `Int`
+  - *default: 0*
+- **skeletonCornerRadius**: `CGFloat` (IBInspectable)
+  - *default: 0*
+
+Para obtener o modificar estos valores tu puedes usar `SkeletonAppearance.default`:
+```swift
+SkeletonAppearance.default.multilineHeight = 20
+SkeletonAppearance.default.tintColor = .green
+```
+
+
+### 🎨 Colores
+
+Puedes decidir de qué color se tinta tu skeleton. Solo tienes que indicarlo pasándolo como parámetro:
+
+**Usando colores sólidos**
+```swift
+view.showSkeleton(usingColor: UIColor.gray)
+// o
+view.showSkeleton(usingColor: UIColor(red: 25.0, green: 30.0, blue: 255.0, alpha: 1.0))
+```
+**Usando degradados**
+``` swift
+let gradient = SkeletonGradient(baseColor: UIColor.midnightBlue)
+view.showGradientSkeleton(usingGradient: gradient)
+```
+
+Además, **SkeletonView** añade 20 colores flat 🤙🏼
+
+```UIColor.turquoise, UIColor.greenSea, UIColor.sunFlower, UIColor.flatOrange  ...```
+
+![](Assets/flatcolors.png)
+###### Imagen extraída de la web [https://flatuicolors.com](https://flatuicolors.com)
+
+
+### 🏃‍♀️ Animaciones
+
+**SkeletonView** tiene pre-definidas dos animaciones, *pulse* para skeleton sólidos y *sliding* para degradados.
+
+Además, usando el método `showAnimatedSkeleton`, podemos incluir la `animation` que es de tipo `SkeletonLayerAnimation`, un bloque donde tu puedes crear tus propias animaciones:
+
+```swift
+public typealias SkeletonLayerAnimation = (CALayer) -> CAAnimation
+```
+
+Tu código quedaría así:
+
+```swift
+view.showAnimatedSkeleton { (layer) -> CAAnimation in
+  let animation = CAAnimation()
+  // Personaliza la animación aquí
+
+  return animation
+}
+```
+
+`SkeletonAnimationBuilder` es un builder que permite crear `SkeletonLayerAnimation`.
+
+Por ejemplo, tu puedes crear **sliding animations** para los degradados, decidiendo la **direction** y indicando la **duration** de la animación (default = 1.5s).
+
+```swift
+// func makeSlidingAnimation(withDirection direction: GradientDirection, duration: CFTimeInterval = 1.5) -> SkeletonLayerAnimation
+
+let animation = SkeletonAnimationBuilder().makeSlidingAnimation(withDirection: .leftToRight)
+view.showAnimatedGradientSkeleton(usingGradient: gradient, animation: animation)
+
+```
+
+```GradientDirection``` es un enumerado con estos `cases`:
+
+|  Dirección | Vista previa
+|------- | -------
+| .leftRight | ![](Assets/sliding_left_to_right.gif)
+| .rightLeft | ![](Assets/sliding_right_to_left.gif)
+| .topBottom | ![](Assets/sliding_top_to_bottom.gif)
+| .bottomTop | ![](Assets/sliding_bottom_to_top.gif)
+| .topLeftBottomRight | ![](Assets/sliding_topLeft_to_bottomRight.gif)
+| .bottomRightTopLeft | ![](Assets/sliding_bottomRight_to_topLeft.gif)
+
+> **😉 ¡Truco!**
+>
+> Puedes crear una animación sliding, con este shortcut:
+> ```swift
+> let animation = GradientDirection.leftToRight.slidingAnimation()
+> ```
+
+  
+
+### 🏄 Transiciones
+
+**SkeletonView** tiene algunas transiciones listas para usarse cuando **aparece** o se **oculta**. Puedes especificarla así:
+
+```swift
+view.showSkeleton(transition: .crossDissolve(0.25))
+view.hideSkeleton(transition: .crossDissolve(0.25))
+
+```
+
+La transición por defecto es `crossDissolve(0.25)`
+
+**Vista previa**
+
+<table>
+<tr>
+<td width="50%">
+<center>Sin transición</center>
+</td>
+<td width="50%">
+<center>Cross dissolve</center>
+</td>
+</tr>
+<tr>
+<td width="50%">
+<img src="Assets/skeleton_transition_nofade.gif"></img>
+</td>
+<td width="50%">
+<img src="Assets/skeleton_transition_fade.gif"></img>
+</td>
+</tr>
+</table>
+
+
+## ✨ Miscelánea 
+
+  
+
+**Jerarquía**
+
+
+`SkeletonView` es recursivo, pero para que sea eficiente, tenemos que pararar la recursión tan pronto como sea posible. Por este motivo, el contenedor de las vistas debe ser **`skeletonable`**, porque `SkeletonView` parará de buscar vistas skeletonables cuando encuentre una que no lo sea, dentro de la jerarquía.
+
+Como una imagen vale más que mil palabras:
+
+En este ejemplo, tenemos un `UIViewController` con un `containerView` y una `UITableView`. Cuando la vista está lista, para mostrar el skeleton ejecutamos el método: 
+```
+view.showSkeleton()
+```
+
+> `isSkeletonable`= ☠️
+
+| Configuración | Resultado|
+|:-------:|:-------:|
+|<img src="Assets/no_skeletonable.jpg" width="350"/> | <img src="Assets/no_skeletonables_result.png" width="350"/>|
+|<img src="Assets/container_no_skeletonable.jpg" width="350"/> | <img src="Assets/no_skeletonables_result.png" width="350"/>|
+|<img src="Assets/container_skeletonable.jpg" width="350"/> | <img src="Assets/container_skeletonable_result.png" width="350"/>|
+|<img src="Assets/all_skeletonables.jpg" width="350"/>| <img src="Assets/all_skeletonables_result.png" width="350"/>|
+|<img src="Assets/tableview_no_skeletonable.jpg" width="350"/> | <img src="Assets/tableview_no_skeletonable_result.png" height="350"/>|
+|<img src="Assets/tableview_skeletonable.jpg" width="350"/> | <img src="Assets/tableview_skeletonable_result.png" height="350"/>|
+
+  
+
+**Jerarquía en las colecciones**
+
+Esta ilustración muestra como deberías específicar qué elementos son skeletonables cuando estás usando una `UITableView`:
+
+<img src="Assets/tableview_scheme.png" width="700px">
+
+
+**Actualiza el skeleton**
+
+Puedes cambiar la configuración del skeleton, como el color, la animación, etc, con los siguientes métodos:
+
+```swift
+(1) view.updateSkeleton()                 // Sólido
+(2) view.updateGradientSkeleton()         // Degradado
+(3) view.updateAnimatedSkeleton()         // Sólido animado
+(4) view.updateAnimatedGradientSkeleton() // Degradado animado
+```
+
+
+**Debug**
+
+Para facilitar las tareas de debug cuando algo no está funcionando bien, **`SkeletonView`** tiene una nueva herramienta.
+
+Primero, `UIView` tiene una nueva propiedad que contiene toda la info del skeleton:
+```swift
+var skeletonDescription: String
+
+```
+Y es representada de la siguiente manera:
+
+![](Assets/debug_description.png)
+
+Para activar el **modo debug**. Solo tienes que añadir una variable de entorno con esta clave `SKELETON_DEBUG` y activarla.
+
+![](Assets/debug_mode.png)
+
+Entonces, cuando el skeleton aparece, tu podrás ver la jerarquía de vistas en la consola de Xcode.
+
+<details>
+<summary>Abre para ver un ejemplo </summary>
+<img src="Assets/hierarchy_output.png" />
+</details>
+
+  
+  **OS Soportado & Versiones SDK**
+
+* iOS 9.0+
+* tvOS 9.0+
+* Swift 5
+
+
+## ❤️ Contributing
+
+Esto es un proyecto open source, siéntete libre de contribuir. ¿Cómo?
+- Abre un [issue](https://github.com/Juanpe/SkeletonView/issues/new).
+- Envía feedback a través del [email](mailto://juanpecatalan.com).
+- Propone tus propies fixes, sugerencias y abre una Pull Request con los cambios.
+
+Échale un vistazo a [los que ya han contribuído](https://github.com/Juanpe/SkeletonView/graphs/contributors)
+
+Para más información, por favor, lee la [guía de contribución](https://github.com/Juanpe/SkeletonView/blob/develop/CONTRIBUTING.md).
+
+
+## 📢 Menciones
+
+- [iOS Dev Weekly #327](https://iosdevweekly.com/issues/327#start)
+- [Hacking with Swift Articles](https://www.hackingwithswift.com/articles/40/skeletonview-makes-loading-content-beautiful)
+- [Top 10 Swift Articles November](https://medium.mybridge.co/swift-top-10-articles-for-the-past-month-v-nov-2017-dfed7861cd65)
+- [30 Amazing iOS Swift Libraries (v2018)](https://medium.mybridge.co/30-amazing-ios-swift-libraries-for-the-past-year-v-2018-7cf15027eee9)
+- [AppCoda Weekly #44](http://digest.appcoda.com/issues/appcoda-weekly-issue-44-81899)
+- [iOS Cookies Newsletter #103](https://us11.campaign-archive.com/?u=cd1f3ed33c6527331d82107ba&id=48131a516d)
+- [Swift Developments Newsletter #113](https://andybargh.com/swiftdevelopments-113/)
+- [iOS Goodies #204](http://ios-goodies.com/post/167557280951/week-204)
+- [Swift Weekly #96](http://digest.swiftweekly.com/issues/swift-weekly-issue-96-81759)
+- [CocoaControls](https://www.cocoacontrols.com/controls/skeletonview)
+- [Awesome iOS Newsletter #74](https://ios.libhunt.com/newsletter/74)
+- [Swift News #36](https://www.youtube.com/watch?v=mAGpsQiy6so)
+- [Best iOS articles, new tools & more](https://medium.com/flawless-app-stories/best-ios-articles-new-tools-more-fcbe673e10d)
+
+
+
+## 👨🏻‍💻 Autor
+
+[Juanpe Catalán](http://www.twitter.com/JuanpeCatalan)
+
+<a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/CDou4xtIK"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy me a coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;"><span style="margin-left:5px"></span></a>
+
+
+## 👮🏻 Licencia
+
+```
+MIT License
+
+Copyright (c) 2017 Juanpe Catalán
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```

README_fr.md

@@ -0,0 +1,562 @@
+![](Assets/header2.jpg)
+
+<p align="center">
+    <a href="https://github.com/Juanpe/SkeletonView/workflows/build">
+      <img src="https://github.com/Juanpe/SkeletonView/workflows/build/badge.svg">
+    </a>
+    <a href="https://codebeat.co/projects/github-com-juanpe-skeletonview-master"><img alt="codebeat badge" src="https://codebeat.co/badges/f854fdfd-31e5-4689-ba04-075d83653e60" /></a>
+    <img src="https://img.shields.io/badge/Swift-5-orange.svg" />
+    <img src="http://img.shields.io/badge/dependency%20manager-swiftpm%2Bcocoapods%2Bcarthage-green" />
+    <img src="https://img.shields.io/badge/platforms-ios%2Btvos-green" />
+    <a href="https://badge.bow-swift.io/recipe?name=SkeletonView&description=An%20elegant%20way%20to%20show%20users%20that%20something%20is%20happening%20and%20also%20prepare%20them%20to%20which%20contents%20he%20is%20waiting&url=https://github.com/juanpe/skeletonview&owner=Juanpe&avatar=https://avatars0.githubusercontent.com/u/1409041?v=4&tag=1.8.7"><img src="https://raw.githubusercontent.com/bow-swift/bow-art/master/badges/nef-playgrounds-badge.svg" alt="SkeletonView Playground" style="height:20px"></a>   
+    <br/>
+    <a href="https://twitter.com/JuanpeCatalan">
+        <img src="https://img.shields.io/badge/contact-@JuanpeCatalan-blue.svg?style=flat" alt="Twitter: @JuanpeCatalan" />
+    </a>
+    <a href="https://gitter.im/SkeletonView/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge">
+        <img src="https://badges.gitter.im/SkeletonView/community.svg?style=flat" />
+    </a>
+    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=MJ4Y2D9DEX6FL&lc=ES&item_name=SkeletonView&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">
+        <img src="https://img.shields.io/badge/Donate-PayPal-green.svg" alt="PayPal" />
+    <a href="https://twitter.com/intent/tweet?text=Wow%20This%20library%20is%20awesome:&url=https%3A%2F%2Fgithub.com%2FJuanpe%2FSkeletonView">
+      <img src="https://img.shields.io/twitter/url/https/github.com/Juanpe/SkeletonView.svg?style=social" alt="Licence" />
+    </a>
+</p>
+
+
+🌎 Traductions : </br>
+[Original](https://github.com/Juanpe/SkeletonView) </br>
+[🇨🇳](https://github.com/Juanpe/SkeletonView/blob/master/README_zh.md)  [@WhatsXie](https://twitter.com/WhatsXie) </br>
+[🇧🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_pt-br.md)  [@brunomunizaf](https://twitter.com/brunomuniz_af) </br>
+[🇰🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_ko.md)  [@techinpark](https://twitter.com/techinpark) </br>
+[🇫🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_fr.md)  [@OmarJalil](https://github.com/OmarJalil)
+
+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.
+
+"SkeletonView" a été créé pour répondre à ce besoin, une manière élégante de montrer aux utilisateurs que quelque chose se passe et aussi de les préparer aux contenus qu'ils attendent.
+
+Profitez-en! 🙂
+
+* [Caractéristiques](#-caractéristiques)
+* [Guides](#-guides)
+* [Installation](#-installation)
+  * [Cocoapods](#utilisation-de-cocoapods)
+  * [Carthage](#utilisation-de-carthage)
+  * [SPM](#utilisation-du-gestionnaire-de-paquets-Swift)
+* [Comment utiliser](#-mode-d'emploi)
+  * [Collections](#-collections)
+  * [Texte Multiligne](#-texte-multiligne)
+  * [Couleurs personnalisées](#-couleurs-personnalisées)
+  * [Présentation](#-présentation)
+  * [Animations personnalisées](#-animations-personnalisées)
+  * [Transitions](#-transitions)
+  * [Hiérarchie](#-hiérarchie)
+  * [Débugger](#-débugger)
+* [Documentation](#-documentation)
+* [Versions OS & SDK supportées](#-versions-os-et-sdk-supportées)
+* [Prochaines étapes](#-prochaines-étapes)
+* [Contribuer](#-contribuer)
+* [Mentions](#-mentions)
+* [Auteur](#-auteur)
+* [Licence](#-licence)
+
+## 🌟 Caractéristiques
+
+- [x] Facile à utiliser
+- [x] Tous les UIViews sont squelettisables
+- [x] Entièrement personnalisable
+- [x] Universel (iPhone et iPad)
+- [x] Interface Builder friendly
+- [x] Syntaxe Swift simple
+- [x] Base de code légère et lisible
+
+## 🎬 Guides
+
+ [<img src="Assets/thumb_getting_started.png">](https://youtu.be/75kgOhWsPNA)
+
+## 📲 Installation
+
+#### Utilisation de [CocoaPods](https://cocoapods.org)
+
+Editez votre "podfile" et spécifiez la dépendance:
+
+```ruby
+pod "SkeletonView"
+```
+
+#### Utilisation de [Carthage](https://github.com/carthage)
+
+Modifiez votre "Cartfile" et spécifiez la dépendance:
+
+```bash
+github "Juanpe/SkeletonView"
+```
+
+#### Utilisation du [gestionnaire de paquets Swift](https://github.com/apple/swift-package-manager)
+
+Une fois que vous avez configuré votre paquet Swift, ajouter `SkeletonView` comme dépendance est aussi facile que de l'ajouter à la valeur des `dépendances` de votre `Package.swift`.
+
+```swift
+  dependencies: [
+    .package(url: "https://github.com/Juanpe/SkeletonView.git", from: "1.7.0")
+  ]
+```
+
+## 🐒 Mode d'emploi
+
+Seulement **3** étapes nécessaires pour utiliser `SkeletonView` :
+
+**1.** Importer SkeletonView au bon endroit.
+```swift
+import SkeletonView
+```
+
+**2.** Maintenant, définissez les vues qui seront `squelettisables`. Vous y arrivez de deux façons :
+
+**En utilisant du code:**
+```swift
+avatarImageView.isSkeletonable = true
+```
+**Utilisation des IB/Storyboards:**
+
+![](Assets/storyboard.png)
+
+**Une fois que vous avez défini les vues, vous pouvez montrer le **squelette**. Pour le faire, vous avez quatre choix :
+
+```swift
+(1) view.showSkeleton() // Solide
+(2) view.showGradientSkeleton() // Gradient
+(3) view.showAnimatedSkeleton() // Solide animé
+(4) view.showAnimatedGradientSkeleton() // Gradient animé
+```
+
+**Preview**
+
+<table>
+<tr>
+<td width="25%">
+<center>Solide</center>
+</td>
+<td width="25%">
+<center>Gradient</center>
+</td>
+<td width="25%">
+<center>Animé Solide</center>
+</td>
+<td width="25%">
+<center>Animé Gradient</center>
+</td>
+</tr>
+<tr>
+<td width="25%">
+<img src="Assets/solid.png"></img>
+</td>
+<td width="25%">
+<img src="Assets/gradient.png"></img>
+</td>
+<td width="25%">
+<img src="Assets/solid_animated.gif"></img>
+</td>
+<td width="25%">
+<img src="Assets/gradient_animated.gif"></img>
+</td>
+</tr>
+</table>
+
+> **IMPORTANT!**
+>>```SkeletonView``` est récursif, donc si vous voulez montrer le squelette dans toutes les vues squelettables, il vous suffit d'appeler la méthode `show` dans la vue principale du conteneur. Par exemple, avec UIViewControllers
+
+### Extra
+
+#### Mise en page des vues squelettes
+
+Il arrive que le squelette ne corresponde pas à votre mise en page parce que les limites de la vue parent ont changé. ~Par exemple, la rotation de l'appareil.~
+
+Vous pouvez relayer les vues du squelette de cette manière :
+
+```swift
+override func viewDidLayoutSubviews() {
+    view.layoutSkeletonIfNeeded()
+}
+```
+
+⚠️⚠️ Vous ne devriez pas appeler cette méthode. À partir de la *version 1.8.1*, vous n'avez pas besoin d'appeler cette méthode, la bibliothèque le fait automatiquement. Vous pouvez donc utiliser cette méthode *seulement* dans les cas où vous devez mettre à jour manuellement la présentation du squelette.
+
+#### Mise à jour de la configuration du squelette
+
+Vous pouvez modifier la configuration du squelette à tout moment comme sa couleur, son animation, etc :
+
+```swift
+(1) view.updateSkeleton() // Solide
+(2) view.updateGradientSkeleton() // Gradient
+(3) view.updateAnimatedSkeleton() // Solid animated
+(4) view.updateAnimatedGradientSkeleton() // Gradient animé
+```
+
+### 🌿 Collections
+
+ Maintenant, `SkeletonView` est compatible avec `UITableView` et `UICollectionView`.
+
+#### UITableView
+
+Si vous voulez montrer le squelette dans un `UITableView`, vous devez vous conformer au protocole `SkeletonTableViewDataSource`.
+
+``` swift
+public protocol SkeletonTableViewDataSource: UITableViewDataSource {
+    func numSections(in collectionSkeletonView: UITableView) -> Int
+    func collectionSkeletonView(_ skeletonView: UITableView, numberOfRowsInSection section: Int) -> Int
+    func collectionSkeletonView(_ skeletonView: UITableView, cellIdentifierForRowAt indexPath: IndexPath) -> ReusableCellIdentifier
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForHeaderInSection section: Int) -> ReusableHeaderFooterIdentifier?
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForFooterInSection section: Int) -> ReusableHeaderFooterIdentifier?
+}
+```
+
+Comme vous pouvez le voir, ce protocole hérite de `UITableViewDataSource`, vous pouvez donc remplacer ce protocole par le protocole squelette.
+
+Ce protocole a une implémentation par défaut:
+
+``` swift
+func numSections(in collectionSkeletonView: UITableView) -> Int
+// Par défaut: 1
+```
+
+``` swift
+func collectionSkeletonView(_ skeletonView: UITableView, numberOfRowsInSection section: Int) -> Int
+// Par défaut:
+// Il calcule le nombre de cellules nécessaires pour remplir l'ensemble du tableau
+```
+
+``` swift
+func collectionSkeletonView(_ skeletonView: UITableView, identifierForHeaderInSection section: Int) -> ReusableHeaderFooterIdentifier?
+// Par défaut: nil
+```
+
+``` swift
+func collectionSkeletonView(_ skeletonView: UITableView, identifierForFooterInSection section: Int) -> ReusableHeaderFooterIdentifier?
+// Par défaut: nil
+```
+
+Il n'y a qu'une seule méthode à mettre en œuvre pour faire connaître au Squelette l'identifiant de la cellule. Cette méthode n'a pas d'implémentation par défaut :
+``` swift
+ func collectionSkeletonView(_ skeletonView : UITableView, cellIdentifierForRowAt indexPath : IndexPath) -> ReusableCellIdentifier
+```
+
+**Exemple**
+``` swift
+ func collectionSkeletonView(_ skeletonView : UITableView, cellIdentifierForRowAt indexPath : IndexPath) -> ReusableCellIdentifier {
+    return "CellIdentifier".
+}
+ ```
+
+> **IMPORTANT!**
+> Si vous utilisez des cellules redimensionnables (`tableView.rowHeight = UITableViewAutomaticDimension` ), il est obligatoire de définir la `estimatedRowHeight`.
+
+👩🏼 **Comment préciser quels éléments sont squelettisables ?
+
+Voici une illustration qui montre comment vous devez spécifier quels éléments sont squelettisables lorsque vous utilisez une `UITableView` :
+
+![](Assets/tableview_scheme.png)
+
+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`.
+
+#### UICollectionView
+
+Pour ```UICollectionView```, vous devez conformer le protocole `SkeletonCollectionViewDataSource`.
+
+``` swift
+public protocol SkeletonCollectionViewDataSource: UICollectionViewDataSource {
+    func numSections(in collectionSkeletonView: UICollectionView) -> Int
+    func collectionSkeletonView(_ skeletonView: UICollectionView, numberOfItemsInSection section: Int) -> Int
+    func collectionSkeletonView(_ skeletonView: UICollectionView, cellIdentifierForItemAt indexPath: IndexPath) -> ReusableCellIdentifier
+}
+```
+
+Le reste du processus ressemble à une `UITableView`.
+
+### 📰 Texte multiligne
+
+![](Assets/multilines2.png)
+
+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.
+
+##### 🎛 Personnaliser
+
+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%` | ![](Assets/multiline_lastline.png)
+| **Corner radius** des lignes. (**NEW**) | `0...10` | `0` | ![](Assets/multiline_corner.png)
+
+
+Pour modifier le pourcentage ou le rayon **à l'aide du code**, définissez les propriétés :
+``` swift
+descriptionTextView.lastLineFillPercent = 50
+descriptionTextView.linesCornerRadius = 5
+```
+
+Ou, si vous préférez, utilisez l'**IB/Storyboard** :
+
+![](Assets/multiline_customize.png)
+
+### 🎨 Couleurs personnalisées
+
+Vous pouvez décider la couleur du squelette. Il vous suffit de passer comme paramètre la couleur ou le gradient que vous souhaitez.
+
+**Utiliser des couleurs solides**
+``` swift
+view.showSkeleton(usingColor : UIColor.gray) // Solide
+// ou
+view.showSkeleton(usingColor : UIColor(red : 25.0, green : 30.0, blue : 255.0, alpha : 1.0))
+```
+**Utilisation des gradients**
+``` swift
+let gradient = SkeletonGradient(baseColor : UIColor.midnightBlue)
+view.showGradientSkeleton(usingGradient : gradient) // Gradient
+```
+
+En outre, `SkeletonView` dispose de 20 couleurs unies 🤙🏼
+
+`UIColor.turquoise, UIColor.greenSea, UIColor.sunFlower, UIColor.flatOrange ...`
+
+![](Assets/flatcolors.png)
+###### Image tirée du site web [https://flatuicolors.com](https://flatuicolors.com)
+
+### 🦋 Présentation
+
+**NOUVEAU** Les squelettes ont une apparence par défaut. Ainsi, lorsque vous ne spécifiez pas la couleur, le gradient ou les propriétés multilignes, `SkeletonView` utilise les valeurs par défaut.
+
+Valeurs par défaut :
+- **tintColor** : UIColor
+    - *défaut : `.skeletonDefault` (comme `.clouds` mais adaptable au thème sombre)*
+- **gradient** : SkeletonGradient
+  - *défaut : `SkeletonGradient(baseColor : .skeletonDefault)`*
+- **multilineHeight** : CGFloat
+  - *défaut : 15*
+- **multilineSpacing** : CGFloat
+  - *défaut : 10*
+- **multilineLastLineFillPercent** : Int
+  - *défaut : 70*
+- **multilineCornerRadius** : Int
+  - *défaut : 0*
+- **skeletonCornerRadius** : CGFloat (IBInspectable) (Faites votre vue squelette avec des coins)
+  - *défaut : 0*
+
+Pour obtenir ces valeurs par défaut, vous pouvez utiliser `SkeletonAppearance.default`. En utilisant cette propriété, vous pouvez également définir les valeurs :
+``` swift
+SkeletonAppearance.default.multilineHeight = 20
+SkeletonAppearance.default.tintColor = .green
+```
+
+### 🤓 Animations personnalisées
+
+`SkeletonView` a deux animations intégrées, *pulse* pour les squelettes solides et *sliding* pour les gradients.
+
+De plus, si vous voulez faire votre propre animation de squelette, c'est très facile.
+
+Skeleton fournit la fonction `showAnimatedSkeleton` qui possède une fermeture `SkeletonLayerAnimation` où vous pouvez définir votre animation personnalisée.
+
+``` swift
+public typealias SkeletonLayerAnimation = (CALayer) -> CAAnimation
+```
+
+Vous pouvez appeler la fonction comme ceci :
+
+```swift
+view.showAnimatedSkeleton { (layer) -> CAAnimation in
+  let animation = CAAnimation()
+  // Personnalisez ici votre animation
+
+  return animation
+}
+```
+
+`SkeletonAnimationBuilder` est disponible. C'est un constructeur pour faire `SkeletonLayerAnimation`.
+
+Aujourd'hui, vous pouvez créer des **animations glissantes** pour les gradients, en décidant de la **direction** et en fixant la **durée** de l'animation (par défaut = 1,5s).
+
+```swift
+// func makeSlidingAnimation(withDirection direction : GradientDirection, duration : CFTimeInterval = 1.5) -> SkeletonLayerAnimation
+
+let animation = SkeletonAnimationBuilder().makeSlidingAnimation(withDirection : .leftToRight)
+view.showAnimatedGradientSkeleton(usingGradient : gradient, animation : animation)
+
+```
+
+`GradientDirection` est une `enum`, avec ces cas :
+
+| Direction | Aperçu
+|------- | -------
+| .leftRight | ![](Assets/sliding_left_to_right.gif)
+| .rightLeft | ![](Assets/sliding_right_to_left.gif)
+| .topBottom | ![](Assets/sliding_top_to_bottom.gif)
+| .bottomTop | ![](Assets/sliding_bottom_to_top.gif)
+| .topLeftBottomRight | ![](Assets/sliding_topLeft_to_bottomRight.gif)
+| .bottomRightTopLeft | ![](Assets/sliding_bottomRight_to_topLeft.gif)
+
+> **😉 TRICK!**
+Il existe une autre façon de créer des animations de glissement, en utilisant simplement ce raccourci :
+>>```let animation = GradientDirection.leftToRight.slidingAnimation()```
+
+### 🏄 Transitions
+
+`SkeletonView` a des transitions intégrées pour **montrer** ou **cacher** les squelettes d'une manière *lisse* 🤙
+
+Pour utiliser la transition, il suffit d'ajouter le paramètre "transition" à votre fonction `showSkeleton()` ou `hideSkeleton()` avec le temps de transition, comme ceci :
+
+```swift
+view.showSkeleton(transition : .crossDissolve(0.25))     //Montrer la transition de dissolution croisée du squelette avec un temps de fondu de 0,25 seconde
+view.hideSkeleton(transition : .crossDissolve(0.25))     //Cachez la transition de dissolution croisée du squelette avec un temps de fondu de 0,25 seconde
+```
+
+La valeur par défaut est `crossDissolve(0.25)`.
+
+**Preview**
+
+<table>
+<tr>
+<td width="50%">
+<center>None</center>
+</td>
+<td width="50%">
+<center>Cross dissolve</center>
+</td>
+</tr>
+<tr>
+<td width="50%">
+<img src="Assets/skeleton_transition_nofade.gif"></img>
+</td>
+<td width="50%">
+<img src="Assets/skeleton_transition_fade.gif"></img>
+</td>
+</tr>
+</table>
+
+### 👨👧👦 Hiérarchie
+
+Puisque `SkeletonView` est récursif, et que nous voulons que le squelette soit très efficace, nous voulons arrêter la récursivité dès que possible. Pour cette raison, vous devez définir la vue du conteneur comme `Skeletonable`, parce que Skeleton arrêtera de chercher des sous-vues `squelettisables` dès qu'une vue n'est pas `Skeletonable`, cassant alors la récursivité.
+
+Parce qu'une image vaut mille mots :
+
+Dans cet exemple, nous avons un `UIViewController` avec une `ContainerView` et une `UITableView`. Lorsque la vue est prête, nous montrons le squelette en utilisant cette méthode :
+```
+view.showSkeleton()
+```
+
+> ```isSkeletonable```= ☠️
+
+| Configuration | Résultat|
+|:-------:|:-------:|
+|<img src="Assets/no_skeletonable.jpg" width="350"/> | <img src="Assets/no_skeletonables_result.png" width="350"/>|
+|<img src="Assets/container_no_skeletonable.jpg" width="350"/> | <img src="Assets/no_skeletonables_result.png" width="350"/>|
+|<img src="Assets/container_skeletonable.jpg" width="350"/> | <img src="Assets/container_skeletonable_result.png" width="350"/>|
+|<img src="Assets/all_skeletonables.jpg" width="350"/>| <img src="Assets/all_skeletonables_result.png" width="350"/>|
+|<img src="Assets/tableview_no_skeletonable.jpg" width="350"/> | <img src="Assets/tableview_no_skeletonable_result.png" height="350"/>|
+|<img src="Assets/tableview_skeletonable.jpg" width="350"/> | <img src="Assets/tableview_skeletonable_result.png" height="350"/>|
+
+### 🔬 Débugger
+
+**NOUVEAU** Afin de faciliter les tâches de debuggage lorsque quelque chose ne fonctionne pas bien. `SkeletonView` a de nouveaux outils.
+
+Tout d'abord, `UIView` a une nouvelle propriété disponible avec son squelette d'information :
+```swift
+var skeletonDescription : String
+```
+La représentation du squelette ressemble à ceci :
+
+![](Assets/debug_description.png)
+
+En outre, vous pouvez activer le nouveau mode **debug**. Il suffit d'ajouter la variable d'environnement `SKELETON_DEBUG` et de l'activer.
+
+![](Assets/debug_mode.png)
+
+Ensuite, lorsque le squelette apparaît, vous pouvez voir la hiérarchie des vues dans la console Xcode.
+
+<details>
+<summary>Ouvrez pour voir un exemple de sortie</summary>
+<img src="Assets/hierarchy_output.png" />
+</details>
+
+### 📚 Documentation
+Bientôt disponible...😅
+
+### 📋 Versions OS et SDK supportées
+
+* iOS 9.0+
+* tvOS 9.0+
+* Swift 5
+
+## 📬 Prochaines étapes
+
+* [x] Fixer le pourcentage de remplissage de la dernière ligne dans les éléments multilignes
+* [x] Ajout d'autres animations en dégradé
+* [x] Cellules redimensionnables prises en charge
+* [x] Compatible avec CollectionView
+* [x] Compatible avec tvOS
+* [x] Ajouter l'état de recouvrement
+* [x] Apparence personnalisée par défaut
+* [x] Mode de debuggage
+* [x] Ajouter des animations lorsqu'il montre/cache les squelettes
+* [ ] Compatible avec les collections personnalisées
+* [ ] Compatible avec MacOS et WatchOS
+
+## ❤️ Contribuer
+Il s'agit d'un projet open source, alors n'hésitez pas à y contribuer. Comment ?
+- Ouvrez un [numéro](https://github.com/Juanpe/SkeletonView/issues/new).
+- Envoyez vos commentaires via [email](mailto://juanpecatalan.com).
+- Proposez vos propres correctifs, suggestions et ouvrez une `pull request` avec les changements.
+
+Voir [tous les contributeurs](https://github.com/Juanpe/SkeletonView/graphs/contributors)
+
+###### Projet généré avec [SwiftPlate](https://github.com/JohnSundell/SwiftPlate)
+
+## 📢 Mentions
+
+- [iOS Dev Weekly #327](https://iosdevweekly.com/issues/327#start)
+- [Hacking with Swift Articles] (https://www.hackingwithswift.com/articles/40/skeletonview-makes-loading-content-beautiful)
+- [Top 10 articles Swift de novembre] (https://medium.mybridge.co/swift-top-10-articles-for-the-past-month-v-nov-2017-dfed7861cd65)
+- [30 bibliothèques incroyables pour iOS Swift (v2018)](https://medium.mybridge.co/30-amazing-ios-swift-libraries-for-the-past-year-v-2018-7cf15027eee9)
+- [AppCoda Weekly #44](http://digest.appcoda.com/issues/appcoda-weekly-issue-44-81899)
+- [iOS Cookies Newsletter #103](https://us11.campaign-archive.com/?u=cd1f3ed33c6527331d82107ba&id=48131a516d)
+- [Bulletin d'information sur les développements Swift #113](https://andybargh.com/swiftdevelopments-113/)
+- [iOS Goodies #204](http://ios-goodies.com/post/167557280951/week-204)
+- [Swift Weekly #96](http://digest.swiftweekly.com/issues/swift-weekly-issue-96-81759)
+- [CocoaControls](https://www.cocoacontrols.com/controls/skeletonview)
+- [Bulletin d'information Génial iOS #74](https://ios.libhunt.com/newsletter/74)
+- [Swift News #36](https://www.youtube.com/watch?v=mAGpsQiy6so)
+- [Meilleurs articles sur iOS, nouveaux outils et plus](https://medium.com/flawless-app-stories/best-ios-articles-new-tools-more-fcbe673e10d)
+
+## 👨🏻‍💻 Auteur
+[1.1]: http://i.imgur.com/tXSoThF.png
+[1]: http://www.twitter.com/JuanpeCatalan
+
+* Juanpe Catalán [![alt text][1.1]][1]
+
+<a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/CDou4xtIK"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy me a coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;"><span style="margin-left:5px"></span></a>
+
+## 👮🏻 Licence
+
+```
+MIT License
+
+Copyright (c) 2017 Juanpe Catalán
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```

README_ko.md

@@ -0,0 +1,498 @@
+![](Assets/header2.jpg)
+
+<p align="center">
+    <a href="https://github.com/Juanpe/SkeletonView/workflows/build">
+      <img src="https://github.com/Juanpe/SkeletonView/workflows/build/badge.svg">
+    </a>
+    <a href="https://codebeat.co/projects/github-com-juanpe-skeletonview-master"><img alt="codebeat badge" src="https://codebeat.co/badges/f854fdfd-31e5-4689-ba04-075d83653e60" /></a>
+    <img src="https://img.shields.io/badge/Swift-5-orange.svg" />
+    <img src="http://img.shields.io/badge/dependency%20manager-swiftpm%2Bcocoapods%2Bcarthage-green" />
+    <img src="https://img.shields.io/badge/platforms-ios%2Btvos-green" />
+    <a href="https://badge.bow-swift.io/recipe?name=SkeletonView&description=An%20elegant%20way%20to%20show%20users%20that%20something%20is%20happening%20and%20also%20prepare%20them%20to%20which%20contents%20he%20is%20waiting&url=https://github.com/juanpe/skeletonview&owner=Juanpe&avatar=https://avatars0.githubusercontent.com/u/1409041?v=4&tag=1.8.7"><img src="https://raw.githubusercontent.com/bow-swift/bow-art/master/badges/nef-playgrounds-badge.svg" alt="SkeletonView Playground" style="height:20px"></a>   
+    <br/>
+    <a href="https://twitter.com/JuanpeCatalan">
+        <img src="https://img.shields.io/badge/contact-@JuanpeCatalan-blue.svg?style=flat" alt="Twitter: @JuanpeCatalan" />
+    </a>
+    <a href="https://gitter.im/SkeletonView/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge">
+        <img src="https://badges.gitter.im/SkeletonView/community.svg?style=flat" />
+    </a>
+    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=MJ4Y2D9DEX6FL&lc=ES&item_name=SkeletonView&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">
+        <img src="https://img.shields.io/badge/Donate-PayPal-green.svg" alt="PayPal" />
+    <a href="https://twitter.com/intent/tweet?text=Wow%20This%20library%20is%20awesome:&url=https%3A%2F%2Fgithub.com%2FJuanpe%2FSkeletonView">
+      <img src="https://img.shields.io/twitter/url/https/github.com/Juanpe/SkeletonView.svg?style=social" alt="License" />
+    </a>
+</p>
+
+🌎  번역에 도움을 주신분들: </br>
+[Original](https://github.com/Juanpe/SkeletonView) </br>
+[🇨🇳](https://github.com/Juanpe/SkeletonView/blob/master/README_zh.md)  [@WhatsXie](https://twitter.com/WhatsXie) </br>
+[🇧🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_pt-br.md)  [@brunomunizaf](https://twitter.com/brunomuniz_af) </br>
+[🇰🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_ko.md)  [@techinpark](https://twitter.com/techinpark) </br>
+[🇫🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_fr.md)  [@OmarJalil](https://github.com/OmarJalil)
+
+오늘날 거의 대부분의 앱들은 비동기 방식의 API 호출을 사용하는 프로세스를 가지고 있습니다.
+프로세스가 작동하는동안 개발자들은 작업이 실행되고 있다는것을 사용자들에게 보여주기 위해서 로딩 뷰를 배치합니다.
+
+```SkeletonView```는 이러한 필요에 의해 고안되었고, 사용자들에게 무엇인가 로딩이 되고 있다는것을 보여주면서 기다리는 콘텐츠에 대해서도 미리 준비할 수 있게 해주는 우아하게 표현할수 있는 방법입니다
+
+맘껏 누리세요 🙂
+
+* [기능](#-features)
+* [가이드](#-guides)
+* [설치방법](#-installation)
+  * [Cocoapods](#using-cocoapods)
+  * [Carthage](#using-carthage)
+  * [SPM](#using-swift-package-manager)
+* [어떻게 사용하나요?](#-how-to-use)
+  * [Collections](#-collections)
+  * [Multiline text](#-multiline-text)
+  * [Custom colors](#-custom-colors)
+  * [Appearance](#-appearance)
+  * [Custom animations](#-custom-animations)
+  * [Hierarchy](#-hierarchy)
+  * [Debug](#-debug)
+* [문서화](#-documentation)
+* [지원되는 OS와 SDK 버전](#-supported-os--sdk-versions)
+* [Next steps](#-next-steps)
+* [Contributing](#-contributing)
+* [Mentions](#-mentions)
+* [개발자](#-author)
+* [라이센스](#-license)
+
+
+## 🌟 기능
+
+- [x] 사용이 쉽습니다
+- [x] 모든 `UIView`에서 사용가능합니다
+- [x] 전체 커스터마이징이 가능합니다
+- [x] 공통으로 이용가능합니다 (iPhone & iPad)
+- [x] `Interface Builder` 에서 사용 가능합니다.
+- [x] 간단한 스위프트 문법
+- [x] 가볍고 가독성 좋은 코드
+
+## 🎬 사용가이드
+
+ [<img src="Assets/thumb_getting_started.png">](https://youtu.be/75kgOhWsPNA)
+
+## 📲 설치 방법
+
+#### [CocoaPods](https://cocoapods.org) 로 사용하기
+
+당신의 프로젝트 `Podfile` 파일에 아래와 같이 입력합니다:
+
+```ruby
+pod "SkeletonView"
+```
+
+#### [Carthage](https://github.com/carthage)로 사용하기
+
+당신의 프로젝트 `Cartfile` 파일에 아래와 같이 입력합니다:
+
+```bash
+github "Juanpe/SkeletonView"
+```
+
+#### [Swift Package Manager](https://github.com/apple/swift-package-manager)로 사용하기
+
+
+당신의 프로젝트에 Swift package를 설정한다면, `SkeletonView` 를 `Package.swift` 파일에 있는 `dependencies`에 추가하시면 됩니다.
+
+
+```swift
+  dependencies: [
+    .package(url: "https://github.com/Juanpe/SkeletonView.git", from: "1.6")
+  ]
+```
+
+
+
+## 🐒 어떻게 사용하나요?
+
+`SkeletonView` 를 이용하기 위해서는 딱 **3** 단계만 기억하세요:
+
+**1.** 사용하고자 하는 파일에서 `SkeletonView` 를 `Import` 합니다.
+```swift
+import SkeletonView
+```
+
+**2.** 자, 그렇다면 UIView 속성에  `skeletonables` 를 이용하실 수 있습니다. 두가지 옵션이 있습니다
+
+**코드로 사용하는 방법:**
+```swift
+avatarImageView.isSkeletonable = true
+```
+**인터페이스빌더 / 스토리보드를 이용하는 방법:**
+
+![](Assets/storyboard.png)
+
+**3.** 당신이 뷰를 세팅할때, **skeleton** 옵션을 사용 할 수 있습니다. 총 **4** 가지 옵션을 지원합니다:
+
+```swift
+(1) view.showSkeleton()                 // Solid
+(2) view.showGradientSkeleton()         // Gradient
+(3) view.showAnimatedSkeleton()         // Solid animated
+(4) view.showAnimatedGradientSkeleton() // Gradient animated
+```
+
+**미리보기**
+
+<table>
+<tr>
+<td width="25%">
+<center>Solid</center>
+</td>
+<td width="25%">
+<center>Gradient</center>
+</td>
+<td width="25%">
+<center>Solid Animated</center>
+</td>
+<td width="25%">
+<center>Gradient Animated</center>
+</td>
+</tr>
+<tr>
+<td width="25%">
+<img src="Assets/solid.png"></img>
+</td>
+<td width="25%">
+<img src="Assets/gradient.png"></img>
+</td>
+<td width="25%">
+<img src="Assets/solid_animated.gif"></img>
+</td>
+<td width="25%">
+<img src="Assets/gradient_animated.gif"></img>
+</td>
+</tr>
+</table>
+
+> **중요!**
+>>```SkeletonView``` 는 재귀적으로 되어있습니다, 만약 모든 뷰에 대해서 skeleton을 호출하고 싶다면, 메인 컨테이너 뷰에서 show `method`를 호출하여야 합니다. 예를 들자면 UIViewControllers가 있습니다.
+
+
+
+### 🌿 Collections
+
+ 현재, ```SkeletonView``` 는  ```UITableView``` 와 ```UICollectionView```에서 호환됩니다.
+
+#### UITableView
+
+만약 ```UITableView```에서 skeleton을 호출하고 싶다면, ```SkeletonTableViewDataSource``` protocol 을 구현하여야 합니다.
+
+``` swift
+public protocol SkeletonTableViewDataSource: UITableViewDataSource {
+    func numSections(in collectionSkeletonView: UITableView) -> Int
+    func collectionSkeletonView(_ skeletonView: UITableView, numberOfRowsInSection section: Int) -> Int
+    func collectionSkeletonView(_ skeletonView: UITableView, cellIdentifierForRowAt indexPath: IndexPath) -> ReusableCellIdentifier
+}
+```
+
+해당 프로토클은 보시다시피  ```UITableViewDataSource```를 상속받아 구현하였으므로, skeleton의 protocol과 대체 가능합니다.
+
+프로토콜의 기본 구현은 다음과 같습니다:
+
+``` swift
+func numSections(in collectionSkeletonView: UITableView) -> Int
+// Default: 1
+```
+
+``` swift
+func collectionSkeletonView(_ skeletonView: UITableView, numberOfRowsInSection section: Int) -> Int
+// Default:
+// 전체 테이블 뷰를 채우는데 필요한 셀 수를 계산합니다
+```
+
+해당 메소드는 당신이 구현하여야할 cell identifier을 아는 경우에만 사용합니다, 해당 메소드는 기본으로 구현하지 않아도됩니다 :
+
+ ``` swift
+ func collectionSkeletonView(_ skeletonView: UITableView, cellIdentifierForRowAt indexPath: IndexPath) -> ReusableCellIdentifier
+ ```
+
+**Example**
+ ``` swift
+ func collectionSkeletonView(_ skeletonView: UITableView, cellIdentifierForRowAt indexPath: IndexPath) -> ReusableCellIdentifier {
+    return "CellIdentifier"
+}
+ ```
+
+> **중요!**
+> 만약 사이즈가 변하는 셀을 사용한다면 (`tableView.rowHeight = UITableViewAutomaticDimension` ),`estimatedRowHeight`를 무조건 정의해주세요.
+
+
+👩🏼‍🏫  **어떻게 특정 요소에 skeleton 을 지정할까요?**
+
+아래의 그림은 `UITableView` 에서 특정한 요소에 skeleton 을 지정하는 방법을 보여주는 이미지 입니다:
+
+![](Assets/tableview_scheme.png)
+
+위의 이미지에서 보이듯, 테이블 뷰와 셀에 들어가는 UI 요소들에는 적용을 해야하지만, `contentView`에 skeleton을 적용할 필요는 없습니다.
+
+####  UICollectionView
+
+ ```UICollectionView``` 에 적용을 하기 위해서는, ```SkeletonCollectionViewDataSource``` protocol 을 구현할 필요가 있습니다.
+
+``` swift
+public protocol SkeletonCollectionViewDataSource: UICollectionViewDataSource {
+    func numSections(in collectionSkeletonView: UICollectionView) -> Int
+    func collectionSkeletonView(_ skeletonView: UICollectionView, numberOfItemsInSection section: Int) -> Int
+    func collectionSkeletonView(_ skeletonView: UICollectionView, cellIdentifierForItemAt indexPath: IndexPath) -> ReusableCellIdentifier
+}
+```
+
+```UITableView``` 와 사용방법은 같습니다.
+
+### 📰 Multiline text
+
+
+![](Assets/multilines2.png)
+
+텍스트가 들어있는 요소를 사용한다면, ```SkeletonView``` 에서 텍스트의 라인을 그려줍니다.
+그리고, 원하는 라인 수를 설정할 수 있습니다. 만약   ```numberOfLines``` 을 0으로 설정한다면, 자동으로 필요한 라인수를 계산해서 그려줍니다. 대신 값이 설정되어있다면 설정된 수만큼의 라인이 그려집니다.
+
+##### 🎛 Customize
+
+당신은 멀티라인을 위해 몇가지 옵션을 설정할 수 있습니다.
+
+
+| 속성                                              | 값         | 기본값   | 미리보기                               |
+| ----------------------------------------------- | --------- | ----- | ---------------------------------- |
+| 마지막 라인의 **퍼센트** 를 지정 할 수 있습니다.                  | `0...100` | `70%` | ![](Assets/multiline_lastline.png) |
+| 라인의 **Corner radius** 를 지정할 수 있습니다. (**새로운기능**) | `0...10`  | `0`   | ![](Assets/multiline_corner.png)   |
+
+
+
+라인의 radius를 지정하기 위해서는  **코드** 를 이용합니다, 아래 처럼 코드를 작성합니다:
+```swift
+descriptionTextView.lastLineFillPercent = 50
+descriptionTextView.linesCornerRadius = 5
+```
+
+혹은 **IB/Storyboard** 를 이용하실 수 있습니다:
+
+![](Assets/multiline_customize.png)
+
+### 🎨 Custom colors
+
+당신은 skeleton의 색상을 지정 할 수 있습니다. 간단하게 원하는 색상을 파라미터로 넘겨주시면 됩니다.
+
+**단색 이용방법**
+``` swift
+view.showSkeleton(usingColor: UIColor.gray) // Solid
+// or
+view.showSkeleton(usingColor: UIColor(red: 25.0, green: 30.0, blue: 255.0, alpha: 1.0))
+```
+**그라디언트 이용 방법**
+``` swift
+let gradient = SkeletonGradient(baseColor: UIColor.midnightBlue)
+view.showGradientSkeleton(usingGradient: gradient) // Gradient
+```
+
+게다가, ```SkeletonView``` 에서는 20가지의 기본 컬러를 지원합니다 🤙🏼
+
+```UIColor.turquoise, UIColor.greenSea, UIColor.sunFlower, UIColor.flatOrange  ...```
+
+![](Assets/flatcolors.png)
+###### 위 이미지는 [https://flatuicolors.com](https://flatuicolors.com) 사이트에서 발췌했습니다.
+
+### 🦋 Appearance
+
+**새로운 사항** skeleton 은  기본설정 값이 정해져 있습니다. 만약 커스텀 컬러를 사용할 필요가 없다면, `SkeletonView` 에 지정 되어있는 기본설정을 사용하시면 됩니다.
+
+기본 설정값:
+- **tintColor**: UIColor
+    - *기본값: .clouds*
+- **gradient**: SkeletonGradient
+  - *기본값: SkeletonGradient(baseColor: .clouds)*
+- **multilineHeight**: CGFloat
+  - *기본값: 15*
+- **multilineSpacing**: CGFloat
+  - *기본값: 10*
+- **multilineLastLineFillPercent**: Int
+  - *기본값: 70*
+- **multilineCornerRadius**: Int
+  - *기본값: 0*
+
+`SkeletonAppearance.default` 에는 사용 되어지는 기본 값들이 설정되어 있습니다 . 아래의 코드와 같이 사용할 수 있습니다:
+```Swift
+SkeletonAppearance.default.multilineHeight = 20
+SkeletonAppearance.default.tintColor = .green
+```
+
+
+### 🤓 커스텀 애니메이션
+
+```SkeletonView``` 에는 두가지 애니메이션이 내장되어 있습니다, 단색 *바운스* 애니메이션과  그라디언트 *슬라이드* 애니메이션 입니다 .
+
+게다가, 직접 애니메이션을 추가하고 싶다면 정말 간단합니다.
+
+
+Skeleton 에서는 `showAnimatedSkeleton` 함수를  ```SkeletonLayerAnimation```에 정의하여 맞춤형 애니메이션을 정의할 수 있도록 되어 있습니다.
+
+```swift
+public typealias SkeletonLayerAnimation = (CALayer) -> CAAnimation
+```
+
+함수는 이렇게 호출 가능합니다:
+
+```swift
+view.showAnimatedSkeleton { (layer) -> CAAnimation in
+  let animation = CAAnimation()
+  // Customize here your animation
+
+  return animation
+}
+```
+
+```SkeletonAnimationBuilder```의 사용이 가능합니다. ```SkeletonLayerAnimation```을 만들기 위해 사용됩니다.
+
+이제, 그라디언트를 위한 **슬라이딩 애니메이션** 을 만들 수 있습니다, 애니메이션을 위한  **방향** 과  **지속시간** 을 설정 할 수 있습니다.  (기본값 = 1.5초).
+
+```swift
+// func makeSlidingAnimation(withDirection direction: GradientDirection, duration: CFTimeInterval = 1.5) -> SkeletonLayerAnimation
+
+let animation = SkeletonAnimationBuilder().makeSlidingAnimation(withDirection: .leftToRight)
+view.showAnimatedGradientSkeleton(usingGradient: gradient, animation: animation)
+
+```
+
+```GradientDirection``` 는 enum 으로 정의 되어있습니다., 아래의 케이스를 참조하세요:
+
+| 방향                  | 미리보기                                           |
+| ------------------- | ---------------------------------------------- |
+| .leftRight          | ![](Assets/sliding_left_to_right.gif)          |
+| .rightLeft          | ![](Assets/sliding_right_to_left.gif)          |
+| .topBottom          | ![](Assets/sliding_top_to_bottom.gif)          |
+| .bottomTop          | ![](Assets/sliding_bottom_to_top.gif)          |
+| .topLeftBottomRight | ![](Assets/sliding_topLeft_to_bottomRight.gif) |
+| .bottomRightTopLeft | ![](Assets/sliding_bottomRight_to_topLeft.gif) |
+
+> **😉 꿀팁!**
+슬라이딩 애니메이션을 만들기 위한 또다른 방법이 있습니다, 아래의 코드를 참조하세요:
+>>```let animation = GradientDirection.leftToRight.slidingAnimation()```
+
+### 👨‍👧‍👦 계층 구조
+
+```SkeletonView```는 재귀적입니다 , 그리고 우리는 skeleton이 효율적으로 작동하기를 원하기 때문에, 가능한 빨리 재귀작업을 중단하기를 원합니다. 이러한 이유때문에 반드시 컨테이너 뷰를  `Skeletonable` 로 설정해야 합니다,  `skeletonable` 되지 않는 뷰를 만나는 순간 재귀 작업을 중단하기 떄문입니다.
+
+아래의 이미지를 참고하세요 이미지는 한눈에 이해되실겁니다:
+
+> ```ìsSkeletonable```= ☠️
+
+| 설정값                             | 결과                                        |
+| ----------------------------------------- | --------------------------------------------- |
+| ![](Assets/no_skeletonable.png)           | ![](Assets/no_skeletonables_result.png)       |
+| ![](Assets/container_no_skeletonable.png) | ![](Assets/no_skeletonables_result.png)       |
+| ![](Assets/container_skeletonable.png)    | ![](Assets/container_skeletonable_result.png) |
+| ![](Assets/all_skeletonables.png)         | ![](Assets/all_skeletonables_result.png)      |
+
+
+### 🔬 디버그
+
+**새로운소식** 어떤것들이 잘 동작 하지 않을때를 위해 디버그 작업을 용이하게 하기 위해서  `SkeletonView` 에는 몇가지 새로운 것들이 있습니다.
+
+첫번쨰로, `UIView` 에서 skeleton 정보를 보기위해 다음과 같이 지원하고 있습니다:
+```swift
+var skeletonDescription: String
+
+```
+skeleton은 이렇게 생겼습니다:
+
+![](Assets/debug_description.png)
+
+그리고, 새로운 **디버그 모드**를 활성화 시킬 수 있습니다. 간단하게 `SKELETON_DEBUG` 이라는 환경 변수를 추가해 활성화 하면 됩니다.
+
+![](Assets/debug_mode.png)
+
+그런 이후 skeleton이 나오면 Xcode 콘솔창에서 계층 구조를 볼 수 있습니다.
+
+<details>
+<summary>예제를 확인해보세요. </summary>
+<img src="Assets/hierarchy_output.png" />
+</details>
+
+
+
+### 📚 문서화
+조금만 기다려주세요...😅
+
+### 📋 지원 가능한 OS & SDK 버전
+
+* iOS 9.0+
+* tvOS 9.0+
+* Swift 4.2
+
+## 📬 예정된 기능들
+
+* [x] 멀티라인 에서의 마지막 라인의 채우기 비율 설정
+* [x] 더많은 그라디언트 애니메이션
+* [x] resizable cells 지원
+* [x] CollectionView 호환
+* [x] tvOS 호환
+* [x] recovery state 추가
+* [x] Custom default appearance
+* [x] 디버그 모드
+* [ ] Custom collections 호환
+* [ ] skeletons 가 보이거나 가려질때 애니메이션 추가
+* [ ] MacOS 와 WatchOS 호환
+
+## ❤️ 기여하기
+이 프로젝트는 오픈소스 프로젝트 입니다, 마음편하게 기여해주시면 됩니다 어떻게 하냐구요?
+- 새로운 [이슈](https://github.com/Juanpe/SkeletonView/issues/new)를 등록합니다.
+- [email](mailto://juanpecatalan.com)을 보냅니다.
+- 당신의 수정을 제안합니다, pull request를 포함한 수정을 권장합니다.
+
+전체 [기여자목록](https://github.com/Juanpe/SkeletonView/graphs/contributors)
+
+###### [SwiftPlate](https://github.com/JohnSundell/SwiftPlate)를 통해 프로젝트가 생성되었습니다
+
+## 📢 소식들
+
+- [iOS Dev Weekly #327](https://iosdevweekly.com/issues/327#start)
+- [Hacking with Swift Articles](https://www.hackingwithswift.com/articles/40/skeletonview-makes-loading-content-beautiful)
+- [Top 10 Swift Articles November](https://medium.mybridge.co/swift-top-10-articles-for-the-past-month-v-nov-2017-dfed7861cd65)
+- [30 Amazing iOS Swift Libraries (v2018)](https://medium.mybridge.co/30-amazing-ios-swift-libraries-for-the-past-year-v-2018-7cf15027eee9)
+- [AppCoda Weekly #44](http://digest.appcoda.com/issues/appcoda-weekly-issue-44-81899)
+- [iOS Cookies Newsletter #103](https://us11.campaign-archive.com/?u=cd1f3ed33c6527331d82107ba&id=48131a516d)
+- [Swift Developments Newsletter #113](https://andybargh.com/swiftdevelopments-113/)
+- [iOS Goodies #204](http://ios-goodies.com/post/167557280951/week-204)
+- [Swift Weekly #96](http://digest.swiftweekly.com/issues/swift-weekly-issue-96-81759)
+- [CocoaControls](https://www.cocoacontrols.com/controls/skeletonview)
+- [Awesome iOS Newsletter #74](https://ios.libhunt.com/newsletter/74)
+- [Swift News #36](https://www.youtube.com/watch?v=mAGpsQiy6so)
+
+
+
+## 👨🏻‍💻 개발자
+[1.1]: http://i.imgur.com/tXSoThF.png
+[1]: http://www.twitter.com/JuanpeCatalan
+
+* Juanpe Catalán [![alt text][1.1]][1]
+
+<a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/CDou4xtIK"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy me a coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;"><span style="margin-left:5px"></span></a>
+
+## 👮🏻 라이센스
+
+```
+MIT License
+
+Copyright (c) 2017 Juanpe Catalán
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```

README_pt-br.md

@@ -1,39 +1,34 @@
 ![](Assets/header2.jpg)
 
 <p align="center">
-    <a href="https://travis-ci.org/Juanpe/SkeletonView">
-      <img src="https://img.shields.io/travis/Juanpe/SkeletonView.svg">
-    </a>
-    <a href="https://instagram.github.io/IGListKit/">
-        <img src="https://img.shields.io/cocoapods/p/SkeletonView.svg" alt="Platforms">
-    </a>
-    <img src="https://img.shields.io/badge/Swift-4.2-orange.svg" />
-    <a href="https://cocoapods.org/pods/SkeletonView">
-        <img src="https://img.shields.io/cocoapods/v/SkeletonView.svg" alt="CocoaPods" />
-    </a>
-    <a href="https://github.com/Carthage/Carthage">
-        <img src="https://img.shields.io/badge/carthage-compatible-4BC51D.svg?style=flat" alt="Carthage" />
-    </a>
-    <a href="https://cocoapods.org/pods/SkeletonView">
-        <img src="https://img.shields.io/cocoapods/dt/SkeletonView.svg?style=flat" alt="CocoaPods downloads" />
+    <a href="https://github.com/Juanpe/SkeletonView/workflows/build">
+      <img src="https://github.com/Juanpe/SkeletonView/workflows/build/badge.svg">
     </a>
+    <a href="https://codebeat.co/projects/github-com-juanpe-skeletonview-master"><img alt="codebeat badge" src="https://codebeat.co/badges/f854fdfd-31e5-4689-ba04-075d83653e60" /></a>
+    <img src="https://img.shields.io/badge/Swift-5-orange.svg" />
+    <img src="http://img.shields.io/badge/dependency%20manager-swiftpm%2Bcocoapods%2Bcarthage-green" />
+    <img src="https://img.shields.io/badge/platforms-ios%2Btvos-green" />
+    <a href="https://badge.bow-swift.io/recipe?name=SkeletonView&description=An%20elegant%20way%20to%20show%20users%20that%20something%20is%20happening%20and%20also%20prepare%20them%20to%20which%20contents%20he%20is%20waiting&url=https://github.com/juanpe/skeletonview&owner=Juanpe&avatar=https://avatars0.githubusercontent.com/u/1409041?v=4&tag=1.8.7"><img src="https://raw.githubusercontent.com/bow-swift/bow-art/master/badges/nef-playgrounds-badge.svg" alt="SkeletonView Playground" style="height:20px"></a>   
+    <br/>
     <a href="https://twitter.com/JuanpeCatalan">
         <img src="https://img.shields.io/badge/contact-@JuanpeCatalan-blue.svg?style=flat" alt="Twitter: @JuanpeCatalan" />
     </a>
-    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=MJ4Y2D9DEX6FL&lc=ES&item_name=SkeletonView&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">
-        <img src="https://img.shields.io/badge/Donate-PayPal-green.svg" alt="Paypal" />
+    <a href="https://gitter.im/SkeletonView/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge">
+        <img src="https://badges.gitter.im/SkeletonView/community.svg?style=flat" />
     </a>
+    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=MJ4Y2D9DEX6FL&lc=ES&item_name=SkeletonView&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">
+        <img src="https://img.shields.io/badge/Donate-PayPal-green.svg" alt="PayPal" />
     <a href="https://twitter.com/intent/tweet?text=Wow%20This%20library%20is%20awesome:&url=https%3A%2F%2Fgithub.com%2FJuanpe%2FSkeletonView">
       <img src="https://img.shields.io/twitter/url/https/github.com/Juanpe/SkeletonView.svg?style=social" alt="License" />
     </a>
-    <a href="https://twitter.com/JuanpeCatalan">
-      <img src="https://img.shields.io/twitter/follow/JuanpeCatalan.svg?style=social&label=Follow" alt="Twitter" />
-    </a>
 </p>
 
 🌎  Traduções: </br>
 [Original](https://github.com/Juanpe/SkeletonView) </br>
-[🇨🇳](https://github.com/Juanpe/SkeletonView/blob/master/README_zh.md) por [@WhatsXie](https://twitter.com/WhatsXie) </br>
+[🇨🇳](https://github.com/Juanpe/SkeletonView/blob/master/README_zh.md)  [@WhatsXie](https://twitter.com/WhatsXie) </br>
+[🇧🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_pt-br.md)  [@brunomunizaf](https://twitter.com/brunomuniz_af) </br>
+[🇰🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_ko.md)  [@techinpark](https://twitter.com/techinpark) </br>
+[🇫🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_fr.md)  [@OmarJalil](https://github.com/OmarJalil)
 
 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.
 

README_zh.md

@@ -1,39 +1,34 @@
 ![](Assets/header2.jpg)
 
 <p align="center">
-    <a href="https://travis-ci.org/Juanpe/SkeletonView">
-      <img src="https://img.shields.io/travis/Juanpe/SkeletonView.svg">
-    </a>
-    <a href="https://instagram.github.io/IGListKit/">
-        <img src="https://img.shields.io/cocoapods/p/SkeletonView.svg" alt="Platforms">
-    </a>
-    <img src="https://img.shields.io/badge/Swift-4.2-orange.svg" />
-    <a href="https://cocoapods.org/pods/SkeletonView">
-        <img src="https://img.shields.io/cocoapods/v/SkeletonView.svg" alt="CocoaPods" />
-    </a>
-    <a href="https://github.com/Carthage/Carthage">
-        <img src="https://img.shields.io/badge/carthage-compatible-4BC51D.svg?style=flat" alt="Carthage" />
-    </a>
-    <a href="https://cocoapods.org/pods/SkeletonView">
-        <img src="https://img.shields.io/cocoapods/dt/SkeletonView.svg?style=flat" alt="CocoaPods downloads" />
+    <a href="https://github.com/Juanpe/SkeletonView/workflows/build">
+      <img src="https://github.com/Juanpe/SkeletonView/workflows/build/badge.svg">
     </a>
+    <a href="https://codebeat.co/projects/github-com-juanpe-skeletonview-master"><img alt="codebeat badge" src="https://codebeat.co/badges/f854fdfd-31e5-4689-ba04-075d83653e60" /></a>
+    <img src="https://img.shields.io/badge/Swift-5-orange.svg" />
+    <img src="http://img.shields.io/badge/dependency%20manager-swiftpm%2Bcocoapods%2Bcarthage-green" />
+    <img src="https://img.shields.io/badge/platforms-ios%2Btvos-green" />
+    <a href="https://badge.bow-swift.io/recipe?name=SkeletonView&description=An%20elegant%20way%20to%20show%20users%20that%20something%20is%20happening%20and%20also%20prepare%20them%20to%20which%20contents%20he%20is%20waiting&url=https://github.com/juanpe/skeletonview&owner=Juanpe&avatar=https://avatars0.githubusercontent.com/u/1409041?v=4&tag=1.8.7"><img src="https://raw.githubusercontent.com/bow-swift/bow-art/master/badges/nef-playgrounds-badge.svg" alt="SkeletonView Playground" style="height:20px"></a>   
+    <br/>
     <a href="https://twitter.com/JuanpeCatalan">
         <img src="https://img.shields.io/badge/contact-@JuanpeCatalan-blue.svg?style=flat" alt="Twitter: @JuanpeCatalan" />
     </a>
-    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=MJ4Y2D9DEX6FL&lc=ES&item_name=SkeletonView&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">
-        <img src="https://img.shields.io/badge/Donate-PayPal-green.svg" alt="Paypal" />
+    <a href="https://gitter.im/SkeletonView/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge">
+        <img src="https://badges.gitter.im/SkeletonView/community.svg?style=flat" />
     </a>
+    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=MJ4Y2D9DEX6FL&lc=ES&item_name=SkeletonView&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">
+        <img src="https://img.shields.io/badge/Donate-PayPal-green.svg" alt="PayPal" />
     <a href="https://twitter.com/intent/tweet?text=Wow%20This%20library%20is%20awesome:&url=https%3A%2F%2Fgithub.com%2FJuanpe%2FSkeletonView">
       <img src="https://img.shields.io/twitter/url/https/github.com/Juanpe/SkeletonView.svg?style=social" alt="License" />
     </a>
-    <a href="https://twitter.com/JuanpeCatalan">
-      <img src="https://img.shields.io/twitter/follow/JuanpeCatalan.svg?style=social&label=Follow" alt="Twitter" />
-    </a>
 </p>
 
 🌎  翻译: [ [原版的](https://github.com/Juanpe/SkeletonView) ] </br>
-[🇧🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_pt-br.md) [@brunomunizaf](https://twitter.com/brunomuniz_af)
-
+[Original](https://github.com/Juanpe/SkeletonView) </br>
+[🇨🇳](https://github.com/Juanpe/SkeletonView/blob/master/README_zh.md)  [@WhatsXie](https://twitter.com/WhatsXie) </br>
+[🇧🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_pt-br.md)  [@brunomunizaf](https://twitter.com/brunomuniz_af) </br>
+[🇰🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_ko.md)  [@techinpark](https://twitter.com/techinpark) </br>
+[🇫🇷](https://github.com/Juanpe/SkeletonView/blob/master/README_fr.md)  [@OmarJalil](https://github.com/OmarJalil)
 
 今天，几乎所有的应用程序都有异步流程，例如：Api请求、长时间运行的流程等。虽然流程正在运行，但通常开发人员会设置一个加载视图来向用户显示正在发生的事情。
 
@@ -73,8 +68,8 @@
 
 ### 📋 版本要求
 
-* iOS 9.0+
-* tvOS 9.0+
+* iOS 10.0+
+* tvOS 10.0+
 * Swift 4.2
 
 ### 🔮 示例

SkeletonView.podspec

@@ -1,6 +1,6 @@
 Pod::Spec.new do |s|
   s.name         = "SkeletonView"
-  s.version      = "1.4.2"
+  s.version      = "1.11.0"
   s.summary      = "An elegant way to show users that something is happening and also prepare them to which contents he is waiting"
   s.description  = <<-DESC
   Today almost all apps have async processes, as API requests, long runing processes, etc. And while the processes are working, usually developers place a loading view to show users that something is going on.
@@ -12,7 +12,7 @@ Pod::Spec.new do |s|
   s.social_media_url   = "https://twitter.com/JuanpeCatalan"
   s.ios.deployment_target = "9.0"
   s.tvos.deployment_target = "9.0"
-  s.swift_version = "4.2"
+  s.swift_version = "5.0"
   s.source       = { :git => "https://github.com/Juanpe/SkeletonView.git", :tag => s.version.to_s }
   s.source_files  = "Sources/**/*"
 end

SkeletonView.xcodeproj/project.pbxproj

@@ -17,7 +17,6 @@
 		17DD0E0F207FB28C00C56334 /* CALayer+Extensions.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5F622421FAC81FD007C062A /* CALayer+Extensions.swift */; };
 		17DD0E10207FB28C00C56334 /* UIColor+Skeleton.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5F622401FAC6E31007C062A /* UIColor+Skeleton.swift */; };
 		17DD0E11207FB28C00C56334 /* UIView+Frame.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5307E2D1FB0E5E400EE67C5 /* UIView+Frame.swift */; };
-		17DD0E12207FB28C00C56334 /* UIView+IBInspectable.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5F899CF1FAA6A4D002E8FDA /* UIView+IBInspectable.swift */; };
 		17DD0E13207FB28C00C56334 /* UIView+UIApplicationDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = F587FB85202CEC95002DB5FE /* UIView+UIApplicationDelegate.swift */; };
 		17DD0E14207FB28F00C56334 /* SkeletonAnimationBuilder.swift in Sources */ = {isa = PBXBuildFile; fileRef = F51DE1081FBF70A70037919A /* SkeletonAnimationBuilder.swift */; };
 		17DD0E15207FB28F00C56334 /* SkeletonAppearance.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5307E2F1FB0EC9D00EE67C5 /* SkeletonAppearance.swift */; };
@@ -29,7 +28,15 @@
 		17DD0E1D207FB32100C56334 /* ContainsMultilineText.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5307E3A1FB123C100EE67C5 /* ContainsMultilineText.swift */; };
 		17DD0E1E207FB32100C56334 /* PrepareForSkeletonProtocol.swift in Sources */ = {isa = PBXBuildFile; fileRef = F56B94451FAE20AF0095662F /* PrepareForSkeletonProtocol.swift */; };
 		17DD0E1F207FB32100C56334 /* RecursiveProtocol.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5307E311FB0F42F00EE67C5 /* RecursiveProtocol.swift */; };
-		3B83EE4820C41488005178A4 /* UIView+IBInspectable.swift in Headers */ = {isa = PBXBuildFile; fileRef = 3B83EE4620C41488005178A4 /* UIView+IBInspectable.swift */; settings = {ATTRIBUTES = (Public, ); }; };
+		1E291F3E2540655D0018D602 /* UIView+Autolayout.swift in Sources */ = {isa = PBXBuildFile; fileRef = 1E291F3D2540655D0018D602 /* UIView+Autolayout.swift */; };
+		1E291F3F2540655D0018D602 /* UIView+Autolayout.swift in Sources */ = {isa = PBXBuildFile; fileRef = 1E291F3D2540655D0018D602 /* UIView+Autolayout.swift */; };
+		1E6C67A2230E76CC0019D87B /* SkeletonTransitionStyle.swift in Sources */ = {isa = PBXBuildFile; fileRef = E4CE587C22EEE65200333067 /* SkeletonTransitionStyle.swift */; };
+		1E6C67A3230E76CE0019D87B /* UIView+Transitions.swift in Sources */ = {isa = PBXBuildFile; fileRef = E4CE587B22EEE63100333067 /* UIView+Transitions.swift */; };
+		1EE42E1F23FF25CC00BF665A /* ProcessInfo+XCTest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 1EE42E1E23FF25CC00BF665A /* ProcessInfo+XCTest.swift */; };
+		1EE42E2023FF25CC00BF665A /* ProcessInfo+XCTest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 1EE42E1E23FF25CC00BF665A /* ProcessInfo+XCTest.swift */; };
+		3467F55F2473601F0086C027 /* UITextView+Multiline.swift in Headers */ = {isa = PBXBuildFile; fileRef = 872D5A5E21C24F8E0037D763 /* UITextView+Multiline.swift */; settings = {ATTRIBUTES = (Public, ); }; };
+		3467F560247360270086C027 /* UIView+IBInspectable.swift in Headers */ = {isa = PBXBuildFile; fileRef = F5804771230ECD0000066D02 /* UIView+IBInspectable.swift */; settings = {ATTRIBUTES = (Public, ); }; };
+		3467F5612473602D0086C027 /* UILabel+Multiline.swift in Headers */ = {isa = PBXBuildFile; fileRef = 872D5A5B21C24EDD0037D763 /* UILabel+Multiline.swift */; settings = {ATTRIBUTES = (Public, ); }; };
 		42ABD063210B548200BEEFF4 /* SkeletonView.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 52D6D97C1BEFF229002C0205 /* SkeletonView.framework */; };
 		42ABD069210B548200BEEFF4 /* SkeletonView.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 52D6D97C1BEFF229002C0205 /* SkeletonView.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
 		42ABD078210B54E200BEEFF4 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 42ABD070210B54E100BEEFF4 /* AppDelegate.swift */; };
@@ -38,13 +45,18 @@
 		42ABD07B210B54E200BEEFF4 /* ViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 42ABD073210B54E100BEEFF4 /* ViewController.swift */; };
 		42ABD07C210B54E200BEEFF4 /* Base.lproj in Resources */ = {isa = PBXBuildFile; fileRef = 42ABD074210B54E100BEEFF4 /* Base.lproj */; };
 		42ABD07F210B54E200BEEFF4 /* CollectionViewCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 42ABD077210B54E200BEEFF4 /* CollectionViewCell.swift */; };
+		5600784423FD293D00669AD6 /* UITableView+VisibleSections.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5600784323FD293D00669AD6 /* UITableView+VisibleSections.swift */; };
+		5600784523FD293D00669AD6 /* UITableView+VisibleSections.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5600784323FD293D00669AD6 /* UITableView+VisibleSections.swift */; };
+		5600784923FD33AD00669AD6 /* HeaderFooterSection.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5600784623FD2BC300669AD6 /* HeaderFooterSection.swift */; };
+		5600784A23FD33AE00669AD6 /* HeaderFooterSection.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5600784623FD2BC300669AD6 /* HeaderFooterSection.swift */; };
+		870F4E4321CAC07300B9233B /* SkeletonConfig.swift in Sources */ = {isa = PBXBuildFile; fileRef = 870F4E4221CAC07300B9233B /* SkeletonConfig.swift */; };
+		870F4E4421CAC07300B9233B /* SkeletonConfig.swift in Sources */ = {isa = PBXBuildFile; fileRef = 870F4E4221CAC07300B9233B /* SkeletonConfig.swift */; };
 		872D5A5621C177E20037D763 /* UIView+Extension.swift in Sources */ = {isa = PBXBuildFile; fileRef = 872D5A5521C177E20037D763 /* UIView+Extension.swift */; };
 		872D5A5721C177E20037D763 /* UIView+Extension.swift in Sources */ = {isa = PBXBuildFile; fileRef = 872D5A5521C177E20037D763 /* UIView+Extension.swift */; };
 		872D5A5C21C24EDD0037D763 /* UILabel+Multiline.swift in Sources */ = {isa = PBXBuildFile; fileRef = 872D5A5B21C24EDD0037D763 /* UILabel+Multiline.swift */; };
 		872D5A5D21C24EDD0037D763 /* UILabel+Multiline.swift in Sources */ = {isa = PBXBuildFile; fileRef = 872D5A5B21C24EDD0037D763 /* UILabel+Multiline.swift */; };
 		872D5A5F21C24F8E0037D763 /* UITextView+Multiline.swift in Sources */ = {isa = PBXBuildFile; fileRef = 872D5A5E21C24F8E0037D763 /* UITextView+Multiline.swift */; };
 		872D5A6021C24F8E0037D763 /* UITextView+Multiline.swift in Sources */ = {isa = PBXBuildFile; fileRef = 872D5A5E21C24F8E0037D763 /* UITextView+Multiline.swift */; };
-		8748240D20C6A88A00E92179 /* UIView+IBInspectable.swift in Headers */ = {isa = PBXBuildFile; fileRef = F5F899CF1FAA6A4D002E8FDA /* UIView+IBInspectable.swift */; settings = {ATTRIBUTES = (Public, ); }; };
 		8748240E20C6A88E00E92179 /* ContainsMultilineText.swift in Headers */ = {isa = PBXBuildFile; fileRef = F5307E3A1FB123C100EE67C5 /* ContainsMultilineText.swift */; settings = {ATTRIBUTES = (Public, ); }; };
 		877EFA4521BEE9D80031FC00 /* SkeletonLayerBuilder.swift in Sources */ = {isa = PBXBuildFile; fileRef = 877EFA4421BEE9D80031FC00 /* SkeletonLayerBuilder.swift */; };
 		877EFA4621BEE9D80031FC00 /* SkeletonLayerBuilder.swift in Sources */ = {isa = PBXBuildFile; fileRef = 877EFA4421BEE9D80031FC00 /* SkeletonLayerBuilder.swift */; };
@@ -55,6 +67,8 @@
 		8785E3A3211C9CE800CC9DFD /* Constants.swift in Sources */ = {isa = PBXBuildFile; fileRef = 88DEA97D1FCDBD1F006C80EF /* Constants.swift */; };
 		88DEA97F1FCDBD78006C80EF /* Constants.swift in Sources */ = {isa = PBXBuildFile; fileRef = 88DEA97D1FCDBD1F006C80EF /* Constants.swift */; };
 		8933C7851EB5B820000D00A4 /* SkeletonView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8933C7841EB5B820000D00A4 /* SkeletonView.swift */; };
+		E4CE587D22EEE65200333067 /* SkeletonTransitionStyle.swift in Sources */ = {isa = PBXBuildFile; fileRef = E4CE587C22EEE65200333067 /* SkeletonTransitionStyle.swift */; };
+		E4CE588B22EEF70D00333067 /* UIView+Transitions.swift in Sources */ = {isa = PBXBuildFile; fileRef = E4CE587B22EEE63100333067 /* UIView+Transitions.swift */; };
 		F51DE1091FBF70A70037919A /* SkeletonAnimationBuilder.swift in Sources */ = {isa = PBXBuildFile; fileRef = F51DE1081FBF70A70037919A /* SkeletonAnimationBuilder.swift */; };
 		F51DF871206E91B300D23301 /* SkeletonReusableCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = F51DF870206E91B300D23301 /* SkeletonReusableCell.swift */; };
 		F51DF873206E91FB00D23301 /* GenericCollectionView.swift in Sources */ = {isa = PBXBuildFile; fileRef = F51DF872206E91FB00D23301 /* GenericCollectionView.swift */; };
@@ -75,6 +89,10 @@
 		F54CF5E52024CEB000330B0D /* UITableView+CollectionSkeleton.swift in Sources */ = {isa = PBXBuildFile; fileRef = F54CF5E22024CEAF00330B0D /* UITableView+CollectionSkeleton.swift */; };
 		F54CF5E62024CEB000330B0D /* UICollectionView+CollectionSkeleton.swift in Sources */ = {isa = PBXBuildFile; fileRef = F54CF5E32024CEB000330B0D /* UICollectionView+CollectionSkeleton.swift */; };
 		F56B94461FAE20AF0095662F /* PrepareForSkeletonProtocol.swift in Sources */ = {isa = PBXBuildFile; fileRef = F56B94451FAE20AF0095662F /* PrepareForSkeletonProtocol.swift */; };
+		F570ABF42314629700390248 /* Swizzling.swift in Sources */ = {isa = PBXBuildFile; fileRef = F570ABF32314629700390248 /* Swizzling.swift */; };
+		F570ABF52314629700390248 /* Swizzling.swift in Sources */ = {isa = PBXBuildFile; fileRef = F570ABF32314629700390248 /* Swizzling.swift */; };
+		F5804772230ECD0000066D02 /* UIView+IBInspectable.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5804771230ECD0000066D02 /* UIView+IBInspectable.swift */; };
+		F5804773230ECD0000066D02 /* UIView+IBInspectable.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5804771230ECD0000066D02 /* UIView+IBInspectable.swift */; };
 		F587FB84202CBFC8002DB5FE /* SkeletonFlow.swift in Sources */ = {isa = PBXBuildFile; fileRef = F587FB83202CBFC8002DB5FE /* SkeletonFlow.swift */; };
 		F587FB86202CEC95002DB5FE /* UIView+UIApplicationDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = F587FB85202CEC95002DB5FE /* UIView+UIApplicationDelegate.swift */; };
 		F58A6E6B20A8C54100612494 /* RecoverableViewState.swift in Sources */ = {isa = PBXBuildFile; fileRef = F58A6E6A20A8C54100612494 /* RecoverableViewState.swift */; };
@@ -88,7 +106,6 @@
 		F5F622411FAC6E31007C062A /* UIColor+Skeleton.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5F622401FAC6E31007C062A /* UIColor+Skeleton.swift */; };
 		F5F622431FAC81FD007C062A /* CALayer+Extensions.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5F622421FAC81FD007C062A /* CALayer+Extensions.swift */; };
 		F5F622451FACA338007C062A /* Cell.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5F622441FACA338007C062A /* Cell.swift */; };
-		F5F899D01FAA6A4D002E8FDA /* UIView+IBInspectable.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5F899CF1FAA6A4D002E8FDA /* UIView+IBInspectable.swift */; };
 		F5F899D21FAB9630002E8FDA /* AssociationPolicy.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5F899D11FAB9630002E8FDA /* AssociationPolicy.swift */; };
 		F5F899E91FAB9D2B002E8FDA /* SkeletonLayer.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5F899E81FAB9D2B002E8FDA /* SkeletonLayer.swift */; };
 		F5F899EB1FAB9DA3002E8FDA /* SkeletonCollectionDataSource.swift in Sources */ = {isa = PBXBuildFile; fileRef = F5F899EA1FAB9DA3002E8FDA /* SkeletonCollectionDataSource.swift */; };
@@ -146,7 +163,8 @@
 		17DD0E00207FB27400C56334 /* SkeletonView.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = SkeletonView.framework; sourceTree = BUILT_PRODUCTS_DIR; };
 		17DD0E1A207FB2C200C56334 /* SkeletonView-tvOS.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = "SkeletonView-tvOS.plist"; sourceTree = "<group>"; };
 		17DD0E1B207FB2C200C56334 /* SkeletonView-iOS.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = "SkeletonView-iOS.plist"; sourceTree = "<group>"; };
-		3B83EE4620C41488005178A4 /* UIView+IBInspectable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = "UIView+IBInspectable.swift"; path = "Sources/Extensions/UIView+IBInspectable.swift"; sourceTree = "<group>"; };
+		1E291F3D2540655D0018D602 /* UIView+Autolayout.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIView+Autolayout.swift"; sourceTree = "<group>"; };
+		1EE42E1E23FF25CC00BF665A /* ProcessInfo+XCTest.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "ProcessInfo+XCTest.swift"; sourceTree = "<group>"; };
 		42ABD06D210B548200BEEFF4 /* SkeletonViewExampleUICollectionView.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = SkeletonViewExampleUICollectionView.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		42ABD070210B54E100BEEFF4 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		42ABD071210B54E100BEEFF4 /* Main.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; path = Main.storyboard; sourceTree = "<group>"; };
@@ -156,6 +174,9 @@
 		42ABD076210B54E200BEEFF4 /* SkeletonViewExampleCollectionview-Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; path = "SkeletonViewExampleCollectionview-Info.plist"; sourceTree = "<group>"; };
 		42ABD077210B54E200BEEFF4 /* CollectionViewCell.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = CollectionViewCell.swift; sourceTree = "<group>"; };
 		52D6D97C1BEFF229002C0205 /* SkeletonView.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = SkeletonView.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		5600784323FD293D00669AD6 /* UITableView+VisibleSections.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UITableView+VisibleSections.swift"; sourceTree = "<group>"; };
+		5600784623FD2BC300669AD6 /* HeaderFooterSection.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HeaderFooterSection.swift; sourceTree = "<group>"; };
+		870F4E4221CAC07300B9233B /* SkeletonConfig.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SkeletonConfig.swift; sourceTree = "<group>"; };
 		872D5A5521C177E20037D763 /* UIView+Extension.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIView+Extension.swift"; sourceTree = "<group>"; };
 		872D5A5B21C24EDD0037D763 /* UILabel+Multiline.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UILabel+Multiline.swift"; sourceTree = "<group>"; };
 		872D5A5E21C24F8E0037D763 /* UITextView+Multiline.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UITextView+Multiline.swift"; sourceTree = "<group>"; };
@@ -164,6 +185,8 @@
 		8785E3A0211C9C9800CC9DFD /* SkeletonDebug.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SkeletonDebug.swift; sourceTree = "<group>"; };
 		88DEA97D1FCDBD1F006C80EF /* Constants.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Constants.swift; sourceTree = "<group>"; };
 		8933C7841EB5B820000D00A4 /* SkeletonView.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = SkeletonView.swift; sourceTree = "<group>"; };
+		E4CE587B22EEE63100333067 /* UIView+Transitions.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIView+Transitions.swift"; sourceTree = "<group>"; };
+		E4CE587C22EEE65200333067 /* SkeletonTransitionStyle.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SkeletonTransitionStyle.swift; sourceTree = "<group>"; };
 		F51DE1081FBF70A70037919A /* SkeletonAnimationBuilder.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SkeletonAnimationBuilder.swift; sourceTree = "<group>"; };
 		F51DF870206E91B300D23301 /* SkeletonReusableCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SkeletonReusableCell.swift; sourceTree = "<group>"; };
 		F51DF872206E91FB00D23301 /* GenericCollectionView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = GenericCollectionView.swift; sourceTree = "<group>"; };
@@ -179,6 +202,8 @@
 		F54CF5E22024CEAF00330B0D /* UITableView+CollectionSkeleton.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "UITableView+CollectionSkeleton.swift"; sourceTree = "<group>"; };
 		F54CF5E32024CEB000330B0D /* UICollectionView+CollectionSkeleton.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "UICollectionView+CollectionSkeleton.swift"; sourceTree = "<group>"; };
 		F56B94451FAE20AF0095662F /* PrepareForSkeletonProtocol.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PrepareForSkeletonProtocol.swift; sourceTree = "<group>"; };
+		F570ABF32314629700390248 /* Swizzling.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Swizzling.swift; sourceTree = "<group>"; };
+		F5804771230ECD0000066D02 /* UIView+IBInspectable.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "UIView+IBInspectable.swift"; sourceTree = "<group>"; };
 		F587FB83202CBFC8002DB5FE /* SkeletonFlow.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SkeletonFlow.swift; sourceTree = "<group>"; };
 		F587FB85202CEC95002DB5FE /* UIView+UIApplicationDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIView+UIApplicationDelegate.swift"; sourceTree = "<group>"; };
 		F58A6E6A20A8C54100612494 /* RecoverableViewState.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RecoverableViewState.swift; sourceTree = "<group>"; };
@@ -188,7 +213,6 @@
 		F5F622401FAC6E31007C062A /* UIColor+Skeleton.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIColor+Skeleton.swift"; sourceTree = "<group>"; };
 		F5F622421FAC81FD007C062A /* CALayer+Extensions.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "CALayer+Extensions.swift"; sourceTree = "<group>"; };
 		F5F622441FACA338007C062A /* Cell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Cell.swift; sourceTree = "<group>"; };
-		F5F899CF1FAA6A4D002E8FDA /* UIView+IBInspectable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIView+IBInspectable.swift"; sourceTree = "<group>"; };
 		F5F899D11FAB9630002E8FDA /* AssociationPolicy.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AssociationPolicy.swift; sourceTree = "<group>"; };
 		F5F899E81FAB9D2B002E8FDA /* SkeletonLayer.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SkeletonLayer.swift; sourceTree = "<group>"; };
 		F5F899EA1FAB9DA3002E8FDA /* SkeletonCollectionDataSource.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SkeletonCollectionDataSource.swift; sourceTree = "<group>"; };
@@ -239,7 +263,6 @@
 		52D6D9721BEFF229002C0205 = {
 			isa = PBXGroup;
 			children = (
-				3B83EE4620C41488005178A4 /* UIView+IBInspectable.swift */,
 				F5F899F31FABA607002E8FDA /* Example */,
 				8933C7811EB5B7E0000D00A4 /* Sources */,
 				52D6D99C1BEFF38C002C0205 /* Configs */,
@@ -287,6 +310,7 @@
 				F5F899F41FABA607002E8FDA /* AppDelegate.swift */,
 				88DEA97D1FCDBD1F006C80EF /* Constants.swift */,
 				F5F899F61FABA607002E8FDA /* ViewController.swift */,
+				5600784623FD2BC300669AD6 /* HeaderFooterSection.swift */,
 				F5F622441FACA338007C062A /* Cell.swift */,
 				F5F899F81FABA607002E8FDA /* Main.storyboard */,
 				F5F899FB1FABA607002E8FDA /* Assets.xcassets */,
@@ -333,6 +357,7 @@
 		8933C7811EB5B7E0000D00A4 /* Sources */ = {
 			isa = PBXGroup;
 			children = (
+				E4CE587A22EEE62300333067 /* Transitions */,
 				872D5A5A21C24E7C0037D763 /* Multilines */,
 				877EFA4321BEE9C40031FC00 /* Builders */,
 				8785E39F211C9C7C00CC9DFD /* Debug */,
@@ -347,6 +372,7 @@
 				F5F899E81FAB9D2B002E8FDA /* SkeletonLayer.swift */,
 				8933C7841EB5B820000D00A4 /* SkeletonView.swift */,
 				F5D3FB0A209DCAA300003FCF /* SubviewsSkeletonables.swift */,
+				870F4E4221CAC07300B9233B /* SkeletonConfig.swift */,
 			);
 			path = Sources;
 			sourceTree = "<group>";
@@ -360,6 +386,15 @@
 			name = Frameworks;
 			sourceTree = "<group>";
 		};
+		E4CE587A22EEE62300333067 /* Transitions */ = {
+			isa = PBXGroup;
+			children = (
+				E4CE587B22EEE63100333067 /* UIView+Transitions.swift */,
+				E4CE587C22EEE65200333067 /* SkeletonTransitionStyle.swift */,
+			);
+			path = Transitions;
+			sourceTree = "<group>";
+		};
 		F51DF874206E94D300D23301 /* CollectionViews */ = {
 			isa = PBXGroup;
 			children = (
@@ -405,12 +440,15 @@
 			isa = PBXGroup;
 			children = (
 				F5F622421FAC81FD007C062A /* CALayer+Extensions.swift */,
-				F5F622401FAC6E31007C062A /* UIColor+Skeleton.swift */,
-				F5307E2D1FB0E5E400EE67C5 /* UIView+Frame.swift */,
-				F5F899CF1FAA6A4D002E8FDA /* UIView+IBInspectable.swift */,
-				872D5A5521C177E20037D763 /* UIView+Extension.swift */,
-				F587FB85202CEC95002DB5FE /* UIView+UIApplicationDelegate.swift */,
 				F5A5E8B3211DCE7000FD20D0 /* Int+Whitespaces.swift */,
+				F5F622401FAC6E31007C062A /* UIColor+Skeleton.swift */,
+				872D5A5521C177E20037D763 /* UIView+Extension.swift */,
+				F5307E2D1FB0E5E400EE67C5 /* UIView+Frame.swift */,
+				F5804771230ECD0000066D02 /* UIView+IBInspectable.swift */,
+				F587FB85202CEC95002DB5FE /* UIView+UIApplicationDelegate.swift */,
+				1E291F3D2540655D0018D602 /* UIView+Autolayout.swift */,
+				5600784323FD293D00669AD6 /* UITableView+VisibleSections.swift */,
+				1EE42E1E23FF25CC00BF665A /* ProcessInfo+XCTest.swift */,
 			);
 			path = Extensions;
 			sourceTree = "<group>";
@@ -421,6 +459,7 @@
 				F5F899D11FAB9630002E8FDA /* AssociationPolicy.swift */,
 				F56B94451FAE20AF0095662F /* PrepareForSkeletonProtocol.swift */,
 				F5307E311FB0F42F00EE67C5 /* RecursiveProtocol.swift */,
+				F570ABF32314629700390248 /* Swizzling.swift */,
 			);
 			path = Helpers;
 			sourceTree = "<group>";
@@ -466,7 +505,6 @@
 			isa = PBXHeadersBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				8748240D20C6A88A00E92179 /* UIView+IBInspectable.swift in Headers */,
 				8748240E20C6A88E00E92179 /* ContainsMultilineText.swift in Headers */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
@@ -475,7 +513,9 @@
 			isa = PBXHeadersBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				3B83EE4820C41488005178A4 /* UIView+IBInspectable.swift in Headers */,
+				3467F5612473602D0086C027 /* UILabel+Multiline.swift in Headers */,
+				3467F55F2473601F0086C027 /* UITextView+Multiline.swift in Headers */,
+				3467F560247360270086C027 /* UIView+IBInspectable.swift in Headers */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -490,6 +530,7 @@
 				17DD0DFC207FB27400C56334 /* Frameworks */,
 				17DD0DFD207FB27400C56334 /* Headers */,
 				17DD0DFE207FB27400C56334 /* Resources */,
+				1E3CFFD5250AD9A400DDB852 /* SwiftLint */,
 			);
 			buildRules = (
 			);
@@ -527,6 +568,7 @@
 				52D6D9781BEFF229002C0205 /* Frameworks */,
 				52D6D9791BEFF229002C0205 /* Headers */,
 				52D6D97A1BEFF229002C0205 /* Resources */,
+				1E3CFFD3250AD95300DDB852 /* SwiftLint */,
 			);
 			buildRules = (
 			);
@@ -563,7 +605,7 @@
 			isa = PBXProject;
 			attributes = {
 				LastSwiftUpdateCheck = 0910;
-				LastUpgradeCheck = 1000;
+				LastUpgradeCheck = 1020;
 				ORGANIZATIONNAME = SkeletonView;
 				TargetAttributes = {
 					17DD0DFF207FB27400C56334 = {
@@ -587,7 +629,7 @@
 			};
 			buildConfigurationList = 52D6D9761BEFF229002C0205 /* Build configuration list for PBXProject "SkeletonView" */;
 			compatibilityVersion = "Xcode 6.3";
-			developmentRegion = English;
+			developmentRegion = en;
 			hasScannedForEncodings = 0;
 			knownRegions = (
 				en,
@@ -643,12 +685,52 @@
 		};
 /* End PBXResourcesBuildPhase section */
 
+/* Begin PBXShellScriptBuildPhase section */
+		1E3CFFD3250AD95300DDB852 /* SwiftLint */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			name = SwiftLint;
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "if which swiftlint >/dev/null; then\n  swiftlint\nelse\n  echo \"warning: SwiftLint not installed, download from https://github.com/realm/SwiftLint\"\nfi\n";
+		};
+		1E3CFFD5250AD9A400DDB852 /* SwiftLint */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			name = SwiftLint;
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "if which swiftlint >/dev/null; then\n  swiftlint\nelse\n  echo \"warning: SwiftLint not installed, download from https://github.com/realm/SwiftLint\"\nfi\n\n";
+		};
+/* End PBXShellScriptBuildPhase section */
+
 /* Begin PBXSourcesBuildPhase section */
 		17DD0DFB207FB27400C56334 /* Sources */ = {
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 				872D5A5721C177E20037D763 /* UIView+Extension.swift in Sources */,
+				1E291F3F2540655D0018D602 /* UIView+Autolayout.swift in Sources */,
 				17DD0E1F207FB32100C56334 /* RecursiveProtocol.swift in Sources */,
 				872D5A5D21C24EDD0037D763 /* UILabel+Multiline.swift in Sources */,
 				17DD0E1E207FB32100C56334 /* PrepareForSkeletonProtocol.swift in Sources */,
@@ -658,20 +740,24 @@
 				17DD0E08207FB28900C56334 /* CollectionSkeletonProtocol.swift in Sources */,
 				F58A6E6C20A8C54100612494 /* RecoverableViewState.swift in Sources */,
 				17DD0E0B207FB28900C56334 /* SkeletonTableViewProtocols.swift in Sources */,
+				1E6C67A2230E76CC0019D87B /* SkeletonTransitionStyle.swift in Sources */,
 				17DD0E0D207FB28900C56334 /* UITableView+CollectionSkeleton.swift in Sources */,
 				17DD0E0E207FB28900C56334 /* UIView+CollectionSkeleton.swift in Sources */,
 				877EFA4921BEED760031FC00 /* SkeletonMultilineLayerBuilder.swift in Sources */,
 				F51ED28320973CBB008B2434 /* SkeletonCollectionDelegate.swift in Sources */,
 				F58A6E6F20A8C66300612494 /* Recoverable.swift in Sources */,
 				17DD0E18207FB28F00C56334 /* SkeletonView.swift in Sources */,
+				1EE42E2023FF25CC00BF665A /* ProcessInfo+XCTest.swift in Sources */,
 				17DD0E19207FB28F00C56334 /* SkeletonFlow.swift in Sources */,
 				17DD0E09207FB28900C56334 /* SkeletonCollectionDataSource.swift in Sources */,
 				17DD0E0C207FB28900C56334 /* UICollectionView+CollectionSkeleton.swift in Sources */,
+				F5804773230ECD0000066D02 /* UIView+IBInspectable.swift in Sources */,
 				17DD0E13207FB28C00C56334 /* UIView+UIApplicationDelegate.swift in Sources */,
+				F570ABF52314629700390248 /* Swizzling.swift in Sources */,
 				F5D3FB0C209DCAA300003FCF /* SubviewsSkeletonables.swift in Sources */,
-				17DD0E12207FB28C00C56334 /* UIView+IBInspectable.swift in Sources */,
 				17DD0E14207FB28F00C56334 /* SkeletonAnimationBuilder.swift in Sources */,
 				17DD0E11207FB28C00C56334 /* UIView+Frame.swift in Sources */,
+				5600784523FD293D00669AD6 /* UITableView+VisibleSections.swift in Sources */,
 				17DD0E15207FB28F00C56334 /* SkeletonAppearance.swift in Sources */,
 				872D5A6021C24F8E0037D763 /* UITextView+Multiline.swift in Sources */,
 				17DD0E10207FB28C00C56334 /* UIColor+Skeleton.swift in Sources */,
@@ -680,9 +766,11 @@
 				17DD0E1C207FB32100C56334 /* AssociationPolicy.swift in Sources */,
 				877EFA4621BEE9D80031FC00 /* SkeletonLayerBuilder.swift in Sources */,
 				F5A5E8B5211DCE7000FD20D0 /* Int+Whitespaces.swift in Sources */,
+				870F4E4421CAC07300B9233B /* SkeletonConfig.swift in Sources */,
 				17DD0E1D207FB32100C56334 /* ContainsMultilineText.swift in Sources */,
 				17DD0E0F207FB28C00C56334 /* CALayer+Extensions.swift in Sources */,
 				17DD0E16207FB28F00C56334 /* SkeletonGradient.swift in Sources */,
+				1E6C67A3230E76CE0019D87B /* UIView+Transitions.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -691,6 +779,7 @@
 			buildActionMask = 2147483647;
 			files = (
 				42ABD07B210B54E200BEEFF4 /* ViewController.swift in Sources */,
+				5600784A23FD33AE00669AD6 /* HeaderFooterSection.swift in Sources */,
 				42ABD078210B54E200BEEFF4 /* AppDelegate.swift in Sources */,
 				42ABD07F210B54E200BEEFF4 /* CollectionViewCell.swift in Sources */,
 				8785E3A3211C9CE800CC9DFD /* Constants.swift in Sources */,
@@ -701,8 +790,9 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				E4CE588B22EEF70D00333067 /* UIView+Transitions.swift in Sources */,
+				1E291F3E2540655D0018D602 /* UIView+Autolayout.swift in Sources */,
 				872D5A5621C177E20037D763 /* UIView+Extension.swift in Sources */,
-				F5F899D01FAA6A4D002E8FDA /* UIView+IBInspectable.swift in Sources */,
 				872D5A5C21C24EDD0037D763 /* UILabel+Multiline.swift in Sources */,
 				F54CF5E42024CEB000330B0D /* UIView+CollectionSkeleton.swift in Sources */,
 				F5307E371FB1076E00EE67C5 /* SkeletonTableViewProtocols.swift in Sources */,
@@ -714,16 +804,21 @@
 				F5307E321FB0F42F00EE67C5 /* RecursiveProtocol.swift in Sources */,
 				F5F622431FAC81FD007C062A /* CALayer+Extensions.swift in Sources */,
 				877EFA4821BEED760031FC00 /* SkeletonMultilineLayerBuilder.swift in Sources */,
+				E4CE587D22EEE65200333067 /* SkeletonTransitionStyle.swift in Sources */,
 				F5F899ED1FAB9F04002E8FDA /* CollectionSkeletonProtocol.swift in Sources */,
 				F58A6E6E20A8C66300612494 /* Recoverable.swift in Sources */,
 				F5307E2C1FAF6BC900EE67C5 /* SkeletonGradient.swift in Sources */,
+				1EE42E1F23FF25CC00BF665A /* ProcessInfo+XCTest.swift in Sources */,
 				F587FB86202CEC95002DB5FE /* UIView+UIApplicationDelegate.swift in Sources */,
 				F5F899EB1FAB9DA3002E8FDA /* SkeletonCollectionDataSource.swift in Sources */,
 				F5F622411FAC6E31007C062A /* UIColor+Skeleton.swift in Sources */,
+				F5804772230ECD0000066D02 /* UIView+IBInspectable.swift in Sources */,
 				F587FB84202CBFC8002DB5FE /* SkeletonFlow.swift in Sources */,
+				F570ABF42314629700390248 /* Swizzling.swift in Sources */,
 				F5D3FB0B209DCAA300003FCF /* SubviewsSkeletonables.swift in Sources */,
 				F5F899D21FAB9630002E8FDA /* AssociationPolicy.swift in Sources */,
 				F54CF5E62024CEB000330B0D /* UICollectionView+CollectionSkeleton.swift in Sources */,
+				5600784423FD293D00669AD6 /* UITableView+VisibleSections.swift in Sources */,
 				F56B94461FAE20AF0095662F /* PrepareForSkeletonProtocol.swift in Sources */,
 				F5307E391FB1078E00EE67C5 /* SkeletonCollectionViewProtocols.swift in Sources */,
 				872D5A5F21C24F8E0037D763 /* UITextView+Multiline.swift in Sources */,
@@ -733,6 +828,7 @@
 				F5307E2E1FB0E5E400EE67C5 /* UIView+Frame.swift in Sources */,
 				877EFA4521BEE9D80031FC00 /* SkeletonLayerBuilder.swift in Sources */,
 				F5A5E8B4211DCE7000FD20D0 /* Int+Whitespaces.swift in Sources */,
+				870F4E4321CAC07300B9233B /* SkeletonConfig.swift in Sources */,
 				F51DF871206E91B300D23301 /* SkeletonReusableCell.swift in Sources */,
 				F51DF879206E9F5500D23301 /* SkeletonCollectionDelegate.swift in Sources */,
 				F51DE1091FBF70A70037919A /* SkeletonAnimationBuilder.swift in Sources */,
@@ -744,6 +840,7 @@
 			buildActionMask = 2147483647;
 			files = (
 				F5F899F71FABA607002E8FDA /* ViewController.swift in Sources */,
+				5600784923FD33AD00669AD6 /* HeaderFooterSection.swift in Sources */,
 				F5F899F51FABA607002E8FDA /* AppDelegate.swift in Sources */,
 				F5F622451FACA338007C062A /* Cell.swift in Sources */,
 				88DEA97F1FCDBD78006C80EF /* Constants.swift in Sources */,
@@ -811,7 +908,7 @@
 				SDKROOT = appletvos;
 				SKIP_INSTALL = YES;
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
-				SWIFT_VERSION = 4.2;
+				SWIFT_VERSION = 5.0;
 				TARGETED_DEVICE_FAMILY = 3;
 				TVOS_DEPLOYMENT_TARGET = 9.0;
 			};
@@ -843,7 +940,7 @@
 				SDKROOT = appletvos;
 				SKIP_INSTALL = YES;
 				SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule";
-				SWIFT_VERSION = 4.2;
+				SWIFT_VERSION = 5.0;
 				TARGETED_DEVICE_FAMILY = 3;
 				TVOS_DEPLOYMENT_TARGET = 9.0;
 			};
@@ -871,7 +968,7 @@
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
-				SWIFT_VERSION = 4.0;
+				SWIFT_VERSION = 5.0;
 				TARGETED_DEVICE_FAMILY = "1,2";
 			};
 			name = Debug;
@@ -897,7 +994,7 @@
 				PRODUCT_BUNDLE_IDENTIFIER = com.juanpecatalan.SkeletonViewExample;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule";
-				SWIFT_VERSION = 4.0;
+				SWIFT_VERSION = 5.0;
 				TARGETED_DEVICE_FAMILY = "1,2";
 			};
 			name = Release;
@@ -906,6 +1003,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
@@ -954,7 +1052,7 @@
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
-				SWIFT_VERSION = 4.0;
+				SWIFT_VERSION = 5.0;
 				TARGETED_DEVICE_FAMILY = "1,2";
 				VERSIONING_SYSTEM = "apple-generic";
 				VERSION_INFO_PREFIX = "";
@@ -965,6 +1063,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
@@ -1005,7 +1104,7 @@
 				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
-				SWIFT_VERSION = 4.0;
+				SWIFT_VERSION = 5.0;
 				TARGETED_DEVICE_FAMILY = "1,2";
 				VALIDATE_PRODUCT = YES;
 				VERSIONING_SYSTEM = "apple-generic";
@@ -1016,7 +1115,7 @@
 		52D6D9911BEFF229002C0205 /* Debug */ = {
 			isa = XCBuildConfiguration;
 			buildSettings = {
-				APPLICATION_EXTENSION_API_ONLY = YES;
+				APPLICATION_EXTENSION_API_ONLY = NO;
 				CLANG_ENABLE_MODULES = YES;
 				CODE_SIGN_IDENTITY = "iPhone Developer";
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "";
@@ -1034,14 +1133,14 @@
 				PRODUCT_NAME = SkeletonView;
 				SKIP_INSTALL = YES;
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
-				SWIFT_VERSION = 4.2;
+				SWIFT_VERSION = 5.0;
 			};
 			name = Debug;
 		};
 		52D6D9921BEFF229002C0205 /* Release */ = {
 			isa = XCBuildConfiguration;
 			buildSettings = {
-				APPLICATION_EXTENSION_API_ONLY = YES;
+				APPLICATION_EXTENSION_API_ONLY = NO;
 				CLANG_ENABLE_MODULES = YES;
 				CODE_SIGN_IDENTITY = "iPhone Developer";
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "";
@@ -1058,7 +1157,7 @@
 				PRODUCT_NAME = SkeletonView;
 				SKIP_INSTALL = YES;
 				SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule";
-				SWIFT_VERSION = 4.2;
+				SWIFT_VERSION = 5.0;
 			};
 			name = Release;
 		};
@@ -1072,7 +1171,7 @@
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
 				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
-				CODE_SIGN_IDENTITY = "iPhone Developer";
+				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
 				DEVELOPMENT_TEAM = "";
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -1081,8 +1180,9 @@
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
 				PRODUCT_BUNDLE_IDENTIFIER = com.juanpecatalan.SkeletonViewExample;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
-				SWIFT_VERSION = 4.2;
+				SWIFT_VERSION = 5.0;
 				TARGETED_DEVICE_FAMILY = "1,2";
 			};
 			name = Debug;
@@ -1097,7 +1197,7 @@
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
 				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
-				CODE_SIGN_IDENTITY = "iPhone Developer";
+				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
 				DEVELOPMENT_TEAM = "";
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -1106,8 +1206,9 @@
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
 				PRODUCT_BUNDLE_IDENTIFIER = com.juanpecatalan.SkeletonViewExample;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
 				SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule";
-				SWIFT_VERSION = 4.2;
+				SWIFT_VERSION = 5.0;
 				TARGETED_DEVICE_FAMILY = "1,2";
 			};
 			name = Release;

SkeletonView.xcodeproj/xcshareddata/xcschemes/SkeletonView-iOS.xcscheme

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1000"
+   LastUpgradeVersion = "1020"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"
@@ -29,6 +29,15 @@
       shouldUseLaunchSchemeArgsEnv = "YES">
       <Testables>
       </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "52D6D97B1BEFF229002C0205"
+            BuildableName = "SkeletonView.framework"
+            BlueprintName = "SkeletonView-iOS"
+            ReferencedContainer = "container:SkeletonView.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
       <AdditionalOptions>
       </AdditionalOptions>
    </TestAction>

SkeletonView.xcodeproj/xcshareddata/xcschemes/SkeletonView-tvOS.xcscheme

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1000"
+   LastUpgradeVersion = "1020"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"

SkeletonView.xcodeproj/xcshareddata/xcschemes/SkeletonViewExample.xcscheme

@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1020"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "F5F899F11FABA607002E8FDA"
+               BuildableName = "SkeletonViewExample.app"
+               BlueprintName = "SkeletonViewExample"
+               ReferencedContainer = "container:SkeletonView.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "F5F899F11FABA607002E8FDA"
+            BuildableName = "SkeletonViewExample.app"
+            BlueprintName = "SkeletonViewExample"
+            ReferencedContainer = "container:SkeletonView.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "F5F899F11FABA607002E8FDA"
+            BuildableName = "SkeletonViewExample.app"
+            BlueprintName = "SkeletonViewExample"
+            ReferencedContainer = "container:SkeletonView.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "F5F899F11FABA607002E8FDA"
+            BuildableName = "SkeletonViewExample.app"
+            BlueprintName = "SkeletonViewExample"
+            ReferencedContainer = "container:SkeletonView.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

SkeletonView.xcodeproj/xcshareddata/xcschemes/SkeletonViewExampleUICollectionView.xcscheme

@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1020"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "42ABD05A210B548200BEEFF4"
+               BuildableName = "SkeletonViewExampleUICollectionView.app"
+               BlueprintName = "SkeletonViewExampleUICollectionView"
+               ReferencedContainer = "container:SkeletonView.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "42ABD05A210B548200BEEFF4"
+            BuildableName = "SkeletonViewExampleUICollectionView.app"
+            BlueprintName = "SkeletonViewExampleUICollectionView"
+            ReferencedContainer = "container:SkeletonView.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "42ABD05A210B548200BEEFF4"
+            BuildableName = "SkeletonViewExampleUICollectionView.app"
+            BlueprintName = "SkeletonViewExampleUICollectionView"
+            ReferencedContainer = "container:SkeletonView.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "42ABD05A210B548200BEEFF4"
+            BuildableName = "SkeletonViewExampleUICollectionView.app"
+            BlueprintName = "SkeletonViewExampleUICollectionView"
+            ReferencedContainer = "container:SkeletonView.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

Sources/Appearance/SkeletonAppearance.swift

@@ -9,6 +9,7 @@ public protocol Appearance {
     var multilineSpacing: CGFloat { get set }
     var multilineLastLineFillPercent: Int { get set }
     var multilineCornerRadius: Int { get set }
+    var renderSingleLineAsView: Bool { get set }
 }
 
 public enum SkeletonAppearance {
@@ -17,12 +18,11 @@ public enum SkeletonAppearance {
 
 // codebeat:disable[TOO_MANY_IVARS]
 class SkeletonViewAppearance: Appearance {
-
     static var shared = SkeletonViewAppearance()
 
-    var tintColor: UIColor = .clouds
+    var tintColor: UIColor = .skeletonDefault
 
-    var gradient: SkeletonGradient = SkeletonGradient(baseColor: .clouds)
+    var gradient = SkeletonGradient(baseColor: .skeletonDefault)
 
     var multilineHeight: CGFloat = 15
 
@@ -31,5 +31,7 @@ class SkeletonViewAppearance: Appearance {
     var multilineLastLineFillPercent: Int = 70
 
     var multilineCornerRadius: Int = 0
+    
+    var renderSingleLineAsView: Bool = false
 }
 // codebeat:enable[TOO_MANY_IVARS]

Sources/Builders/SkeletonLayerBuilder.swift

@@ -5,37 +5,41 @@ import UIKit
 /// Object that facilitates the creation of skeleton layers,
 /// based on the builder pattern
 class SkeletonLayerBuilder {
-
     var skeletonType: SkeletonType?
     var colors: [UIColor] = []
     var holder: UIView?
 
+    @discardableResult
     func setSkeletonType(_ type: SkeletonType) -> SkeletonLayerBuilder {
         self.skeletonType = type
         return self
     }
 
+    @discardableResult
     func addColor(_ color: UIColor) -> SkeletonLayerBuilder {
         return addColors([color])
     }
 
+    @discardableResult
     func addColors(_ colors: [UIColor]) -> SkeletonLayerBuilder {
         self.colors.append(contentsOf: colors)
         return self
     }
 
+    @discardableResult
     func setHolder(_ holder: UIView) -> SkeletonLayerBuilder {
         self.holder = holder
         return self
-    }
-
-    func build() -> SkeletonLayer? {
-        guard let type = skeletonType,
-              let holder = holder
-            else { return nil }
-
-        return SkeletonLayer(withType: type,
-                             usingColors: colors,
-                             andSkeletonHolder: holder)
-    }
+	}
+	
+    @discardableResult
+	func build() -> SkeletonLayer? {
+		guard let type = skeletonType,
+			let holder = holder
+			else { return nil }
+		
+		return SkeletonLayer(type: type,
+							 colors: colors,
+							 skeletonHolder: holder)
+	}
 }

Sources/Builders/SkeletonMultilineLayerBuilder.swift

@@ -5,44 +5,79 @@ import UIKit
 /// Object that facilitates the creation of skeleton layers for multiline
 /// elements, based on the builder pattern
 class SkeletonMultilineLayerBuilder {
-
     var skeletonType: SkeletonType?
     var index: Int?
+    var height: CGFloat?
     var width: CGFloat?
     var cornerRadius: Int?
+    var multilineSpacing: CGFloat = SkeletonAppearance.default.multilineSpacing
+    var paddingInsets: UIEdgeInsets = .zero
+    var isRTL: Bool = false
 
+    @discardableResult
     func setSkeletonType(_ type: SkeletonType) -> SkeletonMultilineLayerBuilder {
         self.skeletonType = type
         return self
     }
 
+    @discardableResult
     func setIndex(_ index: Int) -> SkeletonMultilineLayerBuilder {
         self.index = index
         return self
     }
-
+    
+    @discardableResult
+    func setHeight(_ height: CGFloat) -> SkeletonMultilineLayerBuilder {
+        self.height = height
+        return self
+    }
+    
+    @discardableResult
     func setWidth(_ width: CGFloat) -> SkeletonMultilineLayerBuilder {
         self.width = width
         return self
     }
 
+    @discardableResult
     func setCornerRadius(_ radius: Int) -> SkeletonMultilineLayerBuilder {
         self.cornerRadius = radius
         return self
     }
 
+    @discardableResult
+    func setMultilineSpacing(_ spacing: CGFloat) -> SkeletonMultilineLayerBuilder {
+        self.multilineSpacing = spacing
+        return self
+    }
+
+    @discardableResult
+    func setPadding(_ insets: UIEdgeInsets) -> SkeletonMultilineLayerBuilder {
+        self.paddingInsets = insets
+        return self
+    }
+    
+    @discardableResult
+    func setIsRTL(_ isRTL: Bool) -> SkeletonMultilineLayerBuilder {
+        self.isRTL = isRTL
+        return self
+    }
+
     func build() -> CALayer? {
         guard let type = skeletonType,
               let index = index,
               let width = width,
+              let height = height,
               let radius = cornerRadius
             else { return nil }
 
-        let spaceRequiredForEachLine = SkeletonAppearance.default.multilineHeight + SkeletonAppearance.default.multilineSpacing
         let layer = type.layer
         layer.anchorPoint = .zero
         layer.name = CALayer.skeletonSubLayersName
-        layer.frame = CGRect(x: 0.0, y: CGFloat(index) * spaceRequiredForEachLine, width: width, height: SkeletonAppearance.default.multilineHeight)
+        layer.updateLayerFrame(for: index,
+                               size: CGSize(width: width, height: height),
+                               multilineSpacing: multilineSpacing,
+                               paddingInsets: paddingInsets,
+                               isRTL: isRTL)
 
         layer.cornerRadius = CGFloat(radius)
         layer.masksToBounds = true

Sources/Collections/CollectionSkeletonProtocol.swift

@@ -19,6 +19,7 @@ protocol CollectionSkeleton {
     var estimatedNumberOfRows: Int { get }
     
     func addDummyDataSource()
+    func updateDummyDataSource()
     func removeDummyDataSource(reloadAfter: Bool)
     func disableUserInteraction()
     func enableUserInteraction()
@@ -28,6 +29,6 @@ extension CollectionSkeleton where Self: UIScrollView {
     var estimatedNumberOfRows: Int { return 0 }
     func addDummyDataSource() {}
     func removeDummyDataSource(reloadAfter: Bool) {}
-    func disableUserInteraction() { isScrollEnabled = false }
-    func enableUserInteraction() { isScrollEnabled = true }
+    func disableUserInteraction() { isUserInteractionEnabled = false; isScrollEnabled = false }
+    func enableUserInteraction() { isUserInteractionEnabled = true; isScrollEnabled = true }
 }

Sources/Collections/CollectionViews/SkeletonCollectionViewProtocols.swift

@@ -8,21 +8,25 @@
 
 import UIKit
 
-
 public protocol SkeletonCollectionViewDataSource: UICollectionViewDataSource {
     func numSections(in collectionSkeletonView: UICollectionView) -> Int
     func collectionSkeletonView(_ skeletonView: UICollectionView, numberOfItemsInSection section: Int) -> Int
     func collectionSkeletonView(_ skeletonView: UICollectionView, cellIdentifierForItemAt indexPath: IndexPath) -> ReusableCellIdentifier
+    func collectionSkeletonView(_ skeletonView: UICollectionView, supplementaryViewIdentifierOfKind: String, at indexPath: IndexPath) -> ReusableCellIdentifier?
 }
 
 public extension SkeletonCollectionViewDataSource {
-    
     func collectionSkeletonView(_ skeletonView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
         return skeletonView.estimatedNumberOfRows
     }
     
+    func collectionSkeletonView(_ skeletonView: UICollectionView,
+                                supplementaryViewIdentifierOfKind: String,
+                                at indexPath: IndexPath) -> ReusableCellIdentifier? {
+        return nil
+    }
+    
     func numSections(in collectionSkeletonView: UICollectionView) -> Int { return 1 }
 }
 
 public protocol SkeletonCollectionViewDelegate: UICollectionViewDelegate { }
-

Sources/Collections/CollectionViews/UICollectionView+CollectionSkeleton.swift

@@ -9,10 +9,9 @@
 import UIKit
 
 extension UICollectionView: CollectionSkeleton {
-    
     var estimatedNumberOfRows: Int {
         guard let flowlayout = collectionViewLayout as? UICollectionViewFlowLayout else { return 0 }
-        return Int(ceil(frame.height/flowlayout.itemSize.height))
+        return Int(ceil(frame.height / flowlayout.itemSize.height))
     }
     
     var skeletonDataSource: SkeletonCollectionDataSource? {
@@ -41,6 +40,14 @@ extension UICollectionView: CollectionSkeleton {
         reloadData()
     }
     
+    func updateDummyDataSource() {
+        if (dataSource as? SkeletonCollectionDataSource) != nil {
+            reloadData()
+        } else {
+            addDummyDataSource()
+        }
+    }
+    
     func removeDummyDataSource(reloadAfter: Bool) {
         guard let dataSource = self.dataSource as? SkeletonCollectionDataSource else { return }
         self.skeletonDataSource = nil
@@ -63,7 +70,7 @@ public extension UICollectionView {
         self.skeletonDataSource = dataSource
         performBatchUpdates({
             self.reloadData()
-        }) { (done) in
+        }) { done in
             completion(done)
             
         }

Sources/Collections/SkeletonCollectionDataSource.swift

@@ -11,40 +11,40 @@ import UIKit
 public typealias ReusableCellIdentifier = String
 
 class SkeletonCollectionDataSource: NSObject {
-    
     weak var originalTableViewDataSource: SkeletonTableViewDataSource?
     weak var originalCollectionViewDataSource: SkeletonCollectionViewDataSource?
     var rowHeight: CGFloat = 0.0
+    var originalRowHeight: CGFloat = 0.0
     
-    convenience init(tableViewDataSource: SkeletonTableViewDataSource? = nil, collectionViewDataSource: SkeletonCollectionViewDataSource? = nil, rowHeight: CGFloat = 0.0) {
+    convenience init(tableViewDataSource: SkeletonTableViewDataSource? = nil, collectionViewDataSource: SkeletonCollectionViewDataSource? = nil, rowHeight: CGFloat = 0.0, originalRowHeight: CGFloat = 0.0) {
         self.init()
         self.originalTableViewDataSource = tableViewDataSource
         self.originalCollectionViewDataSource = collectionViewDataSource
         self.rowHeight = rowHeight
+        self.originalRowHeight = originalRowHeight
     }
 }
 
 // MARK: - UITableViewDataSource
 extension SkeletonCollectionDataSource: UITableViewDataSource {
-    
     func numberOfSections(in tableView: UITableView) -> Int {
-        return originalTableViewDataSource?.numSections(in:tableView) ?? 0
+        return originalTableViewDataSource?.numSections(in: tableView) ?? 0
     }
     
     func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
-        return originalTableViewDataSource?.collectionSkeletonView(tableView, numberOfRowsInSection:section) ?? 0
+        return originalTableViewDataSource?.collectionSkeletonView(tableView, numberOfRowsInSection: section) ?? 0
     }
     
     func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
         let cellIdentifier = originalTableViewDataSource?.collectionSkeletonView(tableView, cellIdentifierForRowAt: indexPath) ?? ""
         let cell = tableView.dequeueReusableCell(withIdentifier: cellIdentifier, for: indexPath)
+        skeletonViewIfContainerSkeletonIsActive(container: tableView, view: cell)
         return cell
     }
 }
 
 // MARK: - UICollectionViewDataSource
 extension SkeletonCollectionDataSource: UICollectionViewDataSource {
-    
     func numberOfSections(in collectionView: UICollectionView) -> Int {
         return originalCollectionViewDataSource?.numSections(in: collectionView) ?? 0
     }
@@ -56,6 +56,31 @@ extension SkeletonCollectionDataSource: UICollectionViewDataSource {
     func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
         let cellIdentifier = originalCollectionViewDataSource?.collectionSkeletonView(collectionView, cellIdentifierForItemAt: indexPath) ?? ""
         let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellIdentifier, for: indexPath)
+        skeletonViewIfContainerSkeletonIsActive(container: collectionView, view: cell)
         return cell
     }
+    
+    func collectionView(_ collectionView: UICollectionView,
+                        viewForSupplementaryElementOfKind kind: String,
+                        at indexPath: IndexPath) -> UICollectionReusableView {
+        if let viewIdentifier = originalCollectionViewDataSource?.collectionSkeletonView(collectionView, supplementaryViewIdentifierOfKind: kind, at: indexPath) {
+            let view = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: viewIdentifier, for: indexPath)
+            skeletonViewIfContainerSkeletonIsActive(container: collectionView, view: view)
+            return view
+        }
+        
+        return UICollectionReusableView()
+    }
+    
+}
+
+extension SkeletonCollectionDataSource {
+    private func skeletonViewIfContainerSkeletonIsActive(container: UIView, view: UIView) {
+        guard container.isSkeletonActive,
+              let skeletonConfig = container.currentSkeletonConfig else {
+            return
+        }
+
+        view.showSkeleton(skeletonConfig: skeletonConfig)
+    }
 }

Sources/Collections/SkeletonCollectionDelegate.swift

@@ -9,7 +9,6 @@
 import UIKit
 
 class SkeletonCollectionDelegate: NSObject {
-    
     weak var originalTableViewDelegate: SkeletonTableViewDelegate?
     weak var originalCollectionViewDelegate: SkeletonCollectionViewDelegate?
     
@@ -19,8 +18,54 @@ class SkeletonCollectionDelegate: NSObject {
     }
 }
 
-// MARK: - UITableViewDataSource
-extension SkeletonCollectionDelegate: UITableViewDelegate { }
+// MARK: - UITableViewDelegate
+extension SkeletonCollectionDelegate: UITableViewDelegate {
+    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
+        if let viewIdentifier = originalTableViewDelegate?.collectionSkeletonView(tableView, identifierForHeaderInSection: section),
+            let header = tableView.dequeueReusableHeaderFooterView(withIdentifier: viewIdentifier) {
+            skeletonViewIfContainerSkeletonIsActive(container: tableView, view: header)
+            return header
+        }
 
-// MARK: - UICollectionViewDataSource
+        return nil
+    }
+
+    func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
+        if let viewIdentifier = originalTableViewDelegate?.collectionSkeletonView(tableView, identifierForFooterInSection: section),
+            let footer = tableView.dequeueReusableHeaderFooterView(withIdentifier: viewIdentifier) {
+            skeletonViewIfContainerSkeletonIsActive(container: tableView, view: footer)
+            return footer
+        }
+
+        return nil
+    }
+
+    func tableView(_ tableView: UITableView, didEndDisplayingHeaderView view: UIView, forSection section: Int) {
+        view.hideSkeleton()
+        originalTableViewDelegate?.tableView?(tableView, didEndDisplayingHeaderView: view, forSection: section)
+    }
+    
+    func tableView(_ tableView: UITableView, didEndDisplayingFooterView view: UIView, forSection section: Int) {
+        view.hideSkeleton()
+        originalTableViewDelegate?.tableView?(tableView, didEndDisplayingFooterView: view, forSection: section)
+    }
+    
+    func tableView(_ tableView: UITableView, didEndDisplaying cell: UITableViewCell, forRowAt indexPath: IndexPath) {
+        cell.hideSkeleton()
+        originalTableViewDelegate?.tableView?(tableView, didEndDisplaying: cell, forRowAt: indexPath)
+    }
+}
+
+// MARK: - UICollectionViewDelegate
 extension SkeletonCollectionDelegate: UICollectionViewDelegate { }
+
+extension SkeletonCollectionDelegate {
+    private func skeletonViewIfContainerSkeletonIsActive(container: UIView, view: UIView) {
+        guard container.isSkeletonActive,
+              let skeletonConfig = container.currentSkeletonConfig else {
+            return
+        }
+
+        view.showSkeleton(skeletonConfig: skeletonConfig)
+    }
+}

Sources/Collections/TableViews/SkeletonTableViewProtocols.swift

@@ -15,7 +15,6 @@ public protocol SkeletonTableViewDataSource: UITableViewDataSource {
 }
 
 public extension SkeletonTableViewDataSource {
-    
     func collectionSkeletonView(_ skeletonView: UITableView, numberOfRowsInSection section: Int) -> Int {
         return skeletonView.estimatedNumberOfRows
     }
@@ -31,4 +30,16 @@ public extension SkeletonTableViewDataSource {
 }
 
 public protocol SkeletonTableViewDelegate: UITableViewDelegate {
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForHeaderInSection section: Int) -> ReusableHeaderFooterIdentifier?
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForFooterInSection section: Int) -> ReusableHeaderFooterIdentifier?
+}
+
+public extension SkeletonTableViewDelegate {
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForHeaderInSection section: Int) -> ReusableHeaderFooterIdentifier? {
+        return nil
+    }
+
+    func collectionSkeletonView(_ skeletonView: UITableView, identifierForFooterInSection section: Int) -> ReusableHeaderFooterIdentifier? {
+        return nil
+    }
 }

Sources/Collections/TableViews/UITableView+CollectionSkeleton.swift

@@ -8,10 +8,11 @@
 
 import UIKit
 
+public typealias ReusableHeaderFooterIdentifier = String
+
 extension UITableView: CollectionSkeleton {
-    
     var estimatedNumberOfRows: Int {
-        return Int(ceil(frame.height/rowHeight))
+        return Int(ceil(frame.height / rowHeight))
     }
     
     var skeletonDataSource: SkeletonCollectionDataSource? {
@@ -34,29 +35,51 @@ extension UITableView: CollectionSkeleton {
         guard let originalDataSource = self.dataSource as? SkeletonTableViewDataSource,
             !(originalDataSource is SkeletonCollectionDataSource)
             else { return }
-        let rowHeight = calculateRowHeight()
+        let calculatedRowHeight = calculateRowHeight()
         let dataSource = SkeletonCollectionDataSource(tableViewDataSource: originalDataSource,
-                                                      rowHeight: rowHeight)
+                                                      rowHeight: rowHeight,
+                                                      originalRowHeight: self.rowHeight)
+        rowHeight = calculatedRowHeight
         self.skeletonDataSource = dataSource
+
+        if let originalDelegate = self.delegate as? SkeletonTableViewDelegate,
+            !(originalDelegate is SkeletonCollectionDelegate) {
+            let delegate = SkeletonCollectionDelegate(tableViewDelegate: originalDelegate)
+            self.skeletonDelegate = delegate
+        }
+
         reloadData()
     }
     
+    func updateDummyDataSource() {
+        if (dataSource as? SkeletonCollectionDataSource) != nil {
+            reloadData()
+        } else {
+            addDummyDataSource()
+        }
+    }
+    
     func removeDummyDataSource(reloadAfter: Bool) {
         guard let dataSource = self.dataSource as? SkeletonCollectionDataSource else { return }
         restoreRowHeight()
         self.skeletonDataSource = nil
         self.dataSource = dataSource.originalTableViewDataSource
+
+        if let delegate = self.delegate as? SkeletonCollectionDelegate {
+            self.skeletonDelegate = nil
+            self.delegate = delegate.originalTableViewDelegate
+        }
+
         if reloadAfter { self.reloadData() }
     }
 
     private func restoreRowHeight() {
         guard let dataSource = self.dataSource as? SkeletonCollectionDataSource else { return }
-        rowHeight = dataSource.rowHeight
+        rowHeight = dataSource.originalRowHeight
     }
     
     private func calculateRowHeight() -> CGFloat {
         guard rowHeight == UITableView.automaticDimension else { return rowHeight }
-        rowHeight = estimatedRowHeight
         return estimatedRowHeight
     }
 }

Sources/Collections/UIView+CollectionSkeleton.swift

@@ -10,13 +10,23 @@ import UIKit
 
 extension UIView {
     func addDummyDataSourceIfNeeded() {
-        guard let collection = self as? CollectionSkeleton else { return }
+        guard let collection = self as? CollectionSkeleton,
+            !ProcessInfo.isRunningXCTest else { return }
+        status = .on
         collection.addDummyDataSource()
         collection.disableUserInteraction()
     }
     
+    func updateDummyDataSourceIfNeeded() {
+        guard let collection = self as? CollectionSkeleton,
+            !ProcessInfo.isRunningXCTest else { return }
+        collection.updateDummyDataSource()
+    }
+    
     func removeDummyDataSourceIfNeeded(reloadAfter reload: Bool = true) {
-        guard let collection = self as? CollectionSkeleton else { return }
+        guard let collection = self as? CollectionSkeleton,
+            !ProcessInfo.isRunningXCTest else { return }
+        status = .off
         collection.removeDummyDataSource(reloadAfter: reload)
         collection.enableUserInteraction()
     }

Sources/Debug/SkeletonDebug.swift

@@ -1,4 +1,3 @@
-
 // Copyright © 2018 SkeletonView. All rights reserved.
 
 import Foundation
@@ -10,6 +9,7 @@ enum SkeletonEnvironmentKey: String {
 
 extension Dictionary {
     subscript (_ key: SkeletonEnvironmentKey) -> Value? {
+        // swiftlint:disable:next force_cast
         return self[key.rawValue as! Key]
     }
 }
@@ -19,17 +19,16 @@ func printSkeletonHierarchy(in view: UIView) {
 }
 
 func skeletonLog(_ message: String) {
-    if let _ = ProcessInfo.processInfo.environment[.debugMode] {
+    if ProcessInfo.processInfo.environment[.debugMode] != nil {
         print(message)
     }
 }
 
 extension UIView {
-
     public var skeletonDescription: String {
         var description = "<\(type(of: self)): \(Unmanaged.passUnretained(self).toOpaque())"
         let subSkeletons = subviewsSkeletonables
-        if subSkeletons.count != 0 {
+        if !subSkeletons.isEmpty {
             description += " | (\(subSkeletons.count)) subSkeletons"
         }
         if isSkeletonable {

Sources/Extensions/CALayer+Extensions.swift

@@ -28,29 +28,51 @@ extension CAGradientLayer {
     }
 }
 
+struct SkeletonMultilinesLayerConfig {
+	var lines: Int
+	var lineHeight: CGFloat
+	var type: SkeletonType
+	var lastLineFillPercent: Int
+	var multilineCornerRadius: Int
+	var multilineSpacing: CGFloat
+	var paddingInsets: UIEdgeInsets
+    var isRTL: Bool
+    
+    /// Returns padding insets taking into account if the RTL is activated
+    var calculatedPaddingInsets: UIEdgeInsets {
+        UIEdgeInsets(top: paddingInsets.top,
+                     left: isRTL ? paddingInsets.right : paddingInsets.left,
+                     bottom: paddingInsets.bottom,
+                     right: isRTL ? paddingInsets.left : paddingInsets.right)
+    }
+}
 
 // MARK: Skeleton sublayers
 extension CALayer {
-    
     static let skeletonSubLayersName = "SkeletonSubLayersName"
 
     var skeletonSublayers: [CALayer] {
         return sublayers?.filter { $0.name == CALayer.skeletonSubLayersName } ?? [CALayer]()
     }
     
-    func addMultilinesLayers(lines: Int, type: SkeletonType, lastLineFillPercent: Int, multilineCornerRadius: Int) {
-        let numberOfSublayers = calculateNumLines(maxLines: lines)
+	func addMultilinesLayers(for config: SkeletonMultilinesLayerConfig) {
+        let numberOfSublayers = config.lines > 0 ? config.lines : calculateNumLines(for: config)
+        var height = config.lineHeight
+        
+        if numberOfSublayers == 1 && SkeletonAppearance.default.renderSingleLineAsView {
+            height = bounds.height
+        }
 
         let layerBuilder = SkeletonMultilineLayerBuilder()
-            .setSkeletonType(type)
-            .setCornerRadius(multilineCornerRadius)
-
+			.setSkeletonType(config.type)
+			.setCornerRadius(config.multilineCornerRadius)
+			.setMultilineSpacing(config.multilineSpacing)
+            .setPadding(config.paddingInsets)
+            .setHeight(height)
+            .setIsRTL(config.isRTL)
+    
         (0..<numberOfSublayers).forEach { index in
-            var width = bounds.width
-            if index == numberOfSublayers - 1 && numberOfSublayers != 1 {
-                width = width * CGFloat(lastLineFillPercent) / 100;
-            }
-
+			let width = calculatedWidthForLine(at: index, totalLines: numberOfSublayers, lastLineFillPercent: config.lastLineFillPercent, paddingInsets: config.paddingInsets)
             if let layer = layerBuilder
                 .setIndex(index)
                 .setWidth(width)
@@ -59,52 +81,95 @@ extension CALayer {
             }
         }
     }
+
+    func updateMultilinesLayers(for config: SkeletonMultilinesLayerConfig) {
+        let currentSkeletonSublayers = skeletonSublayers
+        let numberOfSublayers = currentSkeletonSublayers.count
+        let lastLineFillPercent = config.lastLineFillPercent
+        let paddingInsets = config.calculatedPaddingInsets
+        let multilineSpacing = config.multilineSpacing
+        var height = config.lineHeight
+        
+        if numberOfSublayers == 1 && SkeletonAppearance.default.renderSingleLineAsView {
+            height = bounds.height
+        }
+        
+        for (index, layer) in currentSkeletonSublayers.enumerated() {
+            let width = calculatedWidthForLine(at: index, totalLines: numberOfSublayers, lastLineFillPercent: lastLineFillPercent, paddingInsets: paddingInsets)
+            layer.updateLayerFrame(for: index,
+                                   size: CGSize(width: width, height: height),
+                                   multilineSpacing: multilineSpacing,
+                                   paddingInsets: paddingInsets,
+                                   isRTL: config.isRTL)
+        }
+    }
+
+    private func calculatedWidthForLine(at index: Int, totalLines: Int, lastLineFillPercent: Int, paddingInsets: UIEdgeInsets) -> CGFloat {
+        var width = bounds.width - paddingInsets.left - paddingInsets.right
+        if index == totalLines - 1 && totalLines != 1 {
+            width = width * CGFloat(lastLineFillPercent) / 100
+        }
+        return width
+    }
+
+    func updateLayerFrame(for index: Int, size: CGSize, multilineSpacing: CGFloat, paddingInsets: UIEdgeInsets, isRTL: Bool) {
+        let spaceRequiredForEachLine = size.height + multilineSpacing
+        let newFrame = CGRect(x: paddingInsets.left,
+                              y: CGFloat(index) * spaceRequiredForEachLine + paddingInsets.top,
+                              width: size.width,
+                              height: size.height)
+        
+        frame = flipRectForRTLIfNeeded(newFrame, isRTL: isRTL)
+    }
     
-    private func calculateNumLines(maxLines: Int) -> Int {
-        let spaceRequitedForEachLine = SkeletonAppearance.default.multilineHeight + SkeletonAppearance.default.multilineSpacing
-        var numberOfSublayers = Int(round(CGFloat(bounds.height)/CGFloat(spaceRequitedForEachLine)))
-        if maxLines != 0,  maxLines <= numberOfSublayers { numberOfSublayers = maxLines }
-        return numberOfSublayers
+    private func calculateNumLines(for config: SkeletonMultilinesLayerConfig) -> Int {
+        let definedNumberOfLines = config.lines
+        let requiredSpaceForEachLine = config.lineHeight + config.multilineSpacing
+        let calculatedNumberOfLines = Int(round(CGFloat(bounds.height - config.paddingInsets.top - config.paddingInsets.bottom) / CGFloat(requiredSpaceForEachLine)))
+        
+        guard calculatedNumberOfLines > 0 else {
+            return 1
+        }
+        
+        if definedNumberOfLines > 0, definedNumberOfLines <= calculatedNumberOfLines {
+            return definedNumberOfLines
+        }
+        
+        return calculatedNumberOfLines
+    }
+    
+    private func flipRectForRTLIfNeeded(_ rect: CGRect, isRTL: Bool) -> CGRect {
+        var newRect = rect
+        if isRTL {
+            newRect.origin.x = (superlayer?.bounds.width ?? 0) - rect.origin.x - rect.width
+        }
+        return newRect
     }
 }
 
 // MARK: Animations
 public extension CALayer {
-
     var pulse: CAAnimation {
         let pulseAnimation = CABasicAnimation(keyPath: #keyPath(CALayer.backgroundColor))
         pulseAnimation.fromValue = backgroundColor
+        //swiftlint:disable:next force_unwrapping
         pulseAnimation.toValue = UIColor(cgColor: backgroundColor!).complementaryColor.cgColor
         pulseAnimation.duration = 1
         pulseAnimation.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
         pulseAnimation.autoreverses = true
         pulseAnimation.repeatCount = .infinity
+        pulseAnimation.isRemovedOnCompletion = false
         return pulseAnimation
     }
     
-    var sliding: CAAnimation {
-        let startPointAnim = CABasicAnimation(keyPath: #keyPath(CAGradientLayer.startPoint))
-        startPointAnim.fromValue = CGPoint(x: -1, y: 0.5)
-        startPointAnim.toValue = CGPoint(x:1, y: 0.5)
-        
-        let endPointAnim = CABasicAnimation(keyPath: #keyPath(CAGradientLayer.endPoint))
-        endPointAnim.fromValue = CGPoint(x: 0, y: 0.5)
-        endPointAnim.toValue = CGPoint(x:2, y: 0.5)
-        
-        let animGroup = CAAnimationGroup()
-        animGroup.animations = [startPointAnim, endPointAnim]
-        animGroup.duration = 1.5
-        animGroup.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeIn)
-        animGroup.repeatCount = .infinity
-        
-        return animGroup
-    }
-    
-    func playAnimation(_ anim: SkeletonLayerAnimation, key: String) {
+    func playAnimation(_ anim: SkeletonLayerAnimation, key: String, completion: (() -> Void)? = nil) {
         skeletonSublayers.recursiveSearch(leafBlock: {
+            DispatchQueue.main.async { CATransaction.begin() }
+            DispatchQueue.main.async { CATransaction.setCompletionBlock(completion) }
             add(anim(self), forKey: key)
+            DispatchQueue.main.async { CATransaction.commit() }
         }) {
-            $0.playAnimation(anim, key: key)
+            $0.playAnimation(anim, key: key, completion: completion)
         }
     }
     
@@ -116,3 +181,17 @@ public extension CALayer {
         }
     }
 }
+
+extension CALayer {
+    func setOpacity(from: Int, to: Int, duration: TimeInterval, completion: (() -> Void)?) {
+        DispatchQueue.main.async { CATransaction.begin() }
+        let animation = CABasicAnimation(keyPath: #keyPath(CALayer.opacity))
+        animation.fromValue = from
+        animation.toValue = to
+        animation.duration = duration
+        animation.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
+        DispatchQueue.main.async { CATransaction.setCompletionBlock(completion) }
+        add(animation, forKey: "setOpacityAnimation")
+        DispatchQueue.main.async { CATransaction.commit() }
+    }
+}

Sources/Extensions/Int+Whitespaces.swift

@@ -3,7 +3,6 @@
 import Foundation
 
 extension Int {
-    
     var whitespace: String {
         return whitespaces
     }

Sources/Extensions/ProcessInfo+XCTest.swift

@@ -0,0 +1,13 @@
+// Copyright © 2020 SkeletonView. All rights reserved.
+
+import Foundation
+
+extension ProcessInfo {
+    enum Constants {
+        static let testConfigurationFilePathKey = "XCTestConfigurationFilePath"
+    }
+    
+    static var isRunningXCTest: Bool {
+        return processInfo.environment[Constants.testConfigurationFilePathKey] != nil
+    }
+}

Sources/Extensions/UIColor+Skeleton.swift

@@ -4,7 +4,6 @@ import UIKit
 
 // codebeat:disable[TOO_MANY_IVARS]
 extension UIColor {
-    
     convenience init(_ hex: UInt) {
         self.init(
             red: CGFloat((hex & 0xFF0000) >> 16) / 255.0,
@@ -22,7 +21,13 @@ extension UIColor {
     }
     
     public var complementaryColor: UIColor {
-        return isLight() ? darker : lighter
+        if #available(iOS 13, tvOS 13, *) {
+            return UIColor { _ in
+                return self.isLight() ? self.darker : self.lighter
+            }
+        } else {
+            return isLight() ? darker : lighter
+        }
     }
     
     public var lighter: UIColor {
@@ -45,6 +50,7 @@ extension UIColor {
 }
 
 public extension UIColor {
+    // swiftlint:disable operator_usage_whitespace
     static var greenSea     = UIColor(0x16a085)
     static var turquoise    = UIColor(0x1abc9c)
     static var emerald      = UIColor(0x2ecc71)
@@ -59,11 +65,28 @@ public extension UIColor {
     static var carrot       = UIColor(0xe67e22)
     static var alizarin     = UIColor(0xe74c3c)
     static var clouds       = UIColor(0xecf0f1)
+    static var darkClouds   = UIColor(0x1c2325)
     static var concrete     = UIColor(0x95a5a6)
     static var flatOrange   = UIColor(0xf39c12)
     static var pumpkin      = UIColor(0xd35400)
     static var pomegranate  = UIColor(0xc0392b)
     static var silver       = UIColor(0xbdc3c7)
     static var asbestos     = UIColor(0x7f8c8d)
+    // swiftlint:enable operator_usage_whitespace
+    
+    static var skeletonDefault: UIColor {
+        if #available(iOS 13, tvOS 13, *) {
+            return UIColor { traitCollection in
+                switch traitCollection.userInterfaceStyle {
+                case .dark:
+                    return .darkClouds
+                default:
+                    return .clouds
+                }
+            }
+        } else {
+            return .clouds
+        }
+    }
 }
 // codebeat:enable[TOO_MANY_IVARS]

Sources/Extensions/UITableView+VisibleSections.swift

@@ -0,0 +1,38 @@
+// Copyright © 2020 SkeletonView. All rights reserved.
+
+import UIKit
+
+extension UITableView {
+    var indexesOfVisibleSections: [Int] {
+        (0..<numberOfSections).reduce([]) {
+            let headerRect: CGRect?
+            
+            if self.style == .plain {
+                headerRect = rect(forSection: $1)
+            } else {
+                headerRect = rectForHeader(inSection: $1)
+            }
+            
+            if let headerRect = headerRect {
+                let visiblePartOfTableView = CGRect(x: contentOffset.x,
+                                                    y: contentOffset.y,
+                                                    width: bounds.size.width,
+                                                    height: bounds.size.height)
+                
+                if visiblePartOfTableView.intersects(headerRect) {
+                    return $0 + [$1]
+                }
+            }
+            
+            return $0
+        }
+    }
+
+    var visibleSectionHeaders: [UITableViewHeaderFooterView] {
+        indexesOfVisibleSections.compactMap { headerView(forSection: $0) }
+    }
+    
+    var visibleSectionFooters: [UITableViewHeaderFooterView] {
+        indexesOfVisibleSections.compactMap { footerView(forSection: $0) }
+    }
+}

Sources/Extensions/UIView+Autolayout.swift

@@ -0,0 +1,25 @@
+// Copyright © 2020 SkeletonView. All rights reserved.
+
+import UIKit
+
+// MARK: Frame
+extension UIView {
+    var widthConstraints: [NSLayoutConstraint] {
+        nonContentSizeLayoutConstraints.filter { $0.firstAttribute == NSLayoutConstraint.Attribute.width }
+    }
+    
+    var heightConstraints: [NSLayoutConstraint] {
+        nonContentSizeLayoutConstraints.filter { $0.firstAttribute == NSLayoutConstraint.Attribute.height }
+    }
+    
+    @discardableResult
+    func setHeight(equalToConstant constant: CGFloat) -> NSLayoutConstraint {
+        let heightConstraint = heightAnchor.constraint(equalToConstant: constant)
+        NSLayoutConstraint.activate([heightConstraint])
+        return heightConstraint
+    }
+    
+    var nonContentSizeLayoutConstraints: [NSLayoutConstraint] {
+        constraints.filter({ "\(type(of: $0))" != "NSContentSizeLayoutConstraint" })
+    }
+}

Sources/Extensions/UIView+Extension.swift

@@ -5,16 +5,21 @@ import UIKit
 // codebeat:disable[TOO_MANY_IVARS]
 enum ViewAssociatedKeys {
     static var skeletonable = "skeletonable"
+    static var hiddenWhenSkeletonIsActive = "hiddenWhenSkeletonIsActive"
     static var status = "status"
     static var skeletonLayer = "layer"
     static var flowDelegate = "flowDelegate"
     static var isSkeletonAnimated = "isSkeletonAnimated"
     static var viewState = "viewState"
+    static var labelViewState = "labelViewState"
+    static var imageViewState = "imageViewState"
+    static var buttonViewState = "buttonViewState"
+    static var currentSkeletonConfig = "currentSkeletonConfig"
+    static var skeletonCornerRadius = "skeletonCornerRadius"
 }
 // codebeat:enable[TOO_MANY_IVARS]
 
 extension UIView {
-
     enum Status {
         case on
         case off
@@ -30,12 +35,17 @@ extension UIView {
         set { ao_setOptional(newValue, pkey: &ViewAssociatedKeys.skeletonLayer) }
     }
 
-    var status: Status! {
+    var currentSkeletonConfig: SkeletonConfig? {
+        get { return ao_get(pkey: &ViewAssociatedKeys.currentSkeletonConfig) as? SkeletonConfig }
+        set { ao_setOptional(newValue, pkey: &ViewAssociatedKeys.currentSkeletonConfig) }
+    }
+
+    var status: Status {
         get { return ao_get(pkey: &ViewAssociatedKeys.status) as? Status ?? .off }
         set { ao_set(newValue, pkey: &ViewAssociatedKeys.status) }
     }
 
-    var skeletonIsAnimated: Bool! {
+    var isSkeletonAnimated: Bool {
         get { return ao_get(pkey: &ViewAssociatedKeys.isSkeletonAnimated) as? Bool ?? false }
         set { ao_set(newValue, pkey: &ViewAssociatedKeys.isSkeletonAnimated) }
     }

Sources/Extensions/UIView+Frame.swift

@@ -10,35 +10,38 @@ import UIKit
 
 // MARK: Frame
 extension UIView {
-    
-    var maxBoundsEstimated: CGRect {
+    var definedMaxBounds: CGRect {
         if let parentStackView = (superview as? UIStackView) {
             var origin: CGPoint = .zero
             switch parentStackView.alignment {
-            case .center:
-                origin.x = maxWidthEstimated / 2
             case .trailing:
-                origin.x = maxWidthEstimated
+                origin.x = definedMaxWidth
             default:
                 break
             }
-            return CGRect(origin: origin, size: maxSizeEstimated)
+            return CGRect(origin: origin, size: definedMaxSize)
         }
-        return CGRect(origin: .zero, size: maxSizeEstimated)
+        return CGRect(origin: .zero, size: definedMaxSize)
     }
     
-    var maxSizeEstimated: CGSize {
-        return CGSize(width: maxWidthEstimated, height: maxHeightEstimated)
+    var definedMaxSize: CGSize {
+        CGSize(width: definedMaxWidth, height: definedMaxHeight)
     }
     
-    var maxWidthEstimated: CGFloat {
-        let constraintsWidth = nonContentSizeLayoutConstraints.filter({ $0.firstAttribute == NSLayoutConstraint.Attribute.width })
-        return max(between: frame.size.width, andContantsOf: constraintsWidth)
+    var definedMaxWidth: CGFloat {
+        max(between: frame.size.width, andContantsOf: widthConstraints)
     }
     
-    var maxHeightEstimated: CGFloat {
-        let constraintsHeight = nonContentSizeLayoutConstraints.filter({ $0.firstAttribute == NSLayoutConstraint.Attribute.height })
-        return max(between: frame.size.height, andContantsOf: constraintsHeight)
+    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 {
@@ -49,8 +52,4 @@ extension UIView {
         })
         return max
     }
-    
-    var nonContentSizeLayoutConstraints: [NSLayoutConstraint] {
-        return constraints.filter({ "\(type(of: $0))" != "NSContentSizeLayoutConstraint" })
-    }
 }

Sources/Extensions/UIView+IBInspectable.swift

@@ -3,20 +3,40 @@
 import UIKit
 
 public extension UIView {
-    
     @IBInspectable
     var isSkeletonable: Bool {
         get { return skeletonable }
         set { skeletonable = newValue }
     }
     
-    var isSkeletonActive: Bool {
-        return status == .on || (subviewsSkeletonables.first(where: { $0.isSkeletonActive }) != nil)
+    @IBInspectable
+    var isHiddenWhenSkeletonIsActive: Bool {
+        get { return hiddenWhenSkeletonIsActive }
+        set { hiddenWhenSkeletonIsActive = newValue }
     }
 
-    fileprivate var skeletonable: Bool! {
+    @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 skeletonableCornerRadius: Float {
+        get { return ao_get(pkey: &ViewAssociatedKeys.skeletonCornerRadius) as? Float ?? 0.0 }
+        set { ao_set(newValue, pkey: &ViewAssociatedKeys.skeletonCornerRadius) }
+    }
+}

Sources/Extensions/UIView+UIApplicationDelegate.swift

@@ -9,16 +9,17 @@
 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() {
@@ -33,6 +34,10 @@ extension UIView {
     }
     
     @objc func appDidEnterBackground() {
-        UserDefaults.standard.set((isSkeletonActive && skeletonIsAnimated), forKey: Constants.needAnimatedSkeletonKey)
+        UserDefaults.standard.set((isSkeletonActive && isSkeletonAnimated), forKey: Constants.needAnimatedSkeletonKey)
+    }
+    
+    @objc func willTerminateNotification() {
+        UserDefaults.standard.set(false, forKey: Constants.needAnimatedSkeletonKey)
     }
 }

Sources/Helpers/AssociationPolicy.swift

@@ -12,6 +12,7 @@ enum AssociationPolicy: UInt {
     case retainNonatomic = 1
     
     var objc: objc_AssociationPolicy {
+        // swiftlint:disable:next force_unwrapping
         return objc_AssociationPolicy(rawValue: rawValue)!
     }
 }
@@ -20,7 +21,6 @@ protocol AssociatedObjects: class { }
 
 // transparent wrappers
 extension AssociatedObjects {
-
     /// wrapper around `objc_getAssociatedObject`
     func ao_get(pkey: UnsafeRawPointer) -> Any? {
         return objc_getAssociatedObject(self, pkey)

Sources/Helpers/PrepareForSkeletonProtocol.swift

@@ -8,26 +8,77 @@
 
 import UIKit
 
-protocol PrepareForSkeleton {
-    func prepareViewForSkeleton() 
+extension UIView {
+    @objc func prepareViewForSkeleton() {
+        startTransition { [weak self] in
+            self?.backgroundColor = .clear
+            self?.isUserInteractionEnabled = false
+        }
+    }
 }
 
-extension UILabel: PrepareForSkeleton {
-    func prepareViewForSkeleton() {
-        text = " "
+extension UILabel {
+    var desiredHeightBasedOnNumberOfLines: CGFloat {
+        let lineHeight = multilineTextFont?.lineHeight ?? SkeletonAppearance.default.multilineHeight
+        let spaceNeededForEachLine = lineHeight * CGFloat(numberOfLines)
+        let spaceNeededForSpaces = skeletonLineSpacing * CGFloat(numberOfLines - 1)
+        let padding = paddingInsets.top + paddingInsets.bottom
+        
+        return spaceNeededForEachLine + spaceNeededForSpaces + padding
+    }
+    
+    func updateHeightConstraintsIfNeeded() {
+        guard numberOfLines > 1 else { return }
+        
+        let desiredHeight = desiredHeightBasedOnNumberOfLines
+        if desiredHeight > definedMaxHeight {
+            backupHeightConstraints = heightConstraints
+            NSLayoutConstraint.deactivate(heightConstraints)
+            setHeight(equalToConstant: desiredHeight)
+        }
+    }
+    
+    func restoreBackupHeightConstraints() {
+        guard !backupHeightConstraints.isEmpty else { return }
+        NSLayoutConstraint.deactivate(heightConstraints)
+        NSLayoutConstraint.activate(backupHeightConstraints)
+        backupHeightConstraints.removeAll()
+    }
+    
+    override func prepareViewForSkeleton() {
+        backgroundColor = .clear
         resignFirstResponder()
+        startTransition { [weak self] in
+            self?.updateHeightConstraintsIfNeeded()
+            self?.textColor = .clear
+        }
     }
 }
 
-extension UITextView: PrepareForSkeleton {
-    func prepareViewForSkeleton() {
-        text = " "
+extension UITextView {
+    override func prepareViewForSkeleton() {
+        backgroundColor = .clear
         resignFirstResponder()
+        startTransition { [weak self] in
+            self?.textColor = .clear
+        }
     }
 }
 
-extension UIImageView: PrepareForSkeleton {
-    func prepareViewForSkeleton() {
-        image = nil
+extension UIImageView {
+    override func prepareViewForSkeleton() {
+        backgroundColor = .clear
+        startTransition { [weak self] in
+            self?.image = nil
+        }
+    }
+}
+
+extension UIButton {
+    override func prepareViewForSkeleton() {
+        backgroundColor = .clear
+        startTransition { [weak self] in
+            self?.setTitle(nil, for: .normal)
+        }
     }
 }

Sources/Helpers/RecursiveProtocol.swift

@@ -9,7 +9,7 @@ protocol IterableElement {}
 extension UIView: IterableElement {}
 extension CALayer: IterableElement {}
 
-//MARK: Recursive
+// MARK: Recursive
 protocol Recursive {
     associatedtype Element: IterableElement
     func recursiveSearch(leafBlock: VoidBlock, recursiveBlock: RecursiveBlock<Element>)
@@ -17,12 +17,10 @@ protocol Recursive {
 
 extension Array: Recursive where Element: IterableElement {
     func recursiveSearch(leafBlock: VoidBlock, recursiveBlock: RecursiveBlock<Element>) {
-        guard count > 0 else {
+        guard !isEmpty else {
             leafBlock()
             return
         }
         forEach { recursiveBlock($0) }
     }
 }
-
-

Sources/Helpers/Swizzling.swift

@@ -0,0 +1,27 @@
+// Copyright © 2019 SkeletonView. All rights reserved.
+
+import Foundation
+
+extension DispatchQueue {
+    private static var _onceTracker = [String]()
+    
+    class func once(token: String, block: () -> Void) {
+        objc_sync_enter(self); defer { objc_sync_exit(self) }
+        guard !_onceTracker.contains(token) else { return }
+        
+        _onceTracker.append(token)
+        block()
+    }
+}
+
+func swizzle(selector originalSelector: Selector, with swizzledSelector: Selector, inClass: AnyClass, usingClass: AnyClass) {
+    guard let originalMethod = class_getInstanceMethod(inClass, originalSelector),
+        let swizzledMethod = class_getInstanceMethod(usingClass, swizzledSelector)
+        else { return }
+    
+    if class_addMethod(inClass, swizzledSelector, method_getImplementation(originalMethod), method_getTypeEncoding(originalMethod)) {
+        class_replaceMethod(inClass, originalSelector, method_getImplementation(swizzledMethod), method_getTypeEncoding(swizzledMethod))
+    } else {
+        method_exchangeImplementations(originalMethod, swizzledMethod)
+    }
+}

Sources/Multilines/ContainsMultilineText.swift

@@ -5,14 +5,16 @@ 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 multilineTextFont: UIFont? { get }
     var numLines: Int { get }
     var lastLineFillingPercent: Int { get }
     var multilineCornerRadius: Int { get }
-}
-
-extension ContainsMultilineText {
-    var numLines: Int { return 0 }
+    var multilineSpacing: CGFloat { get }
+    var paddingInsets: UIEdgeInsets { get }
 }

Sources/Multilines/UILabel+Multiline.swift

@@ -8,14 +8,30 @@ public extension UILabel {
         get { return lastLineFillingPercent }
         set { lastLineFillingPercent = min(newValue, 100) }
     }
+    
     @IBInspectable
     var linesCornerRadius: Int {
         get { return multilineCornerRadius }
         set { multilineCornerRadius = min(newValue, 10) }
     }
+    
+    @IBInspectable
+    var skeletonLineSpacing: CGFloat {
+        get { return multilineSpacing }
+        set { multilineSpacing = min(newValue, 10) }
+    }
+    
+    var skeletonPaddingInsets: UIEdgeInsets {
+        get { return paddingInsets }
+        set { paddingInsets = newValue }
+    }
 }
 
 extension UILabel: ContainsMultilineText {
+	var multilineTextFont: UIFont? {
+		return font
+	}
+	
     var numLines: Int {
         return numberOfLines
     }
@@ -29,4 +45,19 @@ extension UILabel: ContainsMultilineText {
         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) }
+    }
 }

Sources/Multilines/UITextView+Multiline.swift

@@ -3,7 +3,6 @@
 import UIKit
 
 public extension UITextView {
-
     @IBInspectable
     var lastLineFillPercent: Int {
         get { return lastLineFillingPercent }
@@ -15,9 +14,28 @@ public extension UITextView {
         get { return multilineCornerRadius }
         set { multilineCornerRadius = min(newValue, 10) }
     }
+
+    @IBInspectable
+    var skeletonLineSpacing: CGFloat {
+        get { return multilineSpacing }
+        set { multilineSpacing = min(newValue, 10) }
+    }
+
+    var skeletonPaddingInsets: UIEdgeInsets {
+        get { return paddingInsets }
+        set { paddingInsets = newValue }
+    }
 }
 
 extension UITextView: ContainsMultilineText {
+	var multilineTextFont: UIFont? {
+        font
+    }
+    
+    var numLines: Int {
+        -1
+    }
+	
     var lastLineFillingPercent: Int {
         get {
             let defaultValue = SkeletonAppearance.default.multilineLastLineFillPercent
@@ -33,4 +51,14 @@ extension UITextView: ContainsMultilineText {
         }
         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) }
+    }
 }

Sources/Recoverable/Recoverable.swift

@@ -9,13 +9,11 @@
 import UIKit
 
 protocol Recoverable {
-    var viewState: RecoverableViewState? { get set }
     func saveViewState()
     func recoverViewState(forced: Bool)
 }
 
 extension UIView: Recoverable {
-
     var viewState: RecoverableViewState? {
         get { return ao_get(pkey: &ViewAssociatedKeys.viewState) as? RecoverableViewState }
         set { ao_setOptional(newValue, pkey: &ViewAssociatedKeys.viewState) }
@@ -26,49 +24,104 @@ extension UIView: Recoverable {
     }
     
     @objc func recoverViewState(forced: Bool) {
-        guard let safeViewState = viewState else { return }
+        guard let storedViewState = viewState else { return }
         
-        layer.cornerRadius = safeViewState.cornerRadius
-        layer.masksToBounds = safeViewState.clipToBounds
-        
-        if safeViewState.backgroundColor != backgroundColor || forced {
-            backgroundColor = safeViewState.backgroundColor
+        startTransition { [weak self] in
+            self?.layer.cornerRadius = storedViewState.cornerRadius
+            self?.layer.masksToBounds = storedViewState.clipToBounds
+            self?.isUserInteractionEnabled = storedViewState.isUserInteractionsEnabled
+            
+            if self?.backgroundColor == .clear || forced {
+                self?.backgroundColor = storedViewState.backgroundColor
+            }
         }
     }
 }
 
 extension UILabel {
+    var labelState: RecoverableTextViewState? {
+        get { return ao_get(pkey: &ViewAssociatedKeys.labelViewState) as? RecoverableTextViewState }
+        set { ao_setOptional(newValue, pkey: &ViewAssociatedKeys.labelViewState) }
+    }
+    
     override func saveViewState() {
         super.saveViewState()
-        viewState?.text = text
+        labelState = RecoverableTextViewState(view: self)
     }
     
     override func recoverViewState(forced: Bool) {
         super.recoverViewState(forced: forced)
-        text = text == " " || forced ? viewState?.text : text
+        startTransition { [weak self] in
+            guard let storedLabelState = self?.labelState else { return }
+            
+            self?.restoreBackupHeightConstraints()
+            
+            if self?.textColor == .clear || forced {
+                self?.textColor = storedLabelState.textColor
+            }
+        }
     }
 }
 
 extension UITextView {
+    var textState: RecoverableTextViewState? {
+        get { return ao_get(pkey: &ViewAssociatedKeys.labelViewState) as? RecoverableTextViewState }
+        set { ao_setOptional(newValue, pkey: &ViewAssociatedKeys.labelViewState) }
+    }
+    
     override func saveViewState() {
         super.saveViewState()
-        viewState?.text = text
+        textState = RecoverableTextViewState(view: self)
     }
     
     override func recoverViewState(forced: Bool) {
         super.recoverViewState(forced: forced)
-        text = text == " " || forced ? viewState?.text : text
+        startTransition { [weak self] in
+            guard let storedLabelState = self?.textState else { return }
+            
+            if self?.textColor == .clear || forced {
+                self?.textColor = storedLabelState.textColor
+            }
+        }
     }
 }
 
 extension UIImageView {
+    var imageState: RecoverableImageViewState? {
+        get { return ao_get(pkey: &ViewAssociatedKeys.imageViewState) as? RecoverableImageViewState }
+        set { ao_setOptional(newValue, pkey: &ViewAssociatedKeys.imageViewState) }
+    }
+    
     override func saveViewState() {
         super.saveViewState()
-        viewState?.image = image
+        imageState = RecoverableImageViewState(view: self)
     }
     
     override func recoverViewState(forced: Bool) {
         super.recoverViewState(forced: forced)
-        image = image == nil || forced ? viewState?.image : image
+        startTransition { [weak self] in
+            self?.image = self?.image == nil || forced ? self?.imageState?.image : self?.image
+        }
+    }
+}
+
+extension UIButton {
+    var buttonState: RecoverableButtonViewState? {
+        get { return ao_get(pkey: &ViewAssociatedKeys.buttonViewState) as? RecoverableButtonViewState }
+        set { ao_setOptional(newValue, pkey: &ViewAssociatedKeys.buttonViewState) }
+    }
+    
+    override func saveViewState() {
+        super.saveViewState()
+        buttonState = RecoverableButtonViewState(view: self)
+    }
+    
+    override func recoverViewState(forced: Bool) {
+        super.recoverViewState(forced: forced)
+        startTransition { [weak self] in
+            if self?.title(for: .normal) == nil {
+                self?.setTitle(self?.buttonState?.title, for: .normal)
+            }
+        }
     }
 }

Sources/Recoverable/RecoverableViewState.swift

@@ -12,18 +12,40 @@ struct RecoverableViewState {
     var backgroundColor: UIColor?
     var cornerRadius: CGFloat
     var clipToBounds: Bool
+    var isUserInteractionsEnabled: Bool
     
-    // UI text
-    var text: String?
-    
-    // UI image
-    var image: UIImage?
-}
-
-extension RecoverableViewState {
     init(view: UIView) {
         self.backgroundColor = view.backgroundColor
         self.clipToBounds = view.layer.masksToBounds
         self.cornerRadius = view.layer.cornerRadius
+        self.isUserInteractionsEnabled = view.isUserInteractionEnabled
+    }
+}
+
+struct RecoverableTextViewState {
+    var textColor: UIColor?
+    
+    init(view: UILabel) {
+        self.textColor = view.textColor
+    }
+    
+    init(view: UITextView) {
+        self.textColor = view.textColor
+    }
+}
+
+struct RecoverableImageViewState {
+    var image: UIImage?
+    
+    init(view: UIImageView) {
+        self.image = view.image
+    }
+}
+
+struct RecoverableButtonViewState {
+    var title: String?
+    
+    init(view: UIButton) {
+        self.title = view.titleLabel?.text
     }
 }

Sources/SkeletonAnimationBuilder.swift

@@ -18,55 +18,52 @@ public enum GradientDirection {
     case topLeftBottomRight
     case bottomRightTopLeft
     
-    public func slidingAnimation(duration: CFTimeInterval = 1.5) -> SkeletonLayerAnimation {
-        return SkeletonAnimationBuilder().makeSlidingAnimation(withDirection: self, duration: duration)
+    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))
+            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))
+            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))
+            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))
+            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))
+            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))
+            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))
+            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))
+            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))
+            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))
+            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))
+            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))
+            return ( from: CGPoint(x: 2, y: 2), to: CGPoint(x: 0, y: 0))
         }
     }
     // codebeat:enable[ABC]
 }
 
 public class SkeletonAnimationBuilder {
+    public init() { }
     
-    public init() {
-    }
-    
-    public func makeSlidingAnimation(withDirection direction: GradientDirection, duration: CFTimeInterval = 1.5) -> SkeletonLayerAnimation {
+    public func makeSlidingAnimation(withDirection direction: GradientDirection, duration: CFTimeInterval = 1.5, autoreverses: Bool = false) -> SkeletonLayerAnimation {
         return { layer in
-            
             let startPointAnim = CABasicAnimation(keyPath: #keyPath(CAGradientLayer.startPoint))
             startPointAnim.fromValue = direction.startPoint.from
             startPointAnim.toValue = direction.startPoint.to
@@ -80,6 +77,8 @@ public class SkeletonAnimationBuilder {
             animGroup.duration = duration
             animGroup.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeIn)
             animGroup.repeatCount = .infinity
+            animGroup.autoreverses = autoreverses
+            animGroup.isRemovedOnCompletion = false
             
             return animGroup
         }

Sources/SkeletonConfig.swift

@@ -0,0 +1,38 @@
+// Copyright © 2018 SkeletonView. All rights reserved.
+
+import UIKit
+
+/// Used to store all config needed to activate the skeleton layer.
+struct SkeletonConfig {
+    /// Type of skeleton layer
+    let type: SkeletonType
+    
+    /// Colors used in skeleton layer
+    let colors: [UIColor]
+    
+    /// If type is gradient, which gradient direction
+    let gradientDirection: GradientDirection?
+    
+    /// Specify if skeleton is animated or not
+    let animated: Bool
+    
+    /// Used to execute a custom animation
+    let animation: SkeletonLayerAnimation?
+    
+    ///  Transition style
+    var transition: SkeletonTransitionStyle
+    
+    init(type: SkeletonType,
+         colors: [UIColor],
+         gradientDirection: GradientDirection? = nil,
+         animated: Bool = false,
+         animation: SkeletonLayerAnimation? = nil,
+         transition: SkeletonTransitionStyle = .crossDissolve(0.25)) {
+        self.type = type
+        self.colors = colors
+        self.gradientDirection = gradientDirection
+        self.animated = animated
+        self.animation = animation
+        self.transition = transition
+    }
+}

Sources/SkeletonFlow.swift

@@ -2,28 +2,58 @@
 
 import UIKit
 
-protocol SkeletonFlowDelegate {
-    func willBeginShowingSkeletons(withRootView rootView: UIView)
-    func didShowSkeletons(withRootView rootView: UIView)
-    func willBeginHidingSkeletons(withRootView rootView: UIView)
-    func didHideSkeletons(withRootView rootView: UIView)
+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(withRootView rootView: UIView) {
+    func willBeginShowingSkeletons(rootView: UIView) {
+        NotificationCenter.default.post(name: .willBeginShowingSkeletons, object: rootView, userInfo: nil)
         rootView.addAppNotificationsObservers()
     }
 
-    func didShowSkeletons(withRootView rootView: UIView) {
+    func didShowSkeletons(rootView: UIView) {
         printSkeletonHierarchy(in: rootView)
+        NotificationCenter.default.post(name: .didShowSkeletons, object: rootView, userInfo: nil)
     }
-    
-    func willBeginHidingSkeletons(withRootView rootView: UIView) {
+
+    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(withRootView rootView: UIView) {
+    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")
+}

Sources/SkeletonGradient.swift

@@ -9,8 +9,7 @@
 import UIKit
 
 public struct SkeletonGradient {
-    
-    private var gradientColors: [UIColor]
+    private let gradientColors: [UIColor]
     
     public var colors: [UIColor] {
         return gradientColors

Sources/SkeletonLayer.swift

@@ -23,18 +23,17 @@ public enum SkeletonType {
         }
     }
     
-    var layerAnimation: SkeletonLayerAnimation {
+    func defaultLayerAnimation(isRTL: Bool) -> SkeletonLayerAnimation {
         switch self {
         case .solid:
             return { $0.pulse }
         case .gradient:
-            return { $0.sliding }
+            return { SkeletonAnimationBuilder().makeSlidingAnimation(withDirection: isRTL ? .rightLeft : .leftRight) }()
         }
     }
 }
 
 struct SkeletonLayer {
-    
     private var maskLayer: CALayer
     private weak var holder: UIView?
     
@@ -46,32 +45,87 @@ struct SkeletonLayer {
         return maskLayer
     }
     
-    init(withType type: SkeletonType, usingColors colors: [UIColor], andSkeletonHolder holder: UIView) {
+    init(type: SkeletonType, colors: [UIColor], skeletonHolder holder: UIView) {
         self.holder = holder
         self.maskLayer = type.layer
         self.maskLayer.anchorPoint = .zero
-        self.maskLayer.bounds = holder.maxBoundsEstimated
-        addMultilinesIfNeeded()
+        self.maskLayer.bounds = holder.definedMaxBounds
+        self.maskLayer.cornerRadius = CGFloat(holder.skeletonCornerRadius)
+        addTextLinesIfNeeded()
         self.maskLayer.tint(withColors: colors)
     }
     
-    func removeLayer() {
-        maskLayer.removeFromSuperlayer()
+    func update(usingColors colors: [UIColor]) {
+        layoutIfNeeded()
+        maskLayer.tint(withColors: colors)
+    }
+
+    func layoutIfNeeded() {
+        if let bounds = holder?.definedMaxBounds {
+            maskLayer.bounds = bounds
+        }
+        updateLinesIfNeeded()
     }
     
-    func addMultilinesIfNeeded() {
-        guard let multiLineView = holder as? ContainsMultilineText else { return }
-        maskLayer.addMultilinesLayers(lines: multiLineView.numLines, type: type, lastLineFillPercent: multiLineView.lastLineFillingPercent, multilineCornerRadius: multiLineView.multilineCornerRadius)
+    func removeLayer(transition: SkeletonTransitionStyle, completion: (() -> Void)? = nil) {
+        switch transition {
+        case .none:
+            maskLayer.removeFromSuperlayer()
+            completion?()
+        case .crossDissolve(let duration):
+            maskLayer.setOpacity(from: 1, to: 0, duration: duration) {
+                self.maskLayer.removeFromSuperlayer()
+                completion?()
+            }
+        }
+    }
+
+    /// If there is more than one line, or custom preferences have been set for a single line, draw custom layers
+    func addTextLinesIfNeeded() {
+        guard let textView = holderAsTextView else { return }
+        let lineHeight = textView.multilineTextFont?.lineHeight ?? SkeletonAppearance.default.multilineHeight
+        let config = SkeletonMultilinesLayerConfig(lines: textView.numLines,
+                                                   lineHeight: lineHeight,
+                                                   type: type,
+                                                   lastLineFillPercent: textView.lastLineFillingPercent,
+                                                   multilineCornerRadius: textView.multilineCornerRadius,
+                                                   multilineSpacing: textView.multilineSpacing,
+                                                   paddingInsets: textView.paddingInsets,
+                                                   isRTL: holder?.isRTL ?? false)
+
+        maskLayer.addMultilinesLayers(for: config)
+    }
+    
+    func updateLinesIfNeeded() {
+        guard let textView = holderAsTextView else { return }
+        let lineHeight = textView.multilineTextFont?.lineHeight ?? SkeletonAppearance.default.multilineHeight
+        let config = SkeletonMultilinesLayerConfig(lines: textView.numLines,
+                                                   lineHeight: lineHeight,
+                                                   type: type,
+                                                   lastLineFillPercent: textView.lastLineFillingPercent,
+                                                   multilineCornerRadius: textView.multilineCornerRadius,
+                                                   multilineSpacing: textView.multilineSpacing,
+                                                   paddingInsets: textView.paddingInsets,
+                                                   isRTL: holder?.isRTL ?? false)
+        
+        maskLayer.updateMultilinesLayers(for: config)
+    }
+    
+    var holderAsTextView: ContainsMultilineText? {
+        guard let textView = holder as? ContainsMultilineText,
+            (textView.numLines == -1 || textView.numLines == 0 || textView.numLines > 1 || textView.numLines == 1 && !SkeletonAppearance.default.renderSingleLineAsView) else {
+                return nil
+        }
+        return textView
     }
 }
 
 extension SkeletonLayer {
-
-    func start(_ anim: SkeletonLayerAnimation? = nil) {
-        let animation = anim ?? type.layerAnimation
-        contentLayer.playAnimation(animation, key: "skeletonAnimation")
+    func start(_ anim: SkeletonLayerAnimation? = nil, completion: (() -> Void)? = nil) {
+        let animation = anim ?? type.defaultLayerAnimation(isRTL: holder?.isRTL ?? false)
+        contentLayer.playAnimation(animation, key: "skeletonAnimation", completion: completion)
     }
-    
+
     func stopAnimation() {
         contentLayer.stopAnimation(forKey: "skeletonAnimation")
     }

Sources/SkeletonView.swift

@@ -3,37 +3,89 @@
 import UIKit
 
 public extension UIView {
-    
-    func showSkeleton(usingColor color: UIColor = SkeletonAppearance.default.tintColor) {
-        showSkeleton(withType: .solid, usingColors: [color])
+    /// 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)) {
+        let config = SkeletonConfig(type: .solid, colors: [color], transition: transition)
+        showSkeleton(skeletonConfig: config)
     }
     
-    func showGradientSkeleton(usingGradient gradient: SkeletonGradient = SkeletonAppearance.default.gradient) {
-        showSkeleton(withType: .gradient, usingColors: gradient.colors)
+    /// 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)) {
+        let config = SkeletonConfig(type: .gradient, colors: gradient.colors, transition: transition)
+        showSkeleton(skeletonConfig: config)
     }
     
-    func showAnimatedSkeleton(usingColor color: UIColor = SkeletonAppearance.default.tintColor, animation: SkeletonLayerAnimation? = nil) {
-        showSkeleton(withType: .solid, usingColors: [color], animated: true, animation: animation)
+    /// 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)) {
+        let config = SkeletonConfig(type: .solid, colors: [color], animated: true, animation: animation, transition: transition)
+        showSkeleton(skeletonConfig: config)
     }
     
-    func showAnimatedGradientSkeleton(usingGradient gradient: SkeletonGradient = SkeletonAppearance.default.gradient, animation: SkeletonLayerAnimation? = nil) {
-        showSkeleton(withType: .gradient, usingColors: gradient.colors, animated: true, animation: animation)
+    /// 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)) {
+        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) {
-        flowDelegate?.willBeginHidingSkeletons(withRootView: self)
-        recursiveHideSkeleton(reloadDataAfter: reload, root: self)
+    func hideSkeleton(reloadDataAfter reload: Bool = true, transition: SkeletonTransitionStyle = .crossDissolve(0.25)) {
+        flowDelegate?.willBeginHidingSkeletons(rootView: self)
+        recursiveHideSkeleton(reloadDataAfter: reload, transition: transition, root: self)
     }
     
     func startSkeletonAnimation(_ anim: SkeletonLayerAnimation? = nil) {
-        skeletonIsAnimated = true
         subviewsSkeletonables.recursiveSearch(leafBlock: startSkeletonLayerAnimationBlock(anim)) { subview in
             subview.startSkeletonAnimation(anim)
         }
     }
 
     func stopSkeletonAnimation() {
-        skeletonIsAnimated = false
         subviewsSkeletonables.recursiveSearch(leafBlock: stopSkeletonLayerAnimationBlock) { subview in
             subview.stopSkeletonAnimation()
         }
@@ -41,84 +93,203 @@ public extension UIView {
 }
 
 extension UIView {
-    
-    func showSkeleton(withType type: SkeletonType = .solid, usingColors colors: [UIColor], animated: Bool = false, animation: SkeletonLayerAnimation? = nil) {
-        skeletonIsAnimated = animated
-        flowDelegate = SkeletonFlowHandler()
-        flowDelegate?.willBeginShowingSkeletons(withRootView: self)
-        recursiveShowSkeleton(withType: type, usingColors: colors, animated: animated, animation: animation, root: self)
+    @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)
     }
     
-    fileprivate func recursiveShowSkeleton(withType type: SkeletonType, usingColors colors: [UIColor], animated: Bool, animation: SkeletonLayerAnimation?, root: UIView? = nil) {
-        addDummyDataSourceIfNeeded()
+    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: {
-            guard !isSkeletonActive else { return }
-            isUserInteractionEnabled = false
-            saveViewState()
-            (self as? PrepareForSkeleton)?.prepareViewForSkeleton()
-            addSkeletonLayer(withType: type, usingColors: colors, animated: animated, animation: animation)
+            showSkeletonIfNotActive(skeletonConfig: config)
         }) { subview in
-            subview.recursiveShowSkeleton(withType: type, usingColors: colors, animated: animated, animation: animation)
+            subview.recursiveShowSkeleton(skeletonConfig: config)
         }
 
         if let root = root {
-            flowDelegate?.didShowSkeletons(withRootView: root)
+            flowDelegate?.didShowSkeletons(rootView: root)
         }
     }
-    
-    fileprivate func recursiveHideSkeleton(reloadDataAfter reload: Bool, root: UIView? = nil) {
-        removeDummyDataSourceIfNeeded(reloadAfter: reload)
+
+    private func showSkeletonIfNotActive(skeletonConfig config: SkeletonConfig) {
+        guard !isSkeletonActive else { return }
+        saveViewState()
+        isUserInteractionEnabled = false
+        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
         isUserInteractionEnabled = true
+        removeDummyDataSourceIfNeeded(reloadAfter: reload)
         subviewsSkeletonables.recursiveSearch(leafBlock: {
             recoverViewState(forced: false)
             removeSkeletonLayer()
         }) { subview in
-            subview.recursiveHideSkeleton(reloadDataAfter: reload)
+            subview.recursiveHideSkeleton(reloadDataAfter: reload, transition: transition)
         }
+        
         if let root = root {
-            flowDelegate?.didHideSkeletons(withRootView: root)
+            flowDelegate?.didHideSkeletons(rootView: root)
         }
     }
     
-    fileprivate func startSkeletonLayerAnimationBlock(_ anim: SkeletonLayerAnimation? = nil) -> VoidBlock {
+    private func startSkeletonLayerAnimationBlock(_ anim: SkeletonLayerAnimation? = nil) -> VoidBlock {
         return {
+            self.isSkeletonAnimated = true
             guard let layer = self.skeletonLayer else { return }
-            layer.start(anim)
+            layer.start(anim) { [weak self] in
+                self?.isSkeletonAnimated = false
+            }
         }
     }
     
-    fileprivate var stopSkeletonLayerAnimationBlock: VoidBlock {
+    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 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)
+            }
+        }
+    }
 }
 
 extension UIView {
-    
-    func addSkeletonLayer(withType type: SkeletonType, usingColors colors: [UIColor], gradientDirection direction: GradientDirection? = nil, animated: Bool, animation: SkeletonLayerAnimation? = nil) {
+    func addSkeletonLayer(skeletonConfig config: SkeletonConfig) {
         guard let skeletonLayer = SkeletonLayerBuilder()
-            .setSkeletonType(type)
-            .addColors(colors)
+            .setSkeletonType(config.type)
+            .addColors(config.colors)
             .setHolder(self)
             .build()
             else { return }
 
         self.skeletonLayer = skeletonLayer
-        layer.insertSublayer(skeletonLayer.contentLayer, at: UInt32.max)
-        if animated { skeletonLayer.start(animation) }
+        layer.insertSublayer(skeletonLayer,
+                             at: UInt32.max,
+                             transition: config.transition) { [weak self] in
+                                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 layer = skeletonLayer else { return }
-        layer.stopAnimation()
-        layer.removeLayer()
-        skeletonLayer = nil
-        status = .off
+            let skeletonLayer = skeletonLayer,
+            let transitionStyle = currentSkeletonConfig?.transition else { return }
+        skeletonLayer.stopAnimation()
+        skeletonLayer.removeLayer(transition: transitionStyle) {
+            self.skeletonLayer = nil
+            self.status = .off
+            self.currentSkeletonConfig = nil
+        }
     }
 }
-

Sources/SubviewsSkeletonables.swift

@@ -13,35 +13,36 @@ extension UIView {
 }
 
 extension UITableView {
-
     override var subviewsToSkeleton: [UIView] {
-        return visibleCells
+        return visibleCells + visibleSectionHeaders + visibleSectionFooters
     }
 }
 
 extension UITableViewCell {
+    override var subviewsToSkeleton: [UIView] {
+        return contentView.subviews
+    }
+}
 
+extension UITableViewHeaderFooterView {
     override var subviewsToSkeleton: [UIView] {
         return contentView.subviews
     }
 }
 
 extension UICollectionView {
-
     override var subviewsToSkeleton: [UIView] {
         return subviews
     }
 }
 
 extension UICollectionViewCell {
-
     override var subviewsToSkeleton: [UIView] {
         return contentView.subviews
     }
 }
 
 extension UIStackView {
-
     override var subviewsToSkeleton: [UIView] {
         return arrangedSubviews
     }