├── SkeletonViewTutorial ├── Assets.xcassets │ ├── Contents.json │ ├── mouredev_avatar.imageset │ │ ├── mouredev.jpg │ │ └── Contents.json │ └── AppIcon.appiconset │ │ └── Contents.json ├── AppDelegate.swift ├── Base.lproj │ ├── LaunchScreen.storyboard │ └── Main.storyboard ├── Info.plist ├── SceneDelegate.swift └── ViewController.swift ├── SkeletonViewTutorial.xcodeproj ├── project.xcworkspace │ ├── contents.xcworkspacedata │ └── xcshareddata │ │ ├── IDEWorkspaceChecks.plist │ │ └── swiftpm │ │ └── Package.resolved └── project.pbxproj ├── README.md └── .gitignore /SkeletonViewTutorial/Assets.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "author" : "xcode", 4 | "version" : 1 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /SkeletonViewTutorial/Assets.xcassets/mouredev_avatar.imageset/mouredev.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mouredev/SkeletonViewTutorial/HEAD/SkeletonViewTutorial/Assets.xcassets/mouredev_avatar.imageset/mouredev.jpg -------------------------------------------------------------------------------- /SkeletonViewTutorial.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /SkeletonViewTutorial/Assets.xcassets/mouredev_avatar.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "filename" : "mouredev.jpg", 5 | "idiom" : "universal" 6 | } 7 | ], 8 | "info" : { 9 | "author" : "xcode", 10 | "version" : 1 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /SkeletonViewTutorial.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /SkeletonViewTutorial.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved: -------------------------------------------------------------------------------- 1 | { 2 | "object": { 3 | "pins": [ 4 | { 5 | "package": "SkeletonView", 6 | "repositoryURL": "https://github.com/Juanpe/SkeletonView.git", 7 | "state": { 8 | "branch": null, 9 | "revision": "b93bae7b4923d049a7efd5ae60e236180ea8bec4", 10 | "version": "1.8.8" 11 | } 12 | } 13 | ] 14 | }, 15 | "version": 1 16 | } 17 | -------------------------------------------------------------------------------- /SkeletonViewTutorial/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | // 2 | // AppDelegate.swift 3 | // SkeletonViewTutorial 4 | // 5 | // Created by Brais Moure on 09/09/2020. 6 | // Copyright © 2020 MoureDev. All rights reserved. 7 | // 8 | 9 | import UIKit 10 | 11 | @UIApplicationMain 12 | class AppDelegate: UIResponder, UIApplicationDelegate { 13 | 14 | 15 | 16 | func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool { 17 | // Override point for customization after application launch. 18 | return true 19 | } 20 | 21 | // MARK: UISceneSession Lifecycle 22 | 23 | func application(_ application: UIApplication, configurationForConnecting connectingSceneSession: UISceneSession, options: UIScene.ConnectionOptions) -> UISceneConfiguration { 24 | // Called when a new scene session is being created. 25 | // Use this method to select a configuration to create the new scene with. 26 | return UISceneConfiguration(name: "Default Configuration", sessionRole: connectingSceneSession.role) 27 | } 28 | 29 | func application(_ application: UIApplication, didDiscardSceneSessions sceneSessions: Set) { 30 | // Called when the user discards a scene session. 31 | // If any sessions were discarded while the application was not running, this will be called shortly after application:didFinishLaunchingWithOptions. 32 | // Use this method to release any resources that were specific to the discarded scenes, as they will not return. 33 | } 34 | 35 | 36 | } 37 | 38 | -------------------------------------------------------------------------------- /SkeletonViewTutorial/Base.lproj/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /SkeletonViewTutorial/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "scale" : "2x", 6 | "size" : "20x20" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "scale" : "3x", 11 | "size" : "20x20" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "scale" : "2x", 16 | "size" : "29x29" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "scale" : "3x", 21 | "size" : "29x29" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "scale" : "2x", 26 | "size" : "40x40" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "scale" : "3x", 31 | "size" : "40x40" 32 | }, 33 | { 34 | "idiom" : "iphone", 35 | "scale" : "2x", 36 | "size" : "60x60" 37 | }, 38 | { 39 | "idiom" : "iphone", 40 | "scale" : "3x", 41 | "size" : "60x60" 42 | }, 43 | { 44 | "idiom" : "ipad", 45 | "scale" : "1x", 46 | "size" : "20x20" 47 | }, 48 | { 49 | "idiom" : "ipad", 50 | "scale" : "2x", 51 | "size" : "20x20" 52 | }, 53 | { 54 | "idiom" : "ipad", 55 | "scale" : "1x", 56 | "size" : "29x29" 57 | }, 58 | { 59 | "idiom" : "ipad", 60 | "scale" : "2x", 61 | "size" : "29x29" 62 | }, 63 | { 64 | "idiom" : "ipad", 65 | "scale" : "1x", 66 | "size" : "40x40" 67 | }, 68 | { 69 | "idiom" : "ipad", 70 | "scale" : "2x", 71 | "size" : "40x40" 72 | }, 73 | { 74 | "idiom" : "ipad", 75 | "scale" : "1x", 76 | "size" : "76x76" 77 | }, 78 | { 79 | "idiom" : "ipad", 80 | "scale" : "2x", 81 | "size" : "76x76" 82 | }, 83 | { 84 | "idiom" : "ipad", 85 | "scale" : "2x", 86 | "size" : "83.5x83.5" 87 | }, 88 | { 89 | "idiom" : "ios-marketing", 90 | "scale" : "1x", 91 | "size" : "1024x1024" 92 | } 93 | ], 94 | "info" : { 95 | "author" : "xcode", 96 | "version" : 1 97 | } 98 | } 99 | -------------------------------------------------------------------------------- /SkeletonViewTutorial/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | $(PRODUCT_BUNDLE_PACKAGE_TYPE) 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleVersion 20 | 1 21 | LSRequiresIPhoneOS 22 | 23 | UIApplicationSceneManifest 24 | 25 | UIApplicationSupportsMultipleScenes 26 | 27 | UISceneConfigurations 28 | 29 | UIWindowSceneSessionRoleApplication 30 | 31 | 32 | UISceneConfigurationName 33 | Default Configuration 34 | UISceneDelegateClassName 35 | $(PRODUCT_MODULE_NAME).SceneDelegate 36 | UISceneStoryboardFile 37 | Main 38 | 39 | 40 | 41 | 42 | UILaunchStoryboardName 43 | LaunchScreen 44 | UIMainStoryboardFile 45 | Main 46 | UIRequiredDeviceCapabilities 47 | 48 | armv7 49 | 50 | UISupportedInterfaceOrientations 51 | 52 | UIInterfaceOrientationPortrait 53 | UIInterfaceOrientationLandscapeLeft 54 | UIInterfaceOrientationLandscapeRight 55 | 56 | UISupportedInterfaceOrientations~ipad 57 | 58 | UIInterfaceOrientationPortrait 59 | UIInterfaceOrientationPortraitUpsideDown 60 | UIInterfaceOrientationLandscapeLeft 61 | UIInterfaceOrientationLandscapeRight 62 | 63 | 64 | 65 | -------------------------------------------------------------------------------- /SkeletonViewTutorial/SceneDelegate.swift: -------------------------------------------------------------------------------- 1 | // 2 | // SceneDelegate.swift 3 | // SkeletonViewTutorial 4 | // 5 | // Created by Brais Moure on 09/09/2020. 6 | // Copyright © 2020 MoureDev. All rights reserved. 7 | // 8 | 9 | import UIKit 10 | 11 | class SceneDelegate: UIResponder, UIWindowSceneDelegate { 12 | 13 | var window: UIWindow? 14 | 15 | 16 | func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) { 17 | // Use this method to optionally configure and attach the UIWindow `window` to the provided UIWindowScene `scene`. 18 | // If using a storyboard, the `window` property will automatically be initialized and attached to the scene. 19 | // This delegate does not imply the connecting scene or session are new (see `application:configurationForConnectingSceneSession` instead). 20 | guard let _ = (scene as? UIWindowScene) else { return } 21 | } 22 | 23 | func sceneDidDisconnect(_ scene: UIScene) { 24 | // Called as the scene is being released by the system. 25 | // This occurs shortly after the scene enters the background, or when its session is discarded. 26 | // Release any resources associated with this scene that can be re-created the next time the scene connects. 27 | // The scene may re-connect later, as its session was not neccessarily discarded (see `application:didDiscardSceneSessions` instead). 28 | } 29 | 30 | func sceneDidBecomeActive(_ scene: UIScene) { 31 | // Called when the scene has moved from an inactive state to an active state. 32 | // Use this method to restart any tasks that were paused (or not yet started) when the scene was inactive. 33 | } 34 | 35 | func sceneWillResignActive(_ scene: UIScene) { 36 | // Called when the scene will move from an active state to an inactive state. 37 | // This may occur due to temporary interruptions (ex. an incoming phone call). 38 | } 39 | 40 | func sceneWillEnterForeground(_ scene: UIScene) { 41 | // Called as the scene transitions from the background to the foreground. 42 | // Use this method to undo the changes made on entering the background. 43 | } 44 | 45 | func sceneDidEnterBackground(_ scene: UIScene) { 46 | // Called as the scene transitions from the foreground to the background. 47 | // Use this method to save data, release shared resources, and store enough scene-specific state information 48 | // to restore the scene back to its current state. 49 | } 50 | 51 | 52 | } 53 | 54 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Tutorial [SkeletonView](https://github.com/Juanpe/SkeletonView) iOS 2 | ![](https://raw.githubusercontent.com/Juanpe/SkeletonView/develop/Assets/header2.jpg) 3 | [![Swift](https://img.shields.io/badge/Swift-5-orange.svg?longCache=true&style=popout-square)]() 4 | [![Xcode](https://img.shields.io/badge/Xcode-11+-blue.svg?longCache=true&style=popout-square)]() 5 | 6 | **`¡HOLA HACKERMEN! 👋🏼`** 7 | 8 | Bienvenidos al canal de [YouTube](https://www.youtube.com/channel/UCxPD7bsocoAMq8Dj18kmGyQ) ***MoureDev by Brais Moure***. 9 | 10 | Soy Brais Moure, desarrollador de software freelance. Comparto tutoriales sobre desarrollo de aplicaciones **iOS** y **Android**. 11 | 12 | Si te interesa el desarrollo de apps **`SUSCRÍBETE Y ACTIVA LA CAMPANA 👆🏼`** [Puedes hacerlo aquí 👈🏼](https://www.youtube.com/channel/UCxPD7bsocoAMq8Dj18kmGyQ?sub_confirmation=1) 13 | 14 | ## Descripción 15 | La carga de datos asíncrona en una App es un proceso muy habitual. En este tutorial para Swift y Xcode vamos a aprender a realizar animaciones de nuestra vista para representar este proceso de espera y carga gracias a la librería [SkeletonView](https://github.com/Juanpe/SkeletonView). 16 | 17 | Todo ello de una manera simple y mucho más profesional que usando el clásico spinner (UIActivityIndicatorView). 18 | 19 | ## Videotutorial 20 | [![Cómo crear una ANIMACIÓN de CARGA de DATOS en iOS | SkeletonView ☠️](https://img.youtube.com/vi/Zx1Pg1gPfxA/0.jpg)](https://www.youtube.com/watch?v=Zx1Pg1gPfxA) 21 | 22 | ## Requisitos 23 | * [Xcode](https://developer.apple.com/xcode/) 11+ 24 | * [SkeletonView](https://github.com/Juanpe/SkeletonView) 1.8.8 25 | 26 | ## ¿Te gusta el contenido? 27 | 28 | Déjame en comentarios tu opinión o cuéntame qué te gustaría ver en el canal. 29 | Si te gusta el contenido, **comparte**, **suscríbete** y **muéstrame tu dedo de darle al espacio con un like al vídeo** 👍🏼 30 | 31 | **¡GRACIAS!** 32 | 33 | ## Encuéntrame en: 34 | 35 | [![YouTube](https://img.shields.io/badge/YouTube-Mouredev_by_Brais_Moure-FF0000?style=for-the-badge&logo=youtube&logoColor=white&labelColor=101010)](https://youtube.com/mouredevapps) 36 | [![Twitch](https://img.shields.io/badge/Twitch-mouredev-9146FF?style=for-the-badge&logo=twitch&logoColor=white&labelColor=101010)](https://twitch.tv/mouredev) 37 |
38 | [![Twitter](https://img.shields.io/badge/Twitter-@mouredev-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white&labelColor=101010)](https://twitter.com/mouredev) 39 | [![Instagram](https://img.shields.io/badge/Instagram-@mouredev-E4405F?style=for-the-badge&logo=instagram&logoColor=white&labelColor=101010)](https://instagram.com/mouredev) 40 | [![Facebook](https://img.shields.io/badge/Facebook-@mouredev-1877F2?style=for-the-badge&logo=facebook&logoColor=white&labelColor=101010)](https://facebook.com/mouredev) 41 |
42 | [![LinkedIn](https://img.shields.io/badge/LinkedIn-Brais_Moure-0077B5?style=for-the-badge&logo=linkedin&logoColor=white&labelColor=101010)](https://www.linkedin.com/in/braismoure) 43 | [![Udemy](https://img.shields.io/badge/Udemy-Brais_Moure-EC5252?style=for-the-badge&logo=udemy&logoColor=white&labelColor=101010)](https://www.udemy.com/course/swift_ios/?referralCode=04756B8423CBE177B930) 44 | [![Web](https://img.shields.io/badge/My_Website-MoureDev.com-14a1f0?style=for-the-badge&logo=dev.to&logoColor=white&labelColor=101010)](https://mouredev.com) 45 | 46 | ### Autor 47 | *Brais Moure. © 2020* 48 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | # Created by https://www.toptal.com/developers/gitignore/api/xcode,swift,swiftpm,swiftpackagemanager,cocoapods 3 | # Edit at https://www.toptal.com/developers/gitignore?templates=xcode,swift,swiftpm,swiftpackagemanager,cocoapods 4 | 5 | ### CocoaPods ### 6 | ## CocoaPods GitIgnore Template 7 | 8 | # CocoaPods - Only use to conserve bandwidth / Save time on Pushing 9 | # - Also handy if you have a large number of dependant pods 10 | # - AS PER https://guides.cocoapods.org/using/using-cocoapods.html NEVER IGNORE THE LOCK FILE 11 | Pods/ 12 | 13 | ### Swift ### 14 | # Xcode 15 | # 16 | # gitignore contributors: remember to update Global/Xcode.gitignore, Objective-C.gitignore & Swift.gitignore 17 | 18 | ## User settings 19 | xcuserdata/ 20 | 21 | ## compatibility with Xcode 8 and earlier (ignoring not required starting Xcode 9) 22 | *.xcscmblueprint 23 | *.xccheckout 24 | 25 | ## compatibility with Xcode 3 and earlier (ignoring not required starting Xcode 4) 26 | build/ 27 | DerivedData/ 28 | *.moved-aside 29 | *.pbxuser 30 | !default.pbxuser 31 | *.mode1v3 32 | !default.mode1v3 33 | *.mode2v3 34 | !default.mode2v3 35 | *.perspectivev3 36 | !default.perspectivev3 37 | 38 | ## Obj-C/Swift specific 39 | *.hmap 40 | 41 | ## App packaging 42 | *.ipa 43 | *.dSYM.zip 44 | *.dSYM 45 | 46 | ## Playgrounds 47 | timeline.xctimeline 48 | playground.xcworkspace 49 | 50 | # Swift Package Manager 51 | # Add this line if you want to avoid checking in source code from Swift Package Manager dependencies. 52 | # Packages/ 53 | # Package.pins 54 | # Package.resolved 55 | # *.xcodeproj 56 | # Xcode automatically generates this directory with a .xcworkspacedata file and xcuserdata 57 | # hence it is not needed unless you have added a package configuration file to your project 58 | # .swiftpm 59 | 60 | .build/ 61 | 62 | # CocoaPods 63 | # We recommend against adding the Pods directory to your .gitignore. However 64 | # you should judge for yourself, the pros and cons are mentioned at: 65 | # https://guides.cocoapods.org/using/using-cocoapods.html#should-i-check-the-pods-directory-into-source-control 66 | # Pods/ 67 | # Add this line if you want to avoid checking in source code from the Xcode workspace 68 | # *.xcworkspace 69 | 70 | # Carthage 71 | # Add this line if you want to avoid checking in source code from Carthage dependencies. 72 | # Carthage/Checkouts 73 | 74 | Carthage/Build/ 75 | 76 | # Accio dependency management 77 | Dependencies/ 78 | .accio/ 79 | 80 | # fastlane 81 | # It is recommended to not store the screenshots in the git repo. 82 | # Instead, use fastlane to re-generate the screenshots whenever they are needed. 83 | # For more information about the recommended setup visit: 84 | # https://docs.fastlane.tools/best-practices/source-control/#source-control 85 | 86 | fastlane/report.xml 87 | fastlane/Preview.html 88 | fastlane/screenshots/**/*.png 89 | fastlane/test_output 90 | 91 | # Code Injection 92 | # After new code Injection tools there's a generated folder /iOSInjectionProject 93 | # https://github.com/johnno1962/injectionforxcode 94 | 95 | iOSInjectionProject/ 96 | 97 | ### SwiftPackageManager ### 98 | Packages 99 | xcuserdata 100 | # *.xcodeproj 101 | 102 | 103 | ### SwiftPM ### 104 | 105 | 106 | ### Xcode ### 107 | # Xcode 108 | # gitignore contributors: remember to update Global/Xcode.gitignore, Objective-C.gitignore & Swift.gitignore 109 | 110 | 111 | 112 | 113 | ## Gcc Patch 114 | /*.gcno 115 | 116 | ### Xcode Patch ### 117 | # *.xcodeproj/* 118 | !*.xcodeproj/project.pbxproj 119 | !*.xcodeproj/xcshareddata/ 120 | !*.xcworkspace/contents.xcworkspacedata 121 | **/xcshareddata/WorkspaceSettings.xcsettings 122 | 123 | # End of https://www.toptal.com/developers/gitignore/api/xcode,swift,swiftpm,swiftpackagemanager,cocoapods -------------------------------------------------------------------------------- /SkeletonViewTutorial/ViewController.swift: -------------------------------------------------------------------------------- 1 | // 2 | // ViewController.swift 3 | // SkeletonViewTutorial 4 | // 5 | // Created by Brais Moure on 09/09/2020. 6 | // Copyright © 2020 MoureDev. All rights reserved. 7 | // 8 | 9 | import UIKit 10 | import SkeletonView 11 | 12 | // MARK: - ViewController 13 | final class ViewController: UIViewController { 14 | 15 | // MARK: - Outlets 16 | 17 | // Header 18 | @IBOutlet weak var avatarImageView: UIImageView! 19 | @IBOutlet weak var nameLabel: UILabel! 20 | @IBOutlet weak var emailLabel: UILabel! 21 | @IBOutlet weak var webLabel: UILabel! 22 | 23 | // Table 24 | @IBOutlet weak var tableView: UITableView! 25 | 26 | // Footer 27 | 28 | @IBOutlet weak var loadButton: UIButton! 29 | 30 | // MARK: - Properties 31 | 32 | private var textData: [String] = [] 33 | 34 | // MARK: - Life cycle 35 | 36 | override func viewDidLoad() { 37 | super.viewDidLoad() 38 | 39 | // UI 40 | setupUI() 41 | 42 | // Skeleton 43 | setupSkeleton() 44 | } 45 | 46 | // MARK: - Private methods 47 | 48 | private func setupUI() { 49 | 50 | // Header 51 | 52 | avatarImageView.layer.borderColor = UIColor.systemBlue.cgColor 53 | avatarImageView.layer.borderWidth = 2 54 | avatarImageView.layer.cornerRadius = avatarImageView.bounds.height / 2 55 | avatarImageView.clipsToBounds = true 56 | 57 | nameLabel.text = "..." 58 | emailLabel.text = "" 59 | webLabel.text = "" 60 | 61 | // Table 62 | 63 | tableView.rowHeight = 96 64 | tableView.tableFooterView = UIView() 65 | tableView.dataSource = self 66 | 67 | // Footer 68 | 69 | loadButton.layer.cornerRadius = loadButton.bounds.height / 2 70 | loadButton.clipsToBounds = true 71 | } 72 | 73 | private func setupSkeleton() { 74 | 75 | // Header 76 | 77 | nameLabel.isSkeletonable = true 78 | nameLabel.linesCornerRadius = 8 79 | emailLabel.isSkeletonable = true 80 | emailLabel.linesCornerRadius = 8 81 | webLabel.isSkeletonable = true 82 | webLabel.linesCornerRadius = 8 83 | avatarImageView.isSkeletonable = true 84 | 85 | // Table 86 | 87 | tableView.isSkeletonable = true 88 | } 89 | 90 | private func loadData() { 91 | 92 | // Header 93 | 94 | nameLabel.showAnimatedGradientSkeleton() 95 | emailLabel.showAnimatedGradientSkeleton() 96 | webLabel.showAnimatedGradientSkeleton() 97 | avatarImageView.showAnimatedGradientSkeleton(usingGradient: .init(baseColor: .systemBlue), animation: nil, transition: .crossDissolve(0.5)) 98 | 99 | DispatchQueue.main.asyncAfter(deadline: .now() + 5) { 100 | 101 | self.nameLabel.hideSkeleton() 102 | self.emailLabel.hideSkeleton() 103 | self.webLabel.hideSkeleton() 104 | self.avatarImageView.hideSkeleton() 105 | 106 | self.nameLabel.text = "Brais Moure" 107 | self.emailLabel.text = "braismoure@mouredev.com" 108 | self.webLabel.text = "https://mouredev.com" 109 | self.avatarImageView.image = UIImage(named: "mouredev_avatar") 110 | } 111 | 112 | // Table 113 | 114 | for index in 1...20 { 115 | textData.append("Element number \(index)") 116 | } 117 | 118 | tableView.reloadData() 119 | 120 | tableView.showAnimatedGradientSkeleton() 121 | 122 | DispatchQueue.main.asyncAfter(deadline: .now() + 10) { 123 | self.tableView.hideSkeleton() 124 | } 125 | } 126 | 127 | // MARK: - Actions 128 | 129 | @IBAction func loadButtonAction(_ sender: Any) { 130 | 131 | loadButton.isHidden = true 132 | 133 | loadData() 134 | } 135 | 136 | } 137 | 138 | // MARK: - SkeletonTableViewDataSource 139 | extension ViewController: SkeletonTableViewDataSource { 140 | 141 | func collectionSkeletonView(_ skeletonView: UITableView, cellIdentifierForRowAt indexPath: IndexPath) -> ReusableCellIdentifier { 142 | return DataTableViewCell.kCellId 143 | } 144 | 145 | func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { 146 | return textData.count 147 | } 148 | 149 | func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { 150 | 151 | if let cell = tableView.dequeueReusableCell(withIdentifier: DataTableViewCell.kCellId) as? DataTableViewCell { 152 | 153 | cell.fill(index: indexPath.row + 1, text: textData[indexPath.row]) 154 | 155 | return cell 156 | } 157 | 158 | return UITableViewCell() 159 | } 160 | 161 | } 162 | 163 | // MARK: - DataTableViewCell 164 | final class DataTableViewCell: UITableViewCell { 165 | 166 | // MARK: - Outlets 167 | 168 | @IBOutlet weak var iconImageView: UIImageView! 169 | @IBOutlet weak var titleLabel: UILabel! 170 | @IBOutlet weak var bodyLabel: UILabel! 171 | 172 | // MARK: - Properties 173 | 174 | static let kCellId = "DataTableViewCell" 175 | 176 | // MARK: - Life cycle 177 | 178 | override func awakeFromNib() { 179 | super.awakeFromNib() 180 | 181 | // UI 182 | setupUI() 183 | 184 | // Skeleton 185 | setupSkeleton() 186 | } 187 | 188 | // MARK: - Public methods 189 | 190 | func fill(index: Int, text: String) { 191 | 192 | self.iconImageView.image = UIImage(systemName: "\(index).circle.fill") 193 | self.titleLabel.text = "Title: \(text)" 194 | self.bodyLabel.text = "Description: \(text)" 195 | } 196 | 197 | // MARK: - Private methods 198 | 199 | private func setupUI() { 200 | 201 | titleLabel.text = "" 202 | bodyLabel.text = "" 203 | iconImageView.layer.cornerRadius = iconImageView.bounds.height / 2 204 | iconImageView.clipsToBounds = true 205 | } 206 | 207 | private func setupSkeleton() { 208 | 209 | isSkeletonable = true 210 | 211 | titleLabel.isSkeletonable = true 212 | titleLabel.linesCornerRadius = 8 213 | bodyLabel.isSkeletonable = true 214 | bodyLabel.linesCornerRadius = 8 215 | iconImageView.isSkeletonable = true 216 | } 217 | 218 | } 219 | 220 | -------------------------------------------------------------------------------- /SkeletonViewTutorial.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 52; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | AC14EFDF250B990A0097CD16 /* SkeletonView in Frameworks */ = {isa = PBXBuildFile; productRef = AC14EFDE250B990A0097CD16 /* SkeletonView */; }; 11 | ACD5825C2508AFA900C12CFB /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACD5825B2508AFA900C12CFB /* AppDelegate.swift */; }; 12 | ACD5825E2508AFA900C12CFB /* SceneDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACD5825D2508AFA900C12CFB /* SceneDelegate.swift */; }; 13 | ACD582602508AFA900C12CFB /* ViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACD5825F2508AFA900C12CFB /* ViewController.swift */; }; 14 | ACD582632508AFA900C12CFB /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = ACD582612508AFA900C12CFB /* Main.storyboard */; }; 15 | ACD582652508AFAA00C12CFB /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = ACD582642508AFAA00C12CFB /* Assets.xcassets */; }; 16 | ACD582682508AFAA00C12CFB /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = ACD582662508AFAA00C12CFB /* LaunchScreen.storyboard */; }; 17 | /* End PBXBuildFile section */ 18 | 19 | /* Begin PBXFileReference section */ 20 | ACD582582508AFA900C12CFB /* SkeletonViewTutorial.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = SkeletonViewTutorial.app; sourceTree = BUILT_PRODUCTS_DIR; }; 21 | ACD5825B2508AFA900C12CFB /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = ""; }; 22 | ACD5825D2508AFA900C12CFB /* SceneDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SceneDelegate.swift; sourceTree = ""; }; 23 | ACD5825F2508AFA900C12CFB /* ViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ViewController.swift; sourceTree = ""; }; 24 | ACD582622508AFA900C12CFB /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = ""; }; 25 | ACD582642508AFAA00C12CFB /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; }; 26 | ACD582672508AFAA00C12CFB /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = ""; }; 27 | ACD582692508AFAA00C12CFB /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 28 | /* End PBXFileReference section */ 29 | 30 | /* Begin PBXFrameworksBuildPhase section */ 31 | ACD582552508AFA900C12CFB /* Frameworks */ = { 32 | isa = PBXFrameworksBuildPhase; 33 | buildActionMask = 2147483647; 34 | files = ( 35 | AC14EFDF250B990A0097CD16 /* SkeletonView in Frameworks */, 36 | ); 37 | runOnlyForDeploymentPostprocessing = 0; 38 | }; 39 | /* End PBXFrameworksBuildPhase section */ 40 | 41 | /* Begin PBXGroup section */ 42 | ACD5824F2508AFA900C12CFB = { 43 | isa = PBXGroup; 44 | children = ( 45 | ACD5825A2508AFA900C12CFB /* SkeletonViewTutorial */, 46 | ACD582592508AFA900C12CFB /* Products */, 47 | ); 48 | sourceTree = ""; 49 | }; 50 | ACD582592508AFA900C12CFB /* Products */ = { 51 | isa = PBXGroup; 52 | children = ( 53 | ACD582582508AFA900C12CFB /* SkeletonViewTutorial.app */, 54 | ); 55 | name = Products; 56 | sourceTree = ""; 57 | }; 58 | ACD5825A2508AFA900C12CFB /* SkeletonViewTutorial */ = { 59 | isa = PBXGroup; 60 | children = ( 61 | ACD5825B2508AFA900C12CFB /* AppDelegate.swift */, 62 | ACD5825D2508AFA900C12CFB /* SceneDelegate.swift */, 63 | ACD5825F2508AFA900C12CFB /* ViewController.swift */, 64 | ACD582612508AFA900C12CFB /* Main.storyboard */, 65 | ACD582642508AFAA00C12CFB /* Assets.xcassets */, 66 | ACD582662508AFAA00C12CFB /* LaunchScreen.storyboard */, 67 | ACD582692508AFAA00C12CFB /* Info.plist */, 68 | ); 69 | path = SkeletonViewTutorial; 70 | sourceTree = ""; 71 | }; 72 | /* End PBXGroup section */ 73 | 74 | /* Begin PBXNativeTarget section */ 75 | ACD582572508AFA900C12CFB /* SkeletonViewTutorial */ = { 76 | isa = PBXNativeTarget; 77 | buildConfigurationList = ACD5826C2508AFAA00C12CFB /* Build configuration list for PBXNativeTarget "SkeletonViewTutorial" */; 78 | buildPhases = ( 79 | ACD582542508AFA900C12CFB /* Sources */, 80 | ACD582552508AFA900C12CFB /* Frameworks */, 81 | ACD582562508AFA900C12CFB /* Resources */, 82 | ); 83 | buildRules = ( 84 | ); 85 | dependencies = ( 86 | ); 87 | name = SkeletonViewTutorial; 88 | packageProductDependencies = ( 89 | AC14EFDE250B990A0097CD16 /* SkeletonView */, 90 | ); 91 | productName = SkeletonViewTutorial; 92 | productReference = ACD582582508AFA900C12CFB /* SkeletonViewTutorial.app */; 93 | productType = "com.apple.product-type.application"; 94 | }; 95 | /* End PBXNativeTarget section */ 96 | 97 | /* Begin PBXProject section */ 98 | ACD582502508AFA900C12CFB /* Project object */ = { 99 | isa = PBXProject; 100 | attributes = { 101 | LastSwiftUpdateCheck = 1170; 102 | LastUpgradeCheck = 1200; 103 | ORGANIZATIONNAME = MoureDev; 104 | TargetAttributes = { 105 | ACD582572508AFA900C12CFB = { 106 | CreatedOnToolsVersion = 11.7; 107 | }; 108 | }; 109 | }; 110 | buildConfigurationList = ACD582532508AFA900C12CFB /* Build configuration list for PBXProject "SkeletonViewTutorial" */; 111 | compatibilityVersion = "Xcode 9.3"; 112 | developmentRegion = en; 113 | hasScannedForEncodings = 0; 114 | knownRegions = ( 115 | en, 116 | Base, 117 | ); 118 | mainGroup = ACD5824F2508AFA900C12CFB; 119 | packageReferences = ( 120 | AC14EFDD250B990A0097CD16 /* XCRemoteSwiftPackageReference "SkeletonView" */, 121 | ); 122 | productRefGroup = ACD582592508AFA900C12CFB /* Products */; 123 | projectDirPath = ""; 124 | projectRoot = ""; 125 | targets = ( 126 | ACD582572508AFA900C12CFB /* SkeletonViewTutorial */, 127 | ); 128 | }; 129 | /* End PBXProject section */ 130 | 131 | /* Begin PBXResourcesBuildPhase section */ 132 | ACD582562508AFA900C12CFB /* Resources */ = { 133 | isa = PBXResourcesBuildPhase; 134 | buildActionMask = 2147483647; 135 | files = ( 136 | ACD582682508AFAA00C12CFB /* LaunchScreen.storyboard in Resources */, 137 | ACD582652508AFAA00C12CFB /* Assets.xcassets in Resources */, 138 | ACD582632508AFA900C12CFB /* Main.storyboard in Resources */, 139 | ); 140 | runOnlyForDeploymentPostprocessing = 0; 141 | }; 142 | /* End PBXResourcesBuildPhase section */ 143 | 144 | /* Begin PBXSourcesBuildPhase section */ 145 | ACD582542508AFA900C12CFB /* Sources */ = { 146 | isa = PBXSourcesBuildPhase; 147 | buildActionMask = 2147483647; 148 | files = ( 149 | ACD582602508AFA900C12CFB /* ViewController.swift in Sources */, 150 | ACD5825C2508AFA900C12CFB /* AppDelegate.swift in Sources */, 151 | ACD5825E2508AFA900C12CFB /* SceneDelegate.swift in Sources */, 152 | ); 153 | runOnlyForDeploymentPostprocessing = 0; 154 | }; 155 | /* End PBXSourcesBuildPhase section */ 156 | 157 | /* Begin PBXVariantGroup section */ 158 | ACD582612508AFA900C12CFB /* Main.storyboard */ = { 159 | isa = PBXVariantGroup; 160 | children = ( 161 | ACD582622508AFA900C12CFB /* Base */, 162 | ); 163 | name = Main.storyboard; 164 | sourceTree = ""; 165 | }; 166 | ACD582662508AFAA00C12CFB /* LaunchScreen.storyboard */ = { 167 | isa = PBXVariantGroup; 168 | children = ( 169 | ACD582672508AFAA00C12CFB /* Base */, 170 | ); 171 | name = LaunchScreen.storyboard; 172 | sourceTree = ""; 173 | }; 174 | /* End PBXVariantGroup section */ 175 | 176 | /* Begin XCBuildConfiguration section */ 177 | ACD5826A2508AFAA00C12CFB /* Debug */ = { 178 | isa = XCBuildConfiguration; 179 | buildSettings = { 180 | ALWAYS_SEARCH_USER_PATHS = NO; 181 | CLANG_ANALYZER_NONNULL = YES; 182 | CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE; 183 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++14"; 184 | CLANG_CXX_LIBRARY = "libc++"; 185 | CLANG_ENABLE_MODULES = YES; 186 | CLANG_ENABLE_OBJC_ARC = YES; 187 | CLANG_ENABLE_OBJC_WEAK = YES; 188 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 189 | CLANG_WARN_BOOL_CONVERSION = YES; 190 | CLANG_WARN_COMMA = YES; 191 | CLANG_WARN_CONSTANT_CONVERSION = YES; 192 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 193 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 194 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 195 | CLANG_WARN_EMPTY_BODY = YES; 196 | CLANG_WARN_ENUM_CONVERSION = YES; 197 | CLANG_WARN_INFINITE_RECURSION = YES; 198 | CLANG_WARN_INT_CONVERSION = YES; 199 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 200 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 201 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 202 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 203 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 204 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 205 | CLANG_WARN_STRICT_PROTOTYPES = YES; 206 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 207 | CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE; 208 | CLANG_WARN_UNREACHABLE_CODE = YES; 209 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 210 | COPY_PHASE_STRIP = NO; 211 | DEBUG_INFORMATION_FORMAT = dwarf; 212 | ENABLE_STRICT_OBJC_MSGSEND = YES; 213 | ENABLE_TESTABILITY = YES; 214 | GCC_C_LANGUAGE_STANDARD = gnu11; 215 | GCC_DYNAMIC_NO_PIC = NO; 216 | GCC_NO_COMMON_BLOCKS = YES; 217 | GCC_OPTIMIZATION_LEVEL = 0; 218 | GCC_PREPROCESSOR_DEFINITIONS = ( 219 | "DEBUG=1", 220 | "$(inherited)", 221 | ); 222 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 223 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 224 | GCC_WARN_UNDECLARED_SELECTOR = YES; 225 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 226 | GCC_WARN_UNUSED_FUNCTION = YES; 227 | GCC_WARN_UNUSED_VARIABLE = YES; 228 | IPHONEOS_DEPLOYMENT_TARGET = 13.0; 229 | MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE; 230 | MTL_FAST_MATH = YES; 231 | ONLY_ACTIVE_ARCH = YES; 232 | SDKROOT = iphoneos; 233 | SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG; 234 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 235 | }; 236 | name = Debug; 237 | }; 238 | ACD5826B2508AFAA00C12CFB /* Release */ = { 239 | isa = XCBuildConfiguration; 240 | buildSettings = { 241 | ALWAYS_SEARCH_USER_PATHS = NO; 242 | CLANG_ANALYZER_NONNULL = YES; 243 | CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE; 244 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++14"; 245 | CLANG_CXX_LIBRARY = "libc++"; 246 | CLANG_ENABLE_MODULES = YES; 247 | CLANG_ENABLE_OBJC_ARC = YES; 248 | CLANG_ENABLE_OBJC_WEAK = YES; 249 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 250 | CLANG_WARN_BOOL_CONVERSION = YES; 251 | CLANG_WARN_COMMA = YES; 252 | CLANG_WARN_CONSTANT_CONVERSION = YES; 253 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 254 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 255 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 256 | CLANG_WARN_EMPTY_BODY = YES; 257 | CLANG_WARN_ENUM_CONVERSION = YES; 258 | CLANG_WARN_INFINITE_RECURSION = YES; 259 | CLANG_WARN_INT_CONVERSION = YES; 260 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 261 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 262 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 263 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 264 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 265 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 266 | CLANG_WARN_STRICT_PROTOTYPES = YES; 267 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 268 | CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE; 269 | CLANG_WARN_UNREACHABLE_CODE = YES; 270 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 271 | COPY_PHASE_STRIP = NO; 272 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 273 | ENABLE_NS_ASSERTIONS = NO; 274 | ENABLE_STRICT_OBJC_MSGSEND = YES; 275 | GCC_C_LANGUAGE_STANDARD = gnu11; 276 | GCC_NO_COMMON_BLOCKS = YES; 277 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 278 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 279 | GCC_WARN_UNDECLARED_SELECTOR = YES; 280 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 281 | GCC_WARN_UNUSED_FUNCTION = YES; 282 | GCC_WARN_UNUSED_VARIABLE = YES; 283 | IPHONEOS_DEPLOYMENT_TARGET = 13.0; 284 | MTL_ENABLE_DEBUG_INFO = NO; 285 | MTL_FAST_MATH = YES; 286 | SDKROOT = iphoneos; 287 | SWIFT_COMPILATION_MODE = wholemodule; 288 | SWIFT_OPTIMIZATION_LEVEL = "-O"; 289 | VALIDATE_PRODUCT = YES; 290 | }; 291 | name = Release; 292 | }; 293 | ACD5826D2508AFAA00C12CFB /* Debug */ = { 294 | isa = XCBuildConfiguration; 295 | buildSettings = { 296 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 297 | CODE_SIGN_STYLE = Automatic; 298 | DEVELOPMENT_TEAM = SJGR47U9J5; 299 | INFOPLIST_FILE = SkeletonViewTutorial/Info.plist; 300 | IPHONEOS_DEPLOYMENT_TARGET = 13.0; 301 | LD_RUNPATH_SEARCH_PATHS = ( 302 | "$(inherited)", 303 | "@executable_path/Frameworks", 304 | ); 305 | PRODUCT_BUNDLE_IDENTIFIER = com.mouredev.SkeletonViewTutorial; 306 | PRODUCT_NAME = "$(TARGET_NAME)"; 307 | SWIFT_VERSION = 5.0; 308 | TARGETED_DEVICE_FAMILY = "1,2"; 309 | }; 310 | name = Debug; 311 | }; 312 | ACD5826E2508AFAA00C12CFB /* Release */ = { 313 | isa = XCBuildConfiguration; 314 | buildSettings = { 315 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 316 | CODE_SIGN_STYLE = Automatic; 317 | DEVELOPMENT_TEAM = SJGR47U9J5; 318 | INFOPLIST_FILE = SkeletonViewTutorial/Info.plist; 319 | IPHONEOS_DEPLOYMENT_TARGET = 13.0; 320 | LD_RUNPATH_SEARCH_PATHS = ( 321 | "$(inherited)", 322 | "@executable_path/Frameworks", 323 | ); 324 | PRODUCT_BUNDLE_IDENTIFIER = com.mouredev.SkeletonViewTutorial; 325 | PRODUCT_NAME = "$(TARGET_NAME)"; 326 | SWIFT_VERSION = 5.0; 327 | TARGETED_DEVICE_FAMILY = "1,2"; 328 | }; 329 | name = Release; 330 | }; 331 | /* End XCBuildConfiguration section */ 332 | 333 | /* Begin XCConfigurationList section */ 334 | ACD582532508AFA900C12CFB /* Build configuration list for PBXProject "SkeletonViewTutorial" */ = { 335 | isa = XCConfigurationList; 336 | buildConfigurations = ( 337 | ACD5826A2508AFAA00C12CFB /* Debug */, 338 | ACD5826B2508AFAA00C12CFB /* Release */, 339 | ); 340 | defaultConfigurationIsVisible = 0; 341 | defaultConfigurationName = Release; 342 | }; 343 | ACD5826C2508AFAA00C12CFB /* Build configuration list for PBXNativeTarget "SkeletonViewTutorial" */ = { 344 | isa = XCConfigurationList; 345 | buildConfigurations = ( 346 | ACD5826D2508AFAA00C12CFB /* Debug */, 347 | ACD5826E2508AFAA00C12CFB /* Release */, 348 | ); 349 | defaultConfigurationIsVisible = 0; 350 | defaultConfigurationName = Release; 351 | }; 352 | /* End XCConfigurationList section */ 353 | 354 | /* Begin XCRemoteSwiftPackageReference section */ 355 | AC14EFDD250B990A0097CD16 /* XCRemoteSwiftPackageReference "SkeletonView" */ = { 356 | isa = XCRemoteSwiftPackageReference; 357 | repositoryURL = "https://github.com/Juanpe/SkeletonView.git"; 358 | requirement = { 359 | kind = upToNextMajorVersion; 360 | minimumVersion = 1.8.8; 361 | }; 362 | }; 363 | /* End XCRemoteSwiftPackageReference section */ 364 | 365 | /* Begin XCSwiftPackageProductDependency section */ 366 | AC14EFDE250B990A0097CD16 /* SkeletonView */ = { 367 | isa = XCSwiftPackageProductDependency; 368 | package = AC14EFDD250B990A0097CD16 /* XCRemoteSwiftPackageReference "SkeletonView" */; 369 | productName = SkeletonView; 370 | }; 371 | /* End XCSwiftPackageProductDependency section */ 372 | }; 373 | rootObject = ACD582502508AFA900C12CFB /* Project object */; 374 | } 375 | -------------------------------------------------------------------------------- /SkeletonViewTutorial/Base.lproj/Main.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | --------------------------------------------------------------------------------