{"id":15037394,"url":"https://github.com/likedan/kdintroview","last_synced_at":"2025-04-09T14:14:05.532Z","repository":{"id":34634016,"uuid":"38584655","full_name":"likedan/KDIntroView","owner":"likedan","description":null,"archived":false,"fork":false,"pushed_at":"2019-10-09T21:27:16.000Z","size":4357,"stargazers_count":303,"open_issues_count":2,"forks_count":33,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-04-09T14:13:59.222Z","etag":null,"topics":["animation","ios","ios-animation","ios-lib","ios-swift","ios-ui","landing-page","onboarding","swift-framework","swift-library","swift3","xib"],"latest_commit_sha":null,"homepage":null,"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/likedan.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":"2015-07-05T21:24:31.000Z","updated_at":"2024-07-28T20:02:59.000Z","dependencies_parsed_at":"2022-08-28T12:51:35.645Z","dependency_job_id":null,"html_url":"https://github.com/likedan/KDIntroView","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/likedan%2FKDIntroView","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/likedan%2FKDIntroView/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/likedan%2FKDIntroView/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/likedan%2FKDIntroView/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/likedan","download_url":"https://codeload.github.com/likedan/KDIntroView/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248054193,"owners_count":21039952,"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","ios","ios-animation","ios-lib","ios-swift","ios-ui","landing-page","onboarding","swift-framework","swift-library","swift3","xib"],"created_at":"2024-09-24T20:34:31.404Z","updated_at":"2025-04-09T14:14:05.500Z","avatar_url":"https://github.com/likedan.png","language":"Swift","funding_links":[],"categories":[],"sub_categories":[],"readme":"# KDIntroView\n\n\u003cimg src=\"Imgs/showup.gif\" width=\"320\" height=\"550\"/\u003e\n\n\n## Installation\n\nTo install\nit, simply add the following line to your Podfile:\n\n```ruby\npod 'KDIntroView'\n```\nor drag these files into the project\n\n```ruby\nKDIntroView.swift\nKDIntroViewController.swift\n```\nTo run the example project, clone the repo, and run `pod install` from the Example directory first.\n\n## Requirements\niOS 8.0\n\n## Introduction\n`KDIntroView` is a framework to create dynamic onboarding views(onboarding flows) for your iOS App. You can create all sorts of cool animations.\n\n## Start!!!\n\n- Step One\n\n\nCreate all the views you need as xibs. Link each xib file with a class that inherits `KDIntroView`. Override ` moveEverythingAccordingToIndex(index: CGFloat)`.\n\n\n\nDesign your interface as you wish. This framework works for both code generated UI and autolayout.\n\nMake sure each view has a clear background color if you wish to perform color change.\n\n\n\n- Step Two\n\n\u003cimg src=\"Imgs/inst1.png\" width=\"900\" height=\"260\"/\u003e\n\nCreate a ViewController that inherits `KDIntroViewController`. (don't forget to import KDIntroView)\n\n\nIn `viewDidAppear`, call `setup`, and pass in an array that contains the name of all the xibs you created. Arrange them in the order you with them to appear. Override ` moveEverythingAccordingToIndex(index: CGFloat)`.\n\nNow, you can see your views, but they are static.\n\n\n- Step Three\n\n\u003cimg src=\"Imgs/inst2.jpg\" width=\"600\" height=\"500\"/\u003e\n\nImplement the `moveEverythingAccordingToIndex(index: CGFloat)` in each view. The `index: CGFloat` variable is the offset of the scroller. In the first and the last view, `index: CGFloat` range from 0 ~ frame.width. In all the other views, `index: CGFloat` range from 0 ~ 2 * frame.width.\n\n\u003cimg src=\"Imgs/inst2.jpg\" width=\"600\" height=\"500\"/\u003e\n\nWe have build-in functions, but you can easily customize your animation with `CGAffineTransformation`. There are more example in the demo project.\n\nAlso implement the `moveEverythingAccordingToIndex(index: CGFloat)` in viewcontroller to perform color animation and touchable elements. All the touchable elements must be added in the view controller and call `view.bringSubviewToFront()` after `setup` to make them reachable.\n\nYou can literally create any kind of animation! Play around with it, and free your imagination!\n\n## Author\n\nKedan Li, TakefiveInteractive.com\n\n## License\n\nKDIntroView is available under the MIT license. See the LICENSE file for more info.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flikedan%2Fkdintroview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flikedan%2Fkdintroview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flikedan%2Fkdintroview/lists"}