Chào mừng các bạn đến với series mẹo vặt trong swift cùng Tuan Nguyen kỳ tiếp theo

Tuần này mình sẽ hướng dẫn các bạn tạo SideMenu chỉ với 3 thao tác cùng thư viện SideMenuController

Đầu tiên chúng ta cần thêm pod "SideMenuController" vào pod file của chúng ta
Sau đó mở terminal lên cd đến thư mục chứ project của mình và install pod file bằng lệnh pod install
Bạn nào chưa biết cách cài đặt cocoa pod và install pod file có thể xem lại bài hướng dẫn cài đặt firebase của mình để biết có biết thêm.
Sau khi hoàn thành cài đặt chúng ta sẽ làm việc trên file.xworkspace và đã có thể sử dụng được SideMenuController.

Bước 1: Tạo file quản trị các màn hình.

Tạo một file quản trị .Swift ở đây mình đặt tên là CustomSlimenu và viết 2 hàm performSegue vào

import UIKit
import SideMenuController
class CustomSlimenu: SideMenuController {

    override func viewDidLoad() {
        super.viewDidLoad()

        performSegue(withIdentifier: "showMainController", sender: nil)
        performSegue(withIdentifier: "containSideMenu", sender: nil)

    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

Bước 2: Đặt embeb và đặt identifier cho seque

Tại màn hình chính của chúng ta chúng ta sẽ đặt Class là CenterContainmentSegue và identifier là "showMainController"

Tiếp theo tại SideMenu chúng ta sẽ đặt Class là SideContainmentSegue và identifier là "containSideMenu"

Bước 3: Tạo nút buger button

Đầu tiên chúng ta cần import một hình để chọn làm buger button.

• và file access -> chuột phải import -> chọn hình cần. Ở hình của mình tên là "Page 1"
  

• Tiếp theo chúng ta sẽ viết code để hiện button này lên. Tại file quản trị customSideMenu chúng ta viết

    required init?(coder aDecoder: NSCoder) {
        SideMenuController.preferences.drawing.menuButtonImage = UIImage(named: "Page 1")
        SideMenuController.preferences.drawing.sidePanelPosition = .overCenterPanelLeft
        SideMenuController.preferences.drawing.sidePanelWidth = 300
        SideMenuController.preferences.drawing.centerPanelShadow = true
        SideMenuController.preferences.animating.statusBarBehaviour = .showUnderlay
        super.init(coder: aDecoder)
    }

vậy là chúng ta đã có thể sử dụng được SideMenu vô cùng đơn giản chỉ trong 3 bước và đây là thành quả

Ngoài ra các bạn có thể xem thêm về các hiệu ứng cũng như tuỳ chình tại Đây
Bài sau mình sẽ hướng dẫn các bạn tuỳ chỉnh cách chuyển màn hình từ sideMenu

Tuan Nguyen