やりたいこと
タブごとに画面が切り替わるような機能をPagingMenuControllerを使用して作成したい.
やったこと
以下が作成したコードですが, 各タブのviewが表示されません.
swift
1import UIKit 2 3import PagingMenuController 4 5 6class ViewController: UIViewController { 7 8 override func viewDidLoad() { 9 super.viewDidLoad() 10 11 let options = PagingMenuOptions() 12 let pagingMenuController = PagingMenuController(options: options) 13 14 pagingMenuController.view.frame.origin.y += 20 15 pagingMenuController.view.frame.size.height -= 20 16 17 18 addChild(pagingMenuController) 19 view.addSubview(pagingMenuController.view) 20 pagingMenuController.didMove(toParent: self) 21 22 } 23} 24 25 26private struct PagingMenuOptions: PagingMenuControllerCustomizable { 27 28 fileprivate var componentType: ComponentType { 29 return .all(menuOptions: MenuOptions(), pagingControllers: pagingControllers) 30 } 31 32 fileprivate var pagingControllers: [UIViewController] { 33 let vc1 = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "page1") as! page1ViewController 34 let vc2 = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "page2") as! page2ViewController 35 let vc3 = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "page3") as! page3ViewController 36 return [vc1, vc2, vc3] 37 } 38 39 fileprivate struct MenuOptions: MenuViewCustomizable { 40 var displayMode: MenuDisplayMode { 41 return .segmentedControl 42 } 43 var itemsOptions: [MenuItemViewCustomizable] { 44 return [MenuItem1(), MenuItem2(), MenuItem3()] 45 } 46 47 var focusMode: MenuFocusMode { 48 return .underline(height: 4.0, color: UIColor.black, horizontalPadding: 0.0, verticalPadding: 0.0) 49 } 50 } 51 52 fileprivate struct MenuItem1: MenuItemViewCustomizable { 53 var displayMode: MenuItemDisplayMode { 54 return .text(title: MenuItemText(text: "First Menu")) 55 } 56 } 57 fileprivate struct MenuItem2: MenuItemViewCustomizable { 58 var displayMode: MenuItemDisplayMode { 59 return .text(title: MenuItemText(text: "Second Menu")) 60 } 61 } 62 fileprivate struct MenuItem3: MenuItemViewCustomizable { 63 var displayMode: MenuItemDisplayMode { 64 return .text(title: MenuItemText(text: "Third Menu")) 65 } 66 } 67} 68
あなたの回答
tips
プレビュー