{"id":2285,"url":"https://github.com/ParkGwangBeom/Windless","last_synced_at":"2025-08-06T16:30:52.781Z","repository":{"id":56927573,"uuid":"108301767","full_name":"ParkGwangBeom/Windless","owner":"ParkGwangBeom","description":"Windless makes it easy to implement invisible layout loading view.","archived":false,"fork":false,"pushed_at":"2022-07-14T08:12:18.000Z","size":7676,"stargazers_count":951,"open_issues_count":8,"forks_count":61,"subscribers_count":20,"default_branch":"master","last_synced_at":"2024-10-30T00:01:09.254Z","etag":null,"topics":["animation","indicator","ios","layer","layout","loading","skeleton","skeletonview","swift"],"latest_commit_sha":null,"homepage":"","language":"Swift","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ParkGwangBeom.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-10-25T17:20:10.000Z","updated_at":"2024-10-17T00:45:27.000Z","dependencies_parsed_at":"2022-08-21T04:20:56.514Z","dependency_job_id":null,"html_url":"https://github.com/ParkGwangBeom/Windless","commit_stats":null,"previous_names":["interactive-studio/windless"],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParkGwangBeom%2FWindless","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParkGwangBeom%2FWindless/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParkGwangBeom%2FWindless/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParkGwangBeom%2FWindless/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ParkGwangBeom","download_url":"https://codeload.github.com/ParkGwangBeom/Windless/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228923677,"owners_count":17992566,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","indicator","ios","layer","layout","loading","skeleton","skeletonview","swift"],"created_at":"2024-01-05T20:16:09.832Z","updated_at":"2024-12-09T16:30:58.985Z","avatar_url":"https://github.com/ParkGwangBeom.png","language":"Swift","funding_links":[],"categories":["UI","Libs","Swift","UI [🔝](#readme)"],"sub_categories":["Activity Indicator","UI"],"readme":"# Windless\n\n[![Carthage compatible](https://img.shields.io/badge/Carthage-Compatible-brightgreen.svg?style=flat)](https://github.com/Carthage/Carthage)\n[![Version](https://img.shields.io/cocoapods/v/Hero.svg?style=flat)](http://cocoapods.org/pods/Hero)\n![Xcode 9.0+](https://img.shields.io/badge/Xcode-9.0%2B-blue.svg)\n![iOS 8.0+](https://img.shields.io/badge/iOS-8.0%2B-blue.svg)\n![Swift 4.0+](https://img.shields.io/badge/Swift-4.0%2B-orange.svg)\n[![License](https://img.shields.io/cocoapods/l/Hero.svg?style=flat)](https://github.com/lkzhao/Hero/blob/master/LICENSE?raw=true)\n\n**Windless** makes it easy to implement invisible layout loading view.\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd width=\"25%\"\u003e\n\u003cimg src=\"Resource/basic.gif\"\u003e\u003c/img\u003e\n\u003c/td\u003e\n\u003ctd width=\"25%\"\u003e\n\u003cimg src=\"Resource/table.gif\"\u003e\u003c/img\u003e\n\u003c/td\u003e\n\u003ctd width=\"25%\"\u003e\n\u003cimg src=\"Resource/collection.gif\"\u003e\u003c/img\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n## Contents\n\n- [Requirements](#requirements)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Looks](#looks)\n- [Credits](#credits)\n- [Communication](#communication)\n- [License](#license)\n\n## Requirements\n\n- iOS 8.0+\n- Xcode 9.0+\n- Swift 4.0+\n\n## Installation\n\n### CocoaPods\n\n[CocoaPods](http://cocoapods.org) is a dependency manager for Cocoa projects. You can install it with the following command:\n\n```bash\n$ gem install cocoapods\n```\n\n\u003e CocoaPods 1.1+ is required to build Windless 4.0+.\n\nTo integrate Windless into your Xcode project using CocoaPods, specify it in your `Podfile`:\n\n```ruby\nsource 'https://github.com/CocoaPods/Specs.git'\nplatform :ios, '8.0'\nuse_frameworks!\n\ntarget '\u003cYour Target Name\u003e' do\n    pod 'Windless', '~\u003e 0.1.5'\nend\n```\n\nThen, run the following command:\n\n```bash\n$ pod install\n```\n\n### Carthage\n\n[Carthage](https://github.com/Carthage/Carthage) is a decentralized dependency manager that builds your dependencies and provides you with binary frameworks.\n\nYou can install Carthage with [Homebrew](http://brew.sh/) using the following command:\n\n```bash\n$ brew update\n$ brew install carthage\n```\n\nTo integrate Windless into your Xcode project using Carthage, specify it in your `Cartfile`:\n\n```ogdl\ngithub \"Interactive-Studio/Windless\" ~\u003e 0.1.5\n```\n\nRun `carthage update` to build the framework and drag the built `Windless.framework` into your Xcode project.\n\n### Manually\n\nIf you prefer not to use either of the aforementioned dependency managers, you can integrate Windless into your project manually.\n\n---\n\n## Usage\n\n\n\n### Code\n\n```swift\nimport Windless\n\nclass ViewController: UIViewController {\n\n    lazy var contentsView = UIView()\n    \n    var subView1 = UIView()\n    var subView2 = UIView()\n\n    override func viewDidLoad() {\n        super.viewDidLoad()\n\n        self.view.addSubview(contentsView)\n        contentsView.addSubview(subView1)\n        contentsView.addSubview(subView2)\n        \n        // start\n        contentsView.windless\n                .setupWindlessableViews([subView1, subView2])\n                .start()\n                \n        // stop\n        contentsView.windless.end()\n    }\n\n}\n```\n\n### Storyboard, Xib\n\nIf you use **Storyboard** or **xib**, you only need to set the `isWindlessable` flag to true for the views you want to show as fake in the view inspector of the view, and you do not have to pass the view through the `setupWindlessableViews` method.\n\n\u003cimg src=\"Resource/example1.png\" width=\"400\"\u003e\n\n```swift\nimport Windless\n\nclass ViewController: UIViewController {\n\n    @IBOutlet weak var contentsView: UIView!\n\n    override func viewDidLoad() {\n        super.viewDidLoad()\n\n        contentsView.windless.start()\n    }\n}\n```\n\n### Multiline\n\nDepending on the `lineHeight` value and the` spacing` value, UILabel and UITextView will reconstruct the layout when the windless animation runs.\n\n\u003cimg src=\"Resource/multitext.png\" width=\"400\"\u003e\n\n```swift\npublic protocol CanBeMultipleLines {\n\n    var lineHeight: CGFloat { get set }\n\n    var spacing: CGFloat { get set }\n}\n```\n\n| Configuration | Result\n|------- | -------\n|\u003cimg src=\"Resource/multi1.png\" width=\"300\"\u003e | \u003cimg src=\"Resource/multi2.png\" width=\"300\"\u003e\n\n### Custom Options\n\nThere are several customizable options in **Windless**.\n\n```swift\npublic class WindlessConfiguration {\n    \n    /// The direction of windless animation. Defaults to rightDiagonal.\n    public var direction: WindlessDirection = .rightDiagonal\n    \n    /// The speed of windless animation. Defaults to 1.\n    public var speed: Float = 1\n    \n    /// The duration of the fade used when windless begins. Defaults to 0.\n    public var beginTime: CFTimeInterval = 0\n    \n    /// The time interval windless in seconds. Defaults to 4.\n    public var duration: CFTimeInterval = 4\n    \n    /// The time interval between windless in seconds. Defaults to 2.\n    public var pauseDuration: CFTimeInterval = 2\n    \n    /// gradient animation timingFunction default easeOut\n    public var timingFuction: CAMediaTimingFunction = .easeOut\n    \n    /// gradient layer center color default .lightGray\n    public var animationLayerColor: UIColor = .lightGray\n    \n    /// Mask layer background color default .groupTableViewBackground\n    public var animationBackgroundColor: UIColor = .groupTableViewBackground\n    \n    /// The opacity of the content while it is windless. Defaults to 0.8.\n    public var animationLayerOpacity: CGFloat = 0.8\n}\n```\n\nTo set the options, use the apply method as shown below.\n\n```swift\nimport Windless\n\nclass ViewController: UIViewController {\n\n    @IBOutlet weak var contentsView: UIView!\n\n    override func viewDidLoad() {\n        super.viewDidLoad()\n\n        contentsView.windless\n            .apply {\n                $0.beginTime = 1\n                $0.pauseDuration = 2\n                $0.duration = 3\n                $0.animationLayerOpacity = 0.5\n            }\n            .start()\n    }\n}\n```\n\nIf you want to know more detailed usage, please refer to Example.\n\n## Looks\n\nThe `isWindlessable` value determines how the loading view looks. The images below show how the loading screen will look according to the `isWindlessable` value.\n\n\u003e ```isWindlessable```= 🌀\n\n| Configuration | Result\n|------- | -------\n|\u003cimg src=\"Resource/configu1.png\" width=\"300\"\u003e | \u003cimg src=\"Resource/result1.png\" width=\"300\"\u003e \n|\u003cimg src=\"Resource/configu2.png\" width=\"300\"\u003e | \u003cimg src=\"Resource/result2.png\" width=\"300\"\u003e \n|\u003cimg src=\"Resource/configu3.png\" width=\"300\"\u003e | \u003cimg src=\"Resource/result3.png\" width=\"300\"\u003e \n\n## Communication\n\n- If you **found a bug**, open an issue.\n- If you **have a feature request**, open an issue.\n- If you **want to contribute**, submit a pull request.\n\n## Credits\n\n- GwangBeom Park ([@gwangbeom](https://github.com/ParkGwangBeom))\n\n## License\n\nWindless is released under the MIT license. See LICENSE for details.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FParkGwangBeom%2FWindless","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FParkGwangBeom%2FWindless","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FParkGwangBeom%2FWindless/lists"}