{"id":18352500,"url":"https://github.com/cleveroad/slidingtutorial-ios","last_synced_at":"2025-04-06T11:32:55.494Z","repository":{"id":62455632,"uuid":"43959702","full_name":"Cleveroad/slidingtutorial-ios","owner":"Cleveroad","description":"iOS Library for making animated tutorials inside your app","archived":false,"fork":false,"pushed_at":"2016-12-30T15:14:28.000Z","size":1549,"stargazers_count":49,"open_issues_count":0,"forks_count":4,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-21T22:33:21.553Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.cleveroad.com","language":"Objective-C","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Cleveroad.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-10-09T14:13:27.000Z","updated_at":"2019-08-23T02:11:14.000Z","dependencies_parsed_at":"2022-11-02T01:01:27.274Z","dependency_job_id":null,"html_url":"https://github.com/Cleveroad/slidingtutorial-ios","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cleveroad%2Fslidingtutorial-ios","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cleveroad%2Fslidingtutorial-ios/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cleveroad%2Fslidingtutorial-ios/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cleveroad%2Fslidingtutorial-ios/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Cleveroad","download_url":"https://codeload.github.com/Cleveroad/slidingtutorial-ios/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247478152,"owners_count":20945258,"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":[],"created_at":"2024-11-05T21:36:11.958Z","updated_at":"2025-04-06T11:32:54.392Z","avatar_url":"https://github.com/Cleveroad.png","language":"Objective-C","funding_links":[],"categories":[],"sub_categories":[],"readme":"##Sliding Tutorial iOS [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)  \u003ca href=\"https://www.cleveroad.com/?utm_source=github\u0026utm_medium=label\u0026utm_campaign=contacts\"\u003e\u003cimg src=\"https://www.cleveroad.com/public/comercial/label-cleveroad.svg\" height=\"20\"\u003e\u003c/a\u003e\n\n###Simple library that helps developers to create awesome sliding iOS app tutorial.\n\nApplied parallax effects will make your product presentation look like Google apps tutorial.\n\nAll you need to do is:\n\u003cbr\u003e1. Create icons for each screen of your tutorial\n\u003cbr\u003e2. Follow the instructions below\n\n## Usage\n\nAdd to your Podline a line  \u003cbr\u003e\n`pod 'SlidingTutorial'` \n\nRun in terminal command \u003cbr\u003e\n`$ pod install`\n\nThen import PRLView.h to your view controller:\u003cbr\u003e\n`#import \"PRLView.h\"`\n\nAfter you should instantiate an instance of sliding view tutorial class: \u003cbr\u003e\n\n`PRLView *viewParallax = [[PRLView alloc] initWithPageCount:3 scaleCoefficient:0.8];`\n\nWhere first parameter is a count of pages in tutorial and second parameter is a coefficient of  scaling images (put 1.0 if you don't need scale and images will  displaying in a full size).  \u003cbr\u003e\n\nThen add background colors for all your tutorial pages: \u003cbr\u003e\n`[viewParallax addBackgroundColor:[UIColor colorWithRed:231./255 green:150./255 blue:0 alpha:1]];` \u003cbr\u003e\n`[viewParallax addBackgroundColor:[UIColor colorWithRed:163./255 green:181./255 blue:0 alpha:1]];` \u003cbr\u003e\n`[viewParallax addBackgroundColor:[UIColor colorWithRed:35./255 green:75./255 blue:122.0/255 alpha:1]];` \u003cbr\u003e\n\n\u003cp\u003eThe colors follow the order they are added. All missing colors will be replaced with white color.  \u003c/p\u003e\n\nAfter that you should add all image-layers onto sliding tutorial view: \u003cbr\u003e\n`[viewParallax addElementWithName:@\"elem00-00\" offsetX:0 offsetY:0 slippingCoefficient:0.3 pageNum:0];`\u003cbr\u003e\n`[viewParallax addElementWithName:@\"elem01-00\" offsetX:-140 offsetY:25 slippingCoefficient:-0.15 pageNum:1];` \u003cbr\u003e\n`[viewParallax addElementWithName:@\"elem02-00\" offsetX:-50 offsetY:-120 slippingCoefficient:0.2 pageNum:2];`\u003cbr\u003e\n\n**First param** - image name from your project resources. \u003cbr\u003e\n\n**offsetX** and **offsetY** - layer offset from the center of the screen. If you send  offsetX:0 offsetY:0 your image layer will be placed exactly in the center of the screen. Dot (0,0) in this coords system situated in the center of the screen in all device orientations.  \u003cbr\u003e\n\n**slippingCoefficient** - ratio bound to scroll offset in scroll view.  For 1 pixel content offset of scroll view layer will be slipping for 1 * slippingCoefficient (so if  slippingCoefficient == 0.3, it will be equal 0.3px). Sign determines the direction of slipping - left or right. \u003cbr\u003e\n\n**pageNum** - the page number on which you will add this image layer. \u003cbr\u003e\n\nAfter all call last method - prepareForShow: \u003cbr\u003e\n`[viewParallax prepareForShow];` \u003cbr\u003e\nAnd now your tutorial is ready to show. \u003cbr\u003e\n\nFor handle skip button action, you should support **PRLViewProtocol**  and implement protocol method **skipTutorial**\n\n## Support\nIf you have any questions regarding the use of this tutorial, please contact us for support\nat info@cleveroad.com (email subject: «Sliding iOS app tutorial. Support request.»)\n\u003cbr\u003eor\n\u003cbr\u003eUse our contacts:\n\u003cbr\u003e\u003ca href=\"https://www.cleveroad.com/?utm_source=github\u0026utm_medium=link\u0026utm_campaign=contacts\"\u003eCleveroad.com\u003c/a\u003e\n\u003cbr\u003e\u003ca href=\"https://www.facebook.com/cleveroadinc\"\u003eFacebook account\u003c/a\u003e\n\u003cbr\u003e\u003ca href=\"https://twitter.com/CleveroadInc\"\u003eTwitter account\u003c/a\u003e\n\u003cbr\u003e\u003ca href=\"https://plus.google.com/+CleveroadInc/\"\u003eGoogle+ account\u003c/a\u003e\n\n## License\n\nCopyright (С) 2015 Cleveroad\n\nThis program is free software; you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation; either version 2 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nhttp://choosealicense.com/licenses/gpl-2.0/\n\nYou should have received a copy of the GNU General Public License along\nwith this program; if not, write to the Free Software Foundation, Inc.,\n51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcleveroad%2Fslidingtutorial-ios","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcleveroad%2Fslidingtutorial-ios","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcleveroad%2Fslidingtutorial-ios/lists"}