Swift 專案整合 MMDrawerController 實現側滑抽屜效果完整教學

MMDrawerController 簡介

MMDrawerController 是 iOS 經典側滑選單庫，支援左右雙抽屜、多種動畫、手勢控制、視覺狀態自定義。Swift 專案可透過 Bridging Header 或 Swift Package Manager 整合。

核心實作步驟

1. AppDelegate 設定根視圖控制器

var drawer: MMDrawerController!

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    let width = UIScreen.main.bounds.width
    
    let leftVC = LeftViewController()
    let rightVC = RightViewController()
    let centerVC = ViewController()
    let centerNav = UINavigationController(rootViewController: centerVC)
    
    drawer = MMDrawerController(centerViewController: centerNav,
                                 leftDrawerViewController: leftVC,
                                 rightDrawerViewController: rightVC)
    
    // 抽屜最大寬度 (螢幕 70%)
    drawer.maximumLeftDrawerWidth = 0.7 * width
    drawer.maximumRightDrawerWidth = 0.7 * width
    
    // 手勢模式：全部開啟/關閉手勢
    drawer.openDrawerGestureModeMask = .all
    drawer.closeDrawerGestureModeMask = .all
    
    // 自定義動畫：側欄淡入淡出
    drawer.setDrawerVisualStateBlock { (drawerController, drawerSide, percentVisible) in
        let sideVC = (drawerSide == .left) ? drawerController.leftDrawerViewController : drawerController.rightDrawerViewController
        sideVC?.view.alpha = percentVisible
    }
    
    window?.rootViewController = drawer
    return true
}

2. 左側選單 TableView 點擊切換中間頁面

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    let appDelegate = UIApplication.shared.delegate as! AppDelegate
    let newCenterVC: UIViewController
    
    switch indexPath.row {
    case 0:
        newCenterVC = ViewController()
    default:
        newCenterVC = TestViewController()
    }
    
    let newCenterNav = UINavigationController(rootViewController: newCenterVC)
    appDelegate.drawer.centerViewController = newCenterNav
    appDelegate.drawer.toggle(.left, animated: true, completion: nil)
}

關鍵配置詳解

常見問題與解決方案

• 抽屜無法彈出：確認 window?.rootViewController = drawer 在 didFinishLaunching 中執行，且 window 不為 nil
• 手勢衝突：中心頁面有 ScrollView 時，調整 openDrawerGestureModeMask 排除邊緣手勢
• Swift 專案找不到類別：檢查 Bridging Header 是否正確引入 #import "MMDrawerController.h"
• 旋轉螢幕佈局錯亂：在抽屜 VC 實作 viewWillTransition(to:with:) 更新佈局

進階客製化

• 替換 setDrawerVisualStateBlock 實現 3D 翻轉、縮放、視差效果
• 使用 MMDrawerVisualState 內建動畫：.parallax、.slide、.slideAndScale
• 實作 MMDrawerControllerDelegate 監聽 drawerWillOpen/drawerDidClose 做資料刷新

1. 上一篇文章： EventBus 3.0 完整指南：Android 事件總線最佳實踐與線程模型深度解析
2. 下一篇文章： 手寫 Java 編譯器系列（一）：Thompson 構造法之輸入文本預處理與宏展開

Java 綜合教學

凱撒密碼加解密算法 Java 實現詳解

算法原理 凱撒密碼屬於替換加密，將字母表向後/前固定位移（如

Java 實現 Excel 導出並壓縮為 ZIP 下載：AEAI DP 平台實戰範例

前言 Web 系統常需導出多筆資料為 Excel，若逐個下載

Spring MVC 請求處理流程圖解：從 DispatcherServlet 到視圖渲染全鏈路

Spring MVC 請求處理流程圖解：從 Dispatch

Java 匿名內部類全解析：三種形式、編譯產物與訪問規則

Java 匿名內部類全解析：三種形式、編譯產物與訪問規則 匿