This library makes it easy to display the walkthrough in the application simply by writing a few lines of code. You can customize various color backgrounds, titles, buttons, etc., and you can also define completion handlers.
- iOS9*
PhocaLargha is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'PhocaLargha'How to display the simplest alert view.
let popNavi = PopNavi()
let firstViewComponent = BaseViewComponent(viewType: dialogSize, topComponent: topComponent,
footerComponent: lastFooterComponent, image: firstImage,
baseViewColor: dialogColor)
popNavi.setBaseView(baseViewComponent: firstViewComponent, isLastView: true)
popNavi.configureNavigation()
popNavi.slideUp(duration: 0.7)
It is also possible to display walkthroughs using multiple custom views.
let firstViewComponent = BaseViewComponent(viewType: dialogSize, topComponent: topComponent,
footerComponent: footerComponent, image: firstImage,
baseViewColor: dialogColor)
let secondViewComponent = BaseViewComponent(viewType: dialogSize, topComponent: topComponent,
footerComponent: footerComponent, image: secondImage,
baseViewColor: dialogColor)
let thirdViewComponent = BaseViewComponent(viewType: dialogSize, topComponent: topComponent,
footerComponent: lastFooterComponent, image: thirdImage,
baseViewColor: dialogColor)
let popNavi = PopNavi()
popNavi.setBaseView(baseViewComponent: firstViewComponent, isLastView: false)
popNavi.setBaseView(baseViewComponent: secondViewComponent, isLastView: false)
popNavi.setBaseView(baseViewComponent: thirdViewComponent, isLastView: true)
popNavi.configureNavigation()
popNavi.slideUp(duration: 0.7)
There are two customization setting methods in this library.
It is a structure that customizes the component that is placed mainly in the background of the custom view.
let popNavi = PopNavi()
popNavi.configureOption.xxx = yyy // Look at the following
.backgroundColor // Change background color. The default is black background.
.backgroundAlpha // Change background alpha. The default is 0.5.
.pageControlColor // Specify the color of the page control The default is orange.
.isDismissibleForTap // Determining whether to close view when tapping background. The default is true.
.shouldDisplayPageControl // Display judgment of page control.
.backgroundViewGradientType // Specify the gradation style of the background. The default is black background.
.completion // Set handler when view is closed.It is a structure that mainly configures components of custom view.
let firstViewComponent = BaseViewComponent(viewType: ViewType,
cornerRadius: CGFloat = 10,
topComponent: TopComponent? = nil,
footerComponent: FooterComponent? = nil,
image: UIImage,
baseViewColor: UIColor = .white)
viewType // You can choose 3 different custom view sizes.
cornerRadius // Specify the corner radius of the custom view.
topComponent // A component for displaying the title of a custom view. If nothing is specified, this component will not be displayed.
footerComponent // Component for displaying buttons at the bottom of the custom view. It will not be displayed if nothing is specified.
image // Set the image to be displayed in the middle of the custom view.
baseViewColor // Set color scheme of custom view.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent