Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/pjocprac/PTPopupWebView

PTPopupWebView is a simple and useful WebView for iOS, which can be popup and has many of the customized item.
https://github.com/pjocprac/PTPopupWebView

Last synced: about 2 months ago
JSON representation

PTPopupWebView is a simple and useful WebView for iOS, which can be popup and has many of the customized item.

Lists

README 

        
# PTPopupWebView



[![Version](https://img.shields.io/cocoapods/v/PTPopupWebView.svg?style=flat)](http://cocoapods.org/pods/PTPopupWebView)

[![License](https://img.shields.io/cocoapods/l/PTPopupWebView.svg?style=flat)](http://cocoapods.org/pods/PTPopupWebView)

[![Platform](https://img.shields.io/cocoapods/p/PTPopupWebView.svg?style=flat)](http://cocoapods.org/pods/PTPopupWebView)



PTPopupWebView is a simple and useful WebView for iOS, which can be popup and has many of the customized item.

![Pop](https://raw.githubusercontent.com/pjocprac/PTPopupWebView/master/Images/style_pop.gif "Pop")



## Requirement

iOS 8.0



## Installation



PTPopupWebView is available through [CocoaPods](http://cocoapods.org). To install

it, simply add the following line to your Podfile:



```ruby

use_frameworks!

pod "PTPopupWebView"

```



## Usage

To use this library, there are two ways,



1. Use [PTPopupWebViewController](Documents/PTPopupWebViewController.md), this is simple when use as modal popup.

2. Directly use [PTPopupWebView](Documents/PTPopupWebView.md).



Details, see the Demo and the [Class Reference](#ClassReference).





## Class Reference

[Class Reference](Documents/README.md)



## Demo

To run the example project, clone the repo, and run `pod install` from the Example directory first.



#### Introduction

At first, to popup webpage is only code below.

```

let popupvc = PTPopupWebViewController()

popupvc.popupView.URL(string: "https://github.com/")

popupvc.show()

```





#### Popup Transition Style



Popup Appear/Disappear Style can be changed as below.



```swift

// Pop Style (default transition style. 1st parameter is animation duration, and 2nd is using spring animation flag.)

let popupvc = PTPopupWebViewController()

    .popupAppearStyle(.Slide(.Bottom, 0.4, true))

    .popupDisappearStyle(.Slide(.Bottom, 0.4, true))

```



```swift

// Spread Style (parameter is animation duration)

let popupvc = PTPopupWebViewController()

    .popupAppearStyle(.Spread(0.25))

    .popupDisappearStyle(.Spread(0.25))

```



```swift

// Slide Style (1st parameter is direction, 2nd is animation duration, and 3rd is using spring animation flag.)

let popupvc = PTPopupWebViewController()

    .popupAppearStyle(.Slide(.Bottom, 0.4, true))

    .popupDisappearStyle(.Slide(.Bottom, 0.4, true))

```



```swift

// Fade Style (parameter is animation duration)

let popupvc = PTPopupWebViewController()

    .popupAppearStyle(.Fade(0.25))

    .popupDisappearStyle(.Fade(0.25))

```



```swift

// Without Transition Style

let popupvc = PTPopupWebViewController()

    .popupAppearStyle(.None)

    .popupDisappearStyle(.None)

```



|Pop|Spread|Slide|

|---|---|---|

|![Pop](https://raw.githubusercontent.com/pjocprac/PTPopupWebView/master/Images/style_pop.gif "Pop")|![Spread](https://raw.githubusercontent.com/pjocprac/PTPopupWebView/master/Images/style_spread.gif "Spread")|![Slide](https://raw.githubusercontent.com/pjocprac/PTPopupWebView/master/Images/style_slide.gif "Slide")|



|Fade|None|

|---|---|

![Fade](https://raw.githubusercontent.com/pjocprac/PTPopupWebView/master/Images/style_fade.gif "Fade")|![Introduction](https://raw.githubusercontent.com/pjocprac/PTPopupWebView/master/Images/style_none.gif "None")|



#### Custom Action 

Custom action button can do user defined action with PTPopupWebViewButton's handler property.

```swift

popupvc.popupView

    // add custom action button

    .addButton(

        PTPopupWebViewButton(type: .Custom)

            .title("custom"))

            .handler() {

                // write handler code here



                // this demo show alert view

                let alert:UIAlertController = UIAlertController(title: "Custom Action",message: popupvc.popupView.webView.title!,preferredStyle: UIAlertControllerStyle.Alert)

                alert.addAction(UIAlertAction(title: "OK", style: UIAlertActionStyle.Default, handler: nil))

                popupvc.presentViewController(alert, animated: true, completion: nil)

            }

    // add close button

    .addButton(PTPopupWebViewButton(type: .Close).title("close"))

popupvc.show()

```



|Custom Action|

|---|

|![Custom Action](https://raw.githubusercontent.com/pjocprac/PTPopupWebView/master/Images/custom_action.gif "Custom Action")|



#### View Style

Details code reference to the source code of the demo application.



##### Title Style

|Colored Title|Hide Title|

|---|---|

|Colored Title|Hide Title|



##### Button Style

|Colored Button|Custom Image Button|Hide Button|

|---|---|---|

|Colored Button|Custom Image Button|Hide Button|



##### Other Style

|FullScreen|With Frame|

|---|---|

|FullScreen|With Frame|



## Author



Takeshi Watanabe, [email protected]



## License



PTPopupWebView is available under the MIT license. See the LICENSE file for more info.