AKDrawer

Fully Customized Side Menu

View the Project on GitHub kiishanbarmawala/AKDrawer

If you like SideMenu, give it a ★ at the top right of this page. You can Give your Reviews and Best Ideas!

SideMenu :-

ScreenShots :-

Sidemenu Collapsed Sidemenu Expanded DropDown with Search Pulse Animation
Animated Loader Alert DropDown Equal Spacing CV Cell Range Calender Selection
Auto-Resizing CollectionView Cell with Own Design

Requirements

How to Make SideMenu?

var menuVC = SidemenuController()  // Declare View Controller Object you want to Reveal

override viewDidLoad() {
    super.viewDidLoad()

    menuVC = self.storyboard!.instantiateViewController(withIdentifier: "MENU") as! SidemenuController
    menuVC.SideMenuHeaderArr = ["Home & Loader","Service","Animation, Alert & Calender","CollectionView Flow Layout","Privacy Policy","Education","Other"]
    menuVC.SideMenuDataArr = [[],[],[],[],[],[],["Other-1","Other-2"]]
    
    // Handle SideMenu Click event from Below Closure Code
    menuVC.menuSelection = { selection in
        print(selection)
    }
}

func sideMenuTapped() {
    menuVC.revealSideMenu()
}

How to Use API Calling Class?

// Get Method

let yourURL = “https://jsonplaceholder.typicode.com/todos/2”

