Ecosyste.ms: Awesome

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

https://github.com/Codigami/CFAlertViewController

It is a highly configurable iOS library which allows easy styling with built in styles as well as extra header and footer views so that you can make extremely unique alerts and action sheets.
https://github.com/Codigami/CFAlertViewController

Last synced: about 2 months ago
JSON representation

It is a highly configurable iOS library which allows easy styling with built in styles as well as extra header and footer views so that you can make extremely unique alerts and action sheets.

Lists

README 

        
#  CFAlertViewController

[![CocoaPods](https://img.shields.io/cocoapods/v/CFAlertViewController.svg)](https://cocoapods.org/pods/CFAlertViewController)

[![CocoaPods](https://img.shields.io/cocoapods/dt/CFAlertViewController.svg)](https://cocoapods.org/pods/CFAlertViewController)

[![license](https://img.shields.io/github/license/codigami/cfalertviewcontroller.svg)](https://github.com/Codigami/CFAlertViewController/blob/master/README.md)

[![Twitter URL](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/home?status=CFAlertViewController%20-%20Now%20display%20and%20customise%20alerts%20and%20action%20sheets%20on%20iOS%20like%20never%20before!%20%23OpenSource%20https%3A//github.com/Codigami/CFAlertViewController)



`CFAlertViewController` is a library that helps you display and customise **Alerts, Action Sheets, and Notifications** on iPad and iPhone. It offers screen rotation as well as an adaptive UI support. CFAlertViewController’s API is almost similar to the native UIAlertController but it has a lot more functionalities than the native UIAlertController.



You can also check out this library for ![Android](/Images/android_small.png) **Android** by clicking [here](https://github.com/Codigami/CFAlertDialog)



#### Types of use cases:



![Demo 1](/Images/Demo_1.gif)



#### Configuration options:



![Demo 2](/Images/Demo_2.gif)



## Requirements :



CFAlertViewController works on devices (iPhone and iPad) with iOS 8.0+. It depends on the following Apple frameworks: 



* Foundation.framework

* UIKit.framework



#### Install using Cocoapods (recommended)

We assume that your Cocoapods is already configured. If you are new to Cocoapods, have a look at the [documentation](https://cocoapods.org/)



1. Add `pod 'CFAlertViewController'` to your Podfile.

2. Install the pod(s) by running `pod install` in terminal (in folder where `Podfile` file is located).



#### Install using Source file  

Open the downloaded project in Xcode, then drag and drop folder named **CFAlertViewController** onto your project (use the "Product Navigator view"). Make sure to select Copy items when asked if you extracted the code archive outside of your project.



## Usage :  



    




The above shown alert can easily be implemented using the code snippet:

```swift

// Create Alet View Controller

let alertController = CFAlertViewController(title: "You've hit the limit",

                                            message: "Looks like you've hit your daily follow/unfollow limit. Upgrade to our paid plan to be able to remove your limits.",

                                            textAlignment: .left,

                                            preferredStyle: .notification,

                                            didDismissAlertHandler: nil)



// Create Upgrade Action

let defaultAction = CFAlertAction(title: "UPGRADE",

                                  style: .Default,

                                  alignment: .right,

                                  backgroundColor: UIColor(red: CGFloat(46.0 / 255.0), green: CGFloat(204.0 / 255.0), blue: CGFloat(113.0 / 255.0), alpha: CGFloat(1)),

                                  textColor: nil,

                                  handler: { (action) in

                                    print("Button with title '" + action.title! + "' tapped")

})



// Add Action Button Into Alert

alertController.addAction(defaultAction)



// Present Alert View Controller

present(alertController, animated: true, completion: nil)

```



## Customisations :



### Alerts



```swift

public convenience init(title: String?,

                        titleColor: UIColor?,

                        message: String?,

                        messageColor: UIColor?,

                        textAlignment: NSTextAlignment,

                        preferredStyle: CFAlertControllerStyle,

                        headerView: UIView?,

                        footerView: UIView?,

                        didDismissAlertHandler dismiss: CFAlertViewControllerDismissBlock?)

```



##### Title and Message

You can set a custom title and message text in the alert (pass `nil` if you don’t need them).



##### Title Color and Message Color

You can set a custom title and message text color in the alert (pass `nil` if you want to use Default color values).



##### Alignment

You can customise alignment of the title and message. Set the `textAlignment` property with one of the following values : 



```swift

NSTextAlignment.left,    

NSTextAlignment.right,    

NSTextAlignment.center,

NSTextAlignment.justified,

NSTextAlignment.natural

```



##### Alert Style  

Presentation style of the alert can be customised as Alert or Action sheet. Just set the `preferredStyle` property with one of the following values :

```swift

CFAlertControllerStyle.alert,

CFAlertControllerStyle.actionSheet,

CFAlertControllerStyle.notification

```



##### Background style

Background (overlay) of alert/action sheet can be blurred (Useful for security reasons in case the background needs to be hidden). Default value is `plain`. You can customize the blur style using `backgroundBlurView` property of type UIVisualEffectView. Update `backgroundStyle` property with one of the following enum values:



```swift

CFAlertControllerBackgroundStyle.plain,

CFAlertControllerBackgroundStyle.blur

```



##### Background color

You can change the background (overlay) color of the alert/actionsheet using the property `backgroundColor`.



##### Dismiss on background tap

By default, the alert gets dismissed after tapping on the background (overlay). Change `shouldDismissOnBackgroundTap` property to `false` to disable it. Do remember that whenever `shouldDismissOnBackgroundTap` property is set to `true`, the user will be able to dismiss `ActionSheet` or `Notification` using interactive swipe gesture.



##### Header / Footer

 You can add header and footer to the alert. Set properties `headerView` and `footerView` with custom views (subclass of UIView). You can pass nil to this properties to opt them out.  

 

 1) Some examples where you can make the use of header in alert (the dollar image is in header)



    




2) Some examples where you can make the use of footer in alert



    




##### Callback

A block (of type CFAlertViewControllerDismissBlock) gets called when the Alert / Action Sheet is dismissed. You can use it to handle dismiss call back. It also gives you a reason of dismiss with below mentioned enums,

```swift

CFAlertControllerDismissReason.none,

CFAlertControllerDismissReason.onActionTap

CFAlertControllerDismissReason.onBackgroundTap

CFAlertControllerDismissReason.onInteractiveTransition

```



### Actions

```swift

public convenience init(title: String?,

                        style: CFAlertActionStyle,

                        alignment: CFAlertActionAlignment,

                        backgroundColor: UIColor?,

                        textColor: UIColor?,

                        handler: CFAlertActionHandlerBlock?)

```                           

##### Title

You can set the title of action button to be added.  



##### Action Style

Configure the style of the action button that is to be added to alert view. Set `style` property of the above method with one of the following Action style  

```swift

 CFAlertActionStyle.Default,

 CFAlertActionStyle.Cancel,

 CFAlertActionStyle.Destructive

```



##### Actions Alignment

Configure the alignment of the action button added to the alert view. Set `alignment` property of  CFAction constructor with one of the following action types

```swift

 CFAlertActionAlignment.justified,   // Action Button occupies the full width

 CFAlertActionAlignment.right,

 CFAlertActionAlignment.left,

 CFAlertActionAlignment.center

```



##### Callback

A block (of type CFAlertActionHandlerBlock) gets invoked when action is tapped. 



### Container View

You can also configure the background color or layer related properties (e.g. cornerRadius, borderColor, borderWidth) in the `containerView` property.



## License

This code is distributed under the terms and conditions of the MIT license.