{"id":6936,"date":"2025-12-10T19:52:15","date_gmt":"2025-12-10T11:52:15","guid":{"rendered":"https:\/\/t.n-years.com\/?p=6936"},"modified":"2025-12-10T19:52:15","modified_gmt":"2025-12-10T11:52:15","slug":"%e3%80%90ipad-%e9%80%82%e9%85%8d%e3%80%91%e4%be%a7%e8%be%b9%e6%a0%8f-%e9%a1%b6%e9%83%a8%e5%af%bc%e8%88%aa%e5%ae%9e%e7%8e%b0%e5%a4%9a%e5%b1%82%e7%ba%a7","status":"publish","type":"post","link":"https:\/\/t.n-years.com\/?p=6936","title":{"rendered":"\u3010iPad \u9002\u914d\u3011\u4fa7\u8fb9\u680f + \u9876\u90e8\u5bfc\u822a\u5b9e\u73b0\u591a\u5c42\u7ea7"},"content":{"rendered":"

\u5728 iPad \u4e0a\u66ff\u4ee3\u201c\u5e95\u90e8 TabBar \u4e3b\u5bfc\u822a\u201d\u3001\u5b9e\u73b0\u300c\u4fa7\u8fb9\u680f + \u9876\u90e8\u5bfc\u822a\u300d\u7684\u591a\u5c42\u7ea7\u9ad8\u6548\u5bfc\u822a\uff0c\u6838\u5fc3\u662f\u5229\u7528 iOS \u539f\u751f\u7684 UISplitViewController<\/code>\uff08\u62c6\u5206\u89c6\u56fe\u63a7\u5236\u5668\uff09\u7ed3\u5408 UINavigationController<\/code>\uff0c\u9002\u914d\u5927\u5c4f\u4ea4\u4e92\u903b\u8f91\u7684\u540c\u65f6\u517c\u987e\u5c0f\u5c3a\u5bf8\/\u7ad6\u5c4f\u7684\u6298\u53e0\u573a\u666f\u3002\u4ee5\u4e0b\u662f\u5177\u4f53\u5b9e\u73b0\u6b65\u9aa4 + \u5173\u952e\u4ee3\u7801 + \u4f53\u9a8c\u4f18\u5316<\/strong>\uff0c\u4ee5 Swift \u4e3a\u4f8b\uff1a<\/p>\n

\u4e00\u3001\u6838\u5fc3\u601d\u8def<\/h3>\n

iPad \u6a2a\u5c4f\u65f6\uff1a\u5de6\u4fa7\u5c55\u793a\u300c\u4fa7\u8fb9\u680f\uff08\u83dc\u5355\uff09\u300d\uff0c\u53f3\u4fa7\u5c55\u793a\u300c\u9876\u90e8\u5bfc\u822a + \u5185\u5bb9\u533a\u300d\uff0c\u4fa7\u8fb9\u680f\u53ef\u6536\u8d77\/\u5c55\u5f00\uff1b
\niPad \u7ad6\u5c4f\/\u5206\u5c4f\u5c0f\u5c3a\u5bf8\u65f6\uff1a\u4fa7\u8fb9\u680f\u81ea\u52a8\u6298\u53e0\u4e3a\u300c\u9876\u90e8\u5bfc\u822a\u7684\u4e0b\u62c9\u83dc\u5355\u300d\u6216\u300c\u5168\u5c4f\u65f6\u7684\u4fa7\u8fb9\u62bd\u5c49\u300d\uff0c\u4fdd\u6301\u64cd\u4f5c\u4e00\u81f4\u6027\uff1b
\n\u591a\u5c42\u7ea7\u7ba1\u7406\uff1a\u4fa7\u8fb9\u680f\u63a7\u5236\u4e00\u7ea7\u5206\u7c7b\uff0c\u9876\u90e8\u5bfc\u822a\u63a7\u5236\u4e8c\u7ea7\/\u4e09\u7ea7\u529f\u80fd\uff0c\u5185\u5bb9\u533a\u5c55\u793a\u5177\u4f53\u9875\u9762\u3002<\/p>\n

\u4e8c\u3001\u5177\u4f53\u5b9e\u73b0\u6b65\u9aa4<\/h3>\n

1. \u57fa\u7840\u67b6\u6784\u642d\u5efa\uff08SplitViewController + NavigationController\uff09<\/h4>\n

UISplitViewController<\/code> \u662f iPad \u4fa7\u8fb9\u680f\u7684\u6838\u5fc3\u7ec4\u4ef6\uff0c\u9ed8\u8ba4\u5206\u4e3a\u300c\u4e3b\u89c6\u56fe\uff08Primary\uff09\u300d\u548c\u300c\u8be6\u60c5\u89c6\u56fe\uff08Secondary\uff09\u300d\uff0c\u4e3b\u89c6\u56fe\u653e\u4fa7\u8fb9\u680f\uff0c\u8be6\u60c5\u89c6\u56fe\u5d4c\u5957 UINavigationController<\/code> \u627f\u8f7d\u9876\u90e8\u5bfc\u822a + \u5185\u5bb9\u3002<\/p>\n

import UIKit\n\n@UIApplicationMain\nclass AppDelegate: UIResponder, UIApplicationDelegate {\n    var window: UIWindow?\n\n    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {\n        \/\/ 1. \u521b\u5efa\u4fa7\u8fb9\u680f\uff08\u4e3b\u89c6\u56fe\uff09\n        let sidebarVC = SidebarViewController()\n        let sidebarNav = UINavigationController(rootViewController: sidebarVC)\n\n        \/\/ 2. \u521b\u5efa\u8be6\u60c5\u533a\uff08\u9876\u90e8\u5bfc\u822a + \u521d\u59cb\u5185\u5bb9\uff09\n        let homeVC = HomeViewController()\n        let detailNav = UINavigationController(rootViewController: homeVC)\n\n        \/\/ 3. \u521d\u59cb\u5316 SplitViewController\n        let splitVC = UISplitViewController(style: .doubleColumn)\n        splitVC.preferredStyle = .sidebar \/\/ \u5f3a\u5236\u4fa7\u8fb9\u680f\u6837\u5f0f\uff08iPad \u4f18\u5148\uff09\n        splitVC.setViewController(sidebarNav, for: .primary)\n        splitVC.setViewController(detailNav, for: .secondary)\n\n        \/\/ 4. \u914d\u7f6e SplitView \u884c\u4e3a\n        splitVC.preferredSplitBehavior = .tile \/\/ \u6a2a\u5c4f\u65f6\u4fa7\u8fb9\u680f\u56fa\u5b9a\uff0c\u4e0d\u81ea\u52a8\u9690\u85cf\n        splitVC.presentsWithGesture = true \/\/ \u652f\u6301\u6ed1\u52a8\u547c\u51fa\/\u6536\u8d77\u4fa7\u8fb9\u680f\n        splitVC.delegate = self \/\/ \u76d1\u542c\u6298\u53e0\/\u5c55\u5f00\u72b6\u6001\n\n        \/\/ 5. \u8bbe\u7f6e\u6839\u89c6\u56fe\n        window = UIWindow(frame: UIScreen.main.bounds)\n        window?.rootViewController = splitVC\n        window?.makeKeyAndVisible()\n\n        return true\n    }\n}\n\n\/\/ MARK: - SplitViewController \u4ee3\u7406\uff08\u5904\u7406\u6298\u53e0\/\u5c55\u5f00\uff09\nextension AppDelegate: UISplitViewControllerDelegate {\n    func splitViewController(_ svc: UISplitViewController, topColumnForCollapsingToProposedTopColumn proposedTopColumn: UISplitViewController.Column) -> UISplitViewController.Column {\n        \/\/ \u6298\u53e0\u65f6\u4f18\u5148\u4fdd\u7559\u8be6\u60c5\u533a\uff08\u9876\u90e8\u5bfc\u822a\uff09\n        return .secondary\n    }\n}<\/code><\/pre>\n
2. \u5b9e\u73b0\u4fa7\u8fb9\u680f\uff08SidebarViewController\uff09<\/h4>\n
\u4fa7\u8fb9\u680f\u7528 UITableView<\/code> \u5b9e\u73b0\u4e00\u7ea7\u83dc\u5355\uff0c\u9009\u4e2d\u9879\u65f6\u89e6\u53d1\u8be6\u60c5\u533a\u7684\u9875\u9762\u8df3\u8f6c\uff0c\u9002\u914d iPad \u89e6\u63a7\u5c3a\u5bf8\uff08\u884c\u9ad8\u3001\u95f4\u8ddd\u653e\u5927\uff09\u3002<\/p>\n
class SidebarViewController: UITableViewController {\n    \/\/ \u4e00\u7ea7\u83dc\u5355\u6570\u636e\n    let menuItems = [\n        ("\u9996\u9875", UIImage(systemName: "house")),\n        ("\u6587\u6863", UIImage(systemName: "doc.text")),\n        ("\u8bbe\u7f6e", UIImage(systemName: "gear")),\n        ("\u5173\u4e8e", UIImage(systemName: "info.circle"))\n    ]\n\n    override func viewDidLoad() {\n        super.viewDidLoad()\n        \/\/ \u9002\u914d iPad \u6837\u5f0f\n        tableView.rowHeight = 60 \/\/ \u884c\u9ad8\u6bd4\u624b\u673a\u7aef\u5927\uff08\u624b\u673a\u7aef\u901a\u5e3844-50pt\uff09\n        tableView.separatorInset = UIEdgeInsets(top: 0, left: 16, bottom: 0, right: 16)\n        tableView.backgroundColor = .systemBackground\n\n        \/\/ \u9690\u85cf\u4fa7\u8fb9\u680f\u81ea\u8eab\u7684\u5bfc\u822a\u680f\uff08\u4ec5\u4fdd\u7559\u8be6\u60c5\u533a\u9876\u90e8\u5bfc\u822a\uff09\n        navigationController?.setNavigationBarHidden(true, animated: false)\n    }\n\n    \/\/ MARK: - TableView \u4ee3\u7406\n    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {\n        return menuItems.count\n    }\n\n    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {\n        let cell = UITableViewCell(style: .default, reuseIdentifier: "SidebarCell")\n        let (title, icon) = menuItems[indexPath.row]\n        cell.textLabel?.text = title\n        cell.textLabel?.font = UIFont.systemFont(ofSize: 16, weight: .medium) \/\/ \u5b57\u53f7\u653e\u5927\n        cell.imageView?.image = icon\n        cell.imageView?.tintColor = .systemBlue\n        cell.accessoryType = .disclosureIndicator \/\/ \u6307\u793a\u53ef\u8df3\u8f6c\n        \/\/ \u6700\u5c0f\u70b9\u51fb\u533a\u57df\u786e\u4fdd 44pt\u00d744pt\uff08iPad \u89e6\u63a7\u66f4\u53cb\u597d\uff09\n        cell.contentView.layoutMargins = UIEdgeInsets(top: 10, left: 16, bottom: 10, right: 16)\n        return cell\n    }\n\n    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {\n        tableView.deselectRow(at: indexPath, animated: true)\n\n        \/\/ \u83b7\u53d6 SplitView \u7684\u8be6\u60c5\u533a\u5bfc\u822a\u63a7\u5236\u5668\n        guard let splitVC = self.splitViewController,\n              let detailNav = splitVC.viewController(for: .secondary) as? UINavigationController else {\n            return\n        }\n\n        \/\/ \u6839\u636e\u9009\u4e2d\u9879\u8df3\u8f6c\u5bf9\u5e94\u9875\u9762\uff08\u4e8c\u7ea7\u5185\u5bb9\uff09\n        switch indexPath.row {\n        case 0:\n            detailNav.setViewControllers([HomeViewController()], animated: true)\n        case 1:\n            detailNav.setViewControllers([DocumentViewController()], animated: true)\n        case 2:\n            detailNav.setViewControllers([SettingViewController()], animated: true)\n        case 3:\n            detailNav.setViewControllers([AboutViewController()], animated: true)\n        default:\n            break\n        }\n    }\n}<\/code><\/pre>\n
3. \u8be6\u60c5\u533a\u9876\u90e8\u5bfc\u822a\uff08UINavigationController\uff09<\/h4>\n
\u8be6\u60c5\u533a\u7684\u6bcf\u4e2a\u9875\u9762\u5d4c\u5957\u5728 UINavigationController<\/code> \u4e2d\uff0c\u5b9e\u73b0\u4e8c\u7ea7\/\u4e09\u7ea7\u5bfc\u822a\uff0c\u540c\u65f6\u9002\u914d iPad \u9876\u90e8\u5bfc\u822a\u7684\u6837\u5f0f\uff1a<\/p>\n
class HomeViewController: UIViewController {\n    override func viewDidLoad() {\n        super.viewDidLoad()\n        view.backgroundColor = .white\n\n        \/\/ 1. \u914d\u7f6e\u9876\u90e8\u5bfc\u822a\u680f\uff08iPad \u6837\u5f0f\uff09\n        navigationItem.title = "\u9996\u9875"\n        navigationController?.navigationBar.prefersLargeTitles = true \/\/ \u5927\u6807\u9898\uff08iPad \u66f4\u9192\u76ee\uff09\n        navigationItem.largeTitleDisplayMode = .always\n\n        \/\/ 2. \u6dfb\u52a0\u4e8c\u7ea7\u64cd\u4f5c\u6309\u94ae\uff08\u9876\u90e8\u5bfc\u822a\u53f3\u4fa7\uff09\n        let addBtn = UIBarButtonItem(\n            barButtonSystemItem: .add,\n            target: self,\n            action: #selector(addAction)\n        )\n        let filterBtn = UIBarButtonItem(\n            image: UIImage(systemName: "slider.horizontal.3"),\n            style: .plain,\n            target: self,\n            action: #selector(filterAction)\n        )\n        navigationItem.rightBarButtonItems = [addBtn, filterBtn]\n\n        \/\/ 3. \u9002\u914d iPad \u5185\u5bb9\u533a\u5e03\u5c40\uff08\u793a\u4f8b\uff1a\u6dfb\u52a0\u4e00\u4e2a\u5217\u8868\uff09\n        let listView = UITableView(frame: view.bounds)\n        listView.rowHeight = 60\n        listView.dataSource = self\n        view.addSubview(listView)\n        listView.translatesAutoresizingMaskIntoConstraints = false\n        NSLayoutConstraint.activate([\n            listView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),\n            listView.leadingAnchor.constraint(equalTo: view.leadingAnchor),\n            listView.trailingAnchor.constraint(equalTo: view.trailingAnchor),\n            listView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor)\n        ])\n    }\n\n    @objc func addAction() {\n        \/\/ \u8df3\u8f6c\u5230\u4e09\u7ea7\u9875\u9762\uff08\u793a\u4f8b\uff1a\u65b0\u5efa\u6587\u6863\uff09\n        let createVC = CreateDocumentViewController()\n        navigationController?.pushViewController(createVC, animated: true)\n    }\n\n    @objc func filterAction() {\n        \/\/ \u9876\u90e8\u5bfc\u822a\u7684\u4e8c\u7ea7\u64cd\u4f5c\uff08\u793a\u4f8b\uff1a\u7b5b\u9009\uff09\n        let filterVC = FilterViewController()\n        filterVC.modalPresentationStyle = .popover \/\/ iPad \u5f39\u51fa\u5f0f\u5f39\u7a97\uff08\u4e0d\u5360\u6ee1\u5c4f\uff09\n        filterVC.popoverPresentationController?.barButtonItem = navigationItem.rightBarButtonItems?[1]\n        present(filterVC, animated: true)\n    }\n}\n\n\/\/ MARK: - \u5185\u5bb9\u533a\u5217\u8868\u9002\u914d\nextension HomeViewController: UITableViewDataSource {\n    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {\n        return 20\n    }\n\n    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {\n        let cell = UITableViewCell(style: .subtitle, reuseIdentifier: "HomeCell")\n        cell.textLabel?.text = "\u5185\u5bb9\u9879 \\(indexPath.row + 1)"\n        cell.detailTextLabel?.text = "iPad \u9002\u914d\u7684\u8be6\u60c5\u63cf\u8ff0"\n        cell.detailTextLabel?.font = UIFont.systemFont(ofSize: 14)\n        return cell\n    }\n}<\/code><\/pre>\n
4. \u9002\u914d\u6298\u53e0\/\u5206\u5c4f\u573a\u666f\uff08\u5173\u952e\u4f18\u5316\uff09<\/h4>\n
\u5f53 iPad \u7ad6\u5c4f\u3001\u5206\u5c4f\u5c0f\u5c3a\u5bf8\u65f6\uff0c\u4fa7\u8fb9\u680f\u4f1a\u81ea\u52a8\u6298\u53e0\uff0c\u9700\u5728\u8be6\u60c5\u533a\u9876\u90e8\u5bfc\u822a\u6dfb\u52a0\u300c\u4fa7\u8fb9\u680f\u547c\u51fa\u6309\u94ae\u300d\uff0c\u4fdd\u8bc1\u64cd\u4f5c\u5165\u53e3\u4e0d\u4e22\u5931\uff1a<\/p>\n
\/\/ \u5728\u8be6\u60c5\u533a\u7684\u57fa\u7c7b ViewController \u4e2d\u7edf\u4e00\u5904\u7406\nclass BaseDetailViewController: UIViewController {\n    override func viewDidLoad() {\n        super.viewDidLoad()\n        \/\/ \u6dfb\u52a0\u4fa7\u8fb9\u680f\u547c\u51fa\u6309\u94ae\uff08\u4ec5\u6298\u53e0\u65f6\u663e\u793a\uff09\n        let sidebarBtn = UIBarButtonItem(\n            image: UIImage(systemName: "sidebar.left"),\n            style: .plain,\n            target: self,\n            action: #selector(toggleSidebar)\n        )\n        navigationItem.leftBarButtonItem = sidebarBtn\n    }\n\n    @objc func toggleSidebar() {\n        \/\/ \u89e6\u53d1 SplitView \u5c55\u5f00\/\u6536\u8d77\u4fa7\u8fb9\u680f\n        splitViewController?.show(.primary)\n    }\n\n    \/\/ \u76d1\u542c SplitView \u6298\u53e0\u72b6\u6001\uff0c\u52a8\u6001\u663e\u793a\/\u9690\u85cf\u547c\u51fa\u6309\u94ae\n    override func viewWillAppear(_ animated: Bool) {\n        super.viewWillAppear(animated)\n        guard let splitVC = splitViewController else { return }\n        \/\/ \u6298\u53e0\u72b6\u6001\uff08\u7ad6\u5c4f\/\u5c0f\u5c3a\u5bf8\uff09\u663e\u793a\u547c\u51fa\u6309\u94ae\uff0c\u5c55\u5f00\u72b6\u6001\u9690\u85cf\n        navigationItem.leftBarButtonItem?.isHidden = !splitVC.isCollapsed\n    }\n}\n\n\/\/ \u8ba9\u6240\u6709\u8be6\u60c5\u9875\u9762\u7ee7\u627f BaseDetailViewController\nclass HomeViewController: BaseDetailViewController { \/* ... *\/ }\nclass DocumentViewController: BaseDetailViewController { \/* ... *\/ }<\/code><\/pre>\n
\u4e09\u3001\u4f53\u9a8c\u4f18\u5316\u8981\u70b9\uff08iPad \u4e13\u5c5e\uff09<\/h3>\n
    \n
  1. \n
    \u63a7\u4ef6\u5c3a\u5bf8\u9002\u914d<\/strong><\/p>\n