ServiceCenter.serviceCallGet(urlString: yourURL) { (httpResponse, json, error) in if httpResponse.statusCode == 200 { print(json) // Json Response } else { print(error) // Error } }

// Post Method

let yourURL = “”

ServiceCenter.serviceCallPost(urlString: yourURL, headerKey: “UserId”, headerValue: “1”) { (httpResponse, json, error) in if httpResponse.statusCode == 200 { print(json) // Json Response } else { print(error) // Error } }

// Upload Image on URL

let yourURL = “”

ServiceCenter.serviceCallImageUpload(url: yourURL, image : UIImage(named: “Test”), imageType: .jpeg) { (httpResponse, error) in if httpResponse.statusCode == 200 { // do your stuff after get response } else { print(error) // Error } }


## How to configure CollectionView Auto Resizing Cell?

- Put this code in your collectionview cell

```swift

// declare lazy width variable

lazy var width : NSLayoutConstraint = {
    let width = contentView.widthAnchor.constraint(equalToConstant: bounds.size.width)
    width.isActive = true
    return width
}()

// override this method

override func systemLayoutSizeFitting(_ targetSize: CGSize, withHorizontalFittingPriority horizontalFittingPriority: UILayoutPriority, verticalFittingPriority: UILayoutPriority) -> CGSize {
    width.constant = bounds.size.width
    return contentView.systemLayoutSizeFitting(CGSize(width: targetSize.width , height: 1))
}   



var layout: UICollectionViewFlowLayout = {
    let layout = UICollectionViewFlowLayout()
    let width = UIScreen.main.bounds.size.width
    layout.estimatedItemSize = CGSize(width: width, height: 10)
    return layout
}()

// you can give minimum line spacing and minimum item spacing & section Insets as mentioned below!

layout.minimumLineSpacing = 0
layout.minimumInteritemSpacing = 0
layout.sectionInset = UIEdgeInsets(top: 12, left: 0, bottom: 4, right: 0)

// assign flow layout object to your's collectionview flowLayout

resizeCol.collectionViewLayout = layout

How to Make Alert Style DropDown?

override func viewDidLoad() { super.viewDidLoad()

ddTableView.delegate = self
ddTableView.dataSource = self }

// To show onClick of Button @objc func DDTapped(_ sender: UIButton) { selectionBtn = sender showDD(frames: sender.frame, dataSource: [“Objective - C”,”Swift”,”Java”,”Kotlin”,”R Language”,”Ruby on Rails”,”JavaScript”]) }

func showDD(frames: CGRect, dataSource: Array) {

dimView = UIView()
dimView.isHidden = false
dimView.frame = UIApplication.shared.keyWindow?.frame ?? self.view.frame
self.view.addSubview(dimView)

ddDataSource = dataSource as! [String]
ddTableView.frame = CGRect(x: frames.origin.x, y: frames.origin.y + frames.height, width: frames.width, height: 0)
self.view.addSubview(ddTableView)
ddTableView.layer.cornerRadius = 8.0

dimView.backgroundColor = UIColor.black.withAlphaComponent(0.7)
ddTableView.reloadData()

let ddOutTap = UITapGestureRecognizer(target: self, action: #selector(hideDD))
dimView.addGestureRecognizer(ddOutTap)
dimView.alpha = 0

UIView.animate(withDuration: 0.4, delay: 0.0, usingSpringWithDamping: 1.0, initialSpringVelocity: 1.0, options: .curveEaseInOut, animations: {
    self.dimView.alpha = 0.5
    self.ddTableView.frame = CGRect(x: frames.origin.x, y: frames.origin.y + frames.height + 4, width: frames.width, height: self.ddCellHeight * CGFloat(self.ddDataSource.count))
}, completion: nil) }

@objc func hideDD() {

UIView.animate(withDuration: 0.4, delay: 0.0, usingSpringWithDamping: 1.0, initialSpringVelocity: 1.0, options: .curveEaseInOut, animations: {
    self.dimView.alpha = 0
    self.ddTableView.frame = CGRect(x: self.selectionBtn.frame.origin.x, y: self.selectionBtn.frame.origin.y + self.selectionBtn.frame.height, width: self.selectionBtn.frame.width, height: 0)
}, completion: nil) }

// Use UTableViewDelegate Method // Implement this method in your Controller

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) { btnDD.setTitle(ddDataSource[indexPath.row], for: .normal) hideDD() }


## How to Make Alert Style DropDown?

- Change Design of Alert Controller using AlertController.xib
- Implement Below Code where you wanted to appear Alert.
- Handle your selected data from selection variable in closure as shown below 
```swift
let AlertVC = AlertController(nibName: "AlertController", bundle: nil)
AlertVC.view.frame = UIScreen.main.bounds
self.addChild(AlertVC)
self.view.addSubview(AlertVC.view)
didMove(toParent: AlertVC)

AlertVC.addAction(title: "Alert DropDown", dataSource: ["Objective - C","Swift","Java","Kotlin","R Language","Ruby on Rails","JavaScript"] as [AnyObject]) { (selection) in
    print(selection)
}

How to Make Pulse?

func showPulseWithMic() //Show Pulse Animation with dimView { dimView = UIView() dimView.isHidden = false dimView.backgroundColor = UIColor.black.withAlphaComponent(0.3) dimView.frame = UIScreen.main.bounds dimView.center = CGPoint(x: UIScreen.main.bounds.size.width / 2, y: UIScreen.main.bounds.size.height / 2)

let imgMic = UIImageView(image: #imageLiteral(resourceName: "mic_icon"))
imgMic.backgroundColor = .white
imgMic.frame = CGRect(x: 0, y: 0, width: 50, height: 50)
imgMic.contentMode = .scaleAspectFit
imgMic.center = dimView.center
imgMic.layer.cornerRadius = 25.0

let pulse = PulseAnimation(numberOfPulses: Float.infinity, radius: 200, position: dimView.center)
pulse.animationDuration = 1.0
pulse.backgroundColor = UIColor(red: 238/255, green: 67/255, blue: 102/255, alpha: 1.0).cgColor

dimView.layer.insertSublayer(pulse, below: imgMic.layer)
dimView.addSubview(imgMic)
UIApplication.shared.keyWindow?.addSubview(dimView)

// call hidePulse function for manually stop pulsing
// And comment below line
Timer.scheduledTimer(timeInterval: 5.0, target: self, selector: #selector(hidePulse), userInfo: nil, repeats: false) }

@objc func hidePulse() { dimView.isHidden = true dimView.backgroundColor = UIColor.clear dimView.removeFromSuperview() }


## How to Apply Horizontal Gradient Color to View?
- make UIView extension in your Swift File
- Use:-
```swift
YourView.addGradient(colors: [UIColor.red.cgColor, UIColor.blue.cgColor], direction: .vertical)

extension UIView {
    enum Direction {
        case horizontal
        case vertical
    }
    func addGradient(colors: [CGColor], direction: Direction) {
        let gradeLayer = CAGradientLayer()
        gradeLayer.colors = colors//[UIColor.red.cgColor, UIColor.blue.cgColor]
        switch direction {
        case .horizontal:
            gradeLayer.startPoint = CGPoint(x: 0.0, y: 0.0)
            gradeLayer.endPoint = CGPoint(x: 1.0, y: 0.0)
        case .vertical:
            gradeLayer.startPoint = CGPoint(x: 0.0, y: 0.0)
            gradeLayer.endPoint = CGPoint(x: 0.0, y: 1.0)
        }
        gradeLayer.frame = self.bounds
        self.layer.insertSublayer(gradeLayer, at: 0)
    }
}

How to Set CollectionView Cell Equal Spacing?

var yourCollectionView: UICollectionView()

var numberOfColumns = Int()
var flowLayout = UICollectionViewFlowLayout()
var spacing = CGFloat()
var marginAndInsets = CGFloat()
    
override func viewDidLoad() {
    super.viewDidLoad()

    flowLayout = yourCollectionView.collectionViewLayout as! UICollectionViewFlowLayout
    flowLayout.sectionInset.top = 8                 // CollectionView Top Space
    flowLayout.sectionInset.left = 8                // CollectionView Leading Space
    flowLayout.sectionInset.right = 8               // CollectionView Trailing Space
    flowLayout.sectionInset.bottom = 8              // CollectionView Bottom Space
    flowLayout.minimumLineSpacing = 8               // CollectionView space between Lines
    flowLayout.minimumInteritemSpacing = 8          // CollectionView neighbour cell space
}

// Use UICollectionViewDelegateFlowLayout Method
// Implement this method in your Controller
    
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    
    if UI_USER_INTERFACE_IDIOM() == .pad {
        numberOfColumns = 3
    } else {
        numberOfColumns = 2
    }
    
    spacing = flowLayout.scrollDirection == .vertical ? flowLayout.minimumInteritemSpacing : flowLayout.minimumLineSpacing
    marginAndInsets = (flowLayout.sectionInset.left + flowLayout.sectionInset.right) + (spacing * (CGFloat(numberOfColumns) - 1))
    
    let itemWidth : CGFloat = (colCollection.frame.width - marginAndInsets) / CGFloat(numberOfColumns)
    let size = CGSize(width: itemWidth, height: itemWidth)
    
    return size
}

How to Use Range Date Selection using Calender View?

Drag & Drop this file in your Project. - CalenderController.swift

Add this Code in your view controller where you want to appear Date Selection Calender!

let CalenderVC = self.storyboard!.instantiateViewController(withIdentifier: "CALENDER") as! CalenderController
        
CalenderVC.delegate = self
CalenderVC.minimumDate = Date.specificDate(date: "01/01/2001", format: "dd/MM/yyyy")
CalenderVC.maximumDate = Calendar.current.date(byAdding: .year, value: 2, to: Date())

CalenderVC.selectedStartDate = Date()
CalenderVC.selectedEndDate = Calendar.current.date(byAdding: .day, value: 10, to: Date())
CalenderVC.selectedColor = #colorLiteral(red: 0.4, green: 0.6, blue: 1, alpha: 1)
CalenderVC.titleText = "Select Date Range"

CalenderVC.view.frame = UIScreen.main.bounds
UIApplication.shared.keyWindow?.addSubview(CalenderVC.view)
self.addChild(CalenderVC)
didMove(toParent: CalenderVC)

Set two Delegate method in same view controller to get Selected Date!

func didCancelPickingDateRange() {
    print("Cancel Tapped!")
}

func didPickDateRange(startDate: Date!, endDate: Date!) {
    let dateFormatter = DateFormatter()
    dateFormatter.dateFormat = "EEEE, MMM d, yyyy"
    if startDate != nil && endDate != nil {
        // For Start & End Date
        print("\(dateFormatter.string(from: startDate) + " to " + dateFormatter.string(from: endDate))")
    } else {
        // For Single Date
        print("\(dateFormatter.string(from: startDate))")
    }
}

Other Modules:-