GLWalkthrough
GLWalkthrough is an easily configurable plug-and-play tool to add walkthrough or coachmarker functionality to your app with ease.
Install / Use
/learn @gokulgovind/GLWalkthroughREADME
GLWalkthrough
Example
To run the example project, clone the repo, and run pod install from the Example directory first.
Requirements
Installation
GLWalkthrough is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'GLWalkthrough'
Preview
<img src="Designs/screen_shot_bottom.png" width=380> <img src="Designs/screen_shot_center.png" width=380> <img src="Designs/screen_shot_top.png" width=380>Public Attribute
| Attribute name | Specific introduction of attributes |
| :------------: | :------------: |
| title | titile to be shown on each object |
| subtitle | subtitle to be shown on each object |
| nextBtnTitle | button title for next button. (default text is "Next") |
| isSkipEnabled | bool to enable/disable skip button (applies to each individual object) |
| position | specify the position of object to be highlighted (like bottomLeft, bottomCenter, topRight) |
| frameOverWindow | CGRect of object to be highlighted |
DataSources
| Attribute name | Specific introduction of attributes |
| :------------: | :------------: |
| func numberOfItems() -> Int | gets number of UI object to be highlighted |
| func configForItemAtIndex(index:Int) -> GLWalkThroughConfig | Provide detail info of object to be highlighted in form of GLWalkThroughConfig |
Delegates
| Attribute name | Specific introduction of attributes |
| :------------: | :------------: |
| func didSelectNextAtIndex(index:Int) | triggered on tap of next button |
| func didSelectSkip(index:Int) | triggered when user taps skip |
Sample
Init
coachMarker.dataSource = self
coachMarker.delegate = self
coachMarker.show()
Datasource
extension ViewController: GLWalkThroughDataSource {
func numberOfItems() -> Int {
return 1
}
func configForItemAtIndex(index: Int) -> GLWalkThroughConfig {
switch index {
case 0:
var config = GLWalkThroughConfig()
config.title = "Home Screen"
config.subtitle = "Here you can explore Services, Articles, plans"
config.frameOverWindow = CGRect(x: 50, y: 50, width: 100, height: 100)
config.position = .topLeft
return config
default:
return GLWalkThroughConfig()
}
}
}
Author
gokulgovind, gokulece26@gmail.com
License
GLWalkthrough is available under the MIT license. See the LICENSE file for more info.
Related Skills
node-connect
341.8kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
84.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
341.8kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
84.6kCommit, push, and open a PR
