All Projects → tranquan → KJOverlayTutorial

tranquan / KJOverlayTutorial

Licence: MIT license
A Tutorial for iOS

Programming Languages

swift
15916 projects
ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to KJOverlayTutorial

Deep-Learning-with-Caffe
My tests and experiments on Caffe, the deep learning framework by Berkeley Vision and Learning Center (BVLC) and its contributors.
Stars: ✭ 30 (-69.7%)
Mutual labels:  tutorials
start-machine-learning
A complete guide to start and improve in machine learning (ML), artificial intelligence (AI) in 2022 without ANY background in the field and stay up-to-date with the latest news and state-of-the-art techniques!
Stars: ✭ 3,066 (+2996.97%)
Mutual labels:  tutorials
lispmob
LISP and LISP-MN Implementation
Stars: ✭ 44 (-55.56%)
Mutual labels:  overlay
graphml-tutorials
Tutorials for Machine Learning on Graphs
Stars: ✭ 125 (+26.26%)
Mutual labels:  tutorials
cas-overlay-template
Apereo CAS WAR Overlay template
Stars: ✭ 1,057 (+967.68%)
Mutual labels:  overlay
angularjs-es6-starter-kit
Basic AngularJS, ES6, Webpack Starter Kit Project which includes Bootstrap 4 also. This is a boilerplate for AngularJS SPA with Bootstrap 4.
Stars: ✭ 28 (-71.72%)
Mutual labels:  tutorials
tutorials as code
so that stuff read/seen don't get muddled up with time
Stars: ✭ 42 (-57.58%)
Mutual labels:  tutorials
Spring-Kotlin-iThome-2021
iThome ironman 2021 💪
Stars: ✭ 27 (-72.73%)
Mutual labels:  tutorials
Boundary
Boundary is a CSS+Javascript library for Chrome extension developers to easily create HTML elements that won’t affect or be affected by the current webpage’s CSS. Strongly recommended if you are considering adding a sticker, a sidebar or any overlay box using content script.
Stars: ✭ 59 (-40.4%)
Mutual labels:  overlay
ExSharp-Base
External League of Legends Base
Stars: ✭ 128 (+29.29%)
Mutual labels:  overlay
tricks
Tipps und Tricks rund um REDAXO 5
Stars: ✭ 96 (-3.03%)
Mutual labels:  tutorials
Awesome-Tensorflow2
基于Tensorflow2开发的优秀扩展包及项目
Stars: ✭ 45 (-54.55%)
Mutual labels:  tutorials
openCVtutorials
OpenCV Tutorials
Stars: ✭ 12 (-87.88%)
Mutual labels:  tutorials
purebasic-archives
A collection of PureBASIC resources.
Stars: ✭ 23 (-76.77%)
Mutual labels:  tutorials
FortranTip
Short instructional Fortran codes associated with Twitter @FortranTip
Stars: ✭ 39 (-60.61%)
Mutual labels:  tutorials
league-of-legends
external cheat for league of legends
Stars: ✭ 26 (-73.74%)
Mutual labels:  overlay
baidumap
Some examples of Baidu Map API
Stars: ✭ 20 (-79.8%)
Mutual labels:  overlay
flowwie-freecad
Flowwie's FreeCAD ressources for everybody to learn computer aided design with the Open Source CAD software FreeCAD.
Stars: ✭ 214 (+116.16%)
Mutual labels:  tutorials
tutorials-kr
🇰🇷파이토치에서 제공하는 튜토리얼의 한국어 번역을 위한 저장소입니다. (Translate PyTorch tutorials in Korean🇰🇷)
Stars: ✭ 271 (+173.74%)
Mutual labels:  tutorials
games-overlay
gentoo overlay containing games ebuilds only
Stars: ✭ 15 (-84.85%)
Mutual labels:  overlay

KJOverlayTutorial

An convenient way to display tutorial overlay for iOS

Release

1.0.0

  • Initial release
  • Support Swift 3.x

2.0.0

  • Add animations
  • Support Swift 4.x

Preview


Usage

Text with Icon Tutorial

// tut1
let focusRect1 = self.tvTut.frame
let icon1 = UIImage(named: "ico_hand")!
let icon1Frame = CGRect(x: self.view.bounds.width/2-72/2, y: focusRect1.maxY + 12, width: 72, height: 72)
let message1 = "Hello, this is tutorial 1"
let message1Center = CGPoint(x: self.view.bounds.width/2, y: icon1Frame.maxY + 24)
let tut1 = KJTutorial.textWithIconTutorial(focusRectangle: focusRect1, text: message1, textPosition: message1Center, icon: icon1, iconFrame: icon1Frame)

// tuts
let tutorials = [tut1]
self.tutorialVC.tutorials = tutorials
self.tutorialVC.showInViewController(self)


Multiple Tutorial

// tut1
let focusRect1 = self.imvTut.frame
let message1 = "Hello, this is your avatar"
let message1Center = CGPoint(x: self.view.bounds.width/2, y: focusRect1.maxY + 24)
var tut1 = KJTutorial.textTutorial(focusRectangle: focusRect1, text: message1, textPosition: message1Center)
tut1.isArrowHidden = true

// tut2
let focusRect2 = self.btnTut1.frame
let icon2 = UIImage(named: "ico_hand1")!
let icon2Frame = CGRect(x: self.view.bounds.width/2-72/2, y: focusRect2.maxY + 12, width: 72, height: 72)
let message2 = "Tap to update your profile"
let message2Center = CGPoint(x: self.view.bounds.width/2, y: icon2Frame.maxY + 24)
let tut2 = KJTutorial.textWithIconTutorial(focusRectangle: focusRect2, text: message2, textPosition: message2Center, icon: icon2, iconFrame: icon2Frame)

// tut3
let focusRect3 = self.btnTut2.frame
let icon3 = UIImage(named: "ico_hand1")!
let icon3Frame = CGRect(x: self.view.bounds.width/2-72/2, y: focusRect3.maxY + 12, width: 72, height: 72)
let message3 = "Tap to update your payments"
let message3Center = CGPoint(x: self.view.bounds.width/2, y: icon3Frame.maxY + 24)
let tut3 = KJTutorial.textWithIconTutorial(focusRectangle: focusRect3, text: message3, textPosition: message3Center, icon: icon3, iconFrame: icon3Frame)

// tut4
let focusRect4 = self.btnTut3.frame
let icon4 = UIImage(named: "ico_hand1")!
let icon4Frame = CGRect(x: self.view.bounds.width/2-72/2, y: focusRect4.maxY + 12, width: 72, height: 72)
let message4 = "Tap to edit your settings"
let message4Center = CGPoint(x: self.view.bounds.width/2, y: icon4Frame.maxY + 24)
let tut4 = KJTutorial.textWithIconTutorial(focusRectangle: focusRect4, text: message4, textPosition: message4Center, icon: icon4, iconFrame: icon4Frame)

// tuts
let tutorials = [tut1, tut2, tut3, tut4]
self.tutorialVC.tutorials = tutorials
self.tutorialVC.showInViewController(self)


Using SwiftFontIcon

Check here for correct icon name http://astronautweb.co/snippet/font-awesome/

Because FontAwesome provide icon name is not correct: https://fontawesome.com/icons?d=gallery

For example: "hand-point-up", actually is "handoup"

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].