2017-08-16 8 views
1

私はプログラムでサイドメニューをプログラムで実装しようとしています。そこで私は、ビューの半分をビュービューとして設計しました。デザインとコーディングが完了しました。このビューコントローラーをサイドメニューコントローラーとして使用したいと思っています。私SideMenuストーリーボードは、次のとおりです。Swift3のサイドメニューとしてビューコントローラを使用する方法

enter image description here

今、私のコードは次のようになります。

import UIKit 

class SideBarViewController: UIViewController { 
    @IBOutlet weak var menu: UIView! 
    @IBOutlet weak var menuTableView: UITableView! 
    var fieldImages = [UIImage]() 
    var isFirstSectionHidden: Bool = true 
    var isSecondSectionHidden: Bool = true 
    var selectedIndex: Int = 0 
    var menuTag: Int = 0 
    var name = "" 
    var email = "" 
    var imageURL = "" 
    var language = "English" 

    var accountNames: [String] = ["My Subscriptions", "My Proposals","My Interests"] 
    var languageNames: [String] = ["English", "Arabic", "Malayalam"] 
    override func viewDidLoad() { 
     super.viewDidLoad() 
     selectedIndex = -1 
     self.menu.isHidden = true 
     menuTag = 0 
    // self.profile() 
     let swipeRight = UISwipeGestureRecognizer(target: self, action: #selector(self.respondToSwipeGesture)) 
     swipeRight.direction = UISwipeGestureRecognizerDirection.right 
     self.view.addGestureRecognizer(swipeRight) 

     let swipeLeft = UISwipeGestureRecognizer(target: self, action: #selector(self.respondToSwipeGesture)) 
     swipeLeft.direction = UISwipeGestureRecognizerDirection.left 
     self.view.addGestureRecognizer(swipeLeft) 
     self.fieldImages.append(UIImage(named: "my_subscription_icon")!) 
     self.fieldImages.append(UIImage(named: "my_proposal_icon")!) 
     self.fieldImages.append(UIImage(named: "my_interest_icon")!) 
    } 

    override func didReceiveMemoryWarning() { 
     super.didReceiveMemoryWarning() 
     // Dispose of any resources that can be recreated. 
    } 
    func respondToSwipeGesture(gesture: UIGestureRecognizer) { 
    if let swipeGesture = gesture as? UISwipeGestureRecognizer { 
    switch swipeGesture.direction { 
    case UISwipeGestureRecognizerDirection.right: 
    menuAction() 
    print("Swiped right") 
    case UISwipeGestureRecognizerDirection.left: 
    menuAction() 
    print("Swiped left") 
    default: 
    break 
    } 
    } 
    } 
    func menuAction() { 
    if menuTag == 0 { 
     UIView.animate(withDuration: 0.5, animations: {() -> Void in 
     self.menu.frame = CGRect(x: 0, y: 0, width: self.menu.frame.size.width, height: self.menu.frame.size.height) 
     self.menu.isHidden = false 
     self.menuTag = 1 
     self.menuTableView.reloadData() 
     }) 
    } 
    else { 
     UIView.animate(withDuration: 0.5, animations: {() -> Void in 
     self.menu.frame = CGRect(x: -self.menu.frame.size.width, y: 0, width: self.menu.frame.size.width, height: self.menu.frame.size.height) 
      self.menu.isHidden = true 
     self.menuTag = 0 
     self.menuTableView.reloadData() 
     }) 
     selectedIndex = -1 

    } 
    } 
    func profile() { 
    if Utility.isConnectedToInternet { 
     Utility.startActivityIdicator() 
     VanpoolAPI.profile { (response) in 
     Utility.stopActivityIndicator() 
     if response == nil { 
      Utility.showAlert(title: Constants.error, message: Constants.someThingWrong, delegate: self) 
     } else { 
      if response?.status == ResponseCode.success.code { 
      self.name = (response?.name)! 
      self.email = (response?.email)! 
      self.imageURL = (response?.displayPictureUrl)! 
      } else { 
      Utility.showAlert(title:Constants.appName, message:response?.message?.key ?? "", delegate: self) 
      } 
     } 
     } 
    } else { 
     Utility.showAlert(title: Constants.appName, message: Constants.noNetwork, delegate: self) 
    } 
    } 
    func logout() { 
    if Utility.isConnectedToInternet { 
     Utility.startActivityIdicator() 
     VanpoolAPI.logout { (response) in 
     Utility.stopActivityIndicator() 
     if response == nil { 
      Utility.showAlert(title: Constants.error, message: Constants.someThingWrong, delegate: self) 
     } else { 
      if response?.status == ResponseCode.success.code { 
      } else { 
      Utility.showAlert(title:Constants.appName, message:response?.message?.key ?? "", delegate: self) 
      } 
     } 
     } 
    } else { 
     Utility.showAlert(title: Constants.appName, message: Constants.noNetwork, delegate: self) 
    } 
    } 

    /* 
    // MARK: - Navigation 

    // In a storyboard-based application, you will often want to do a little preparation before navigation 
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) { 
     // Get the new view controller using segue.destinationViewController. 
     // Pass the selected object to the new view controller. 
    } 
    */ 

} 
extension SideBarViewController: UITableViewDelegate, UITableViewDataSource { 

    func numberOfSections(in tableView: UITableView) -> Int { 
    return 11 
    } 
    // number of rows in table view 
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { 
    if section == 0 { 
     return 1 
    } else if selectedIndex == section { 
     return 3 
    } else { 
     return 0 
    } 
} 
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { 
    var cell = UITableViewCell() 
    switch indexPath.section { 
    case 0: 

    let cellProfile = (menuTableView.dequeueReusableCell(withIdentifier:"profileCell", for: indexPath)as? MenuTableViewCell)! 
    cellProfile.profile.layer.masksToBounds = false 
    cellProfile.profile.layer.cornerRadius = cellProfile.profile.frame.height/2 
    cellProfile.profile.clipsToBounds = true 
    cellProfile.name.text = self.name 
    cellProfile.email.text = self.email 
    cell = cellProfile 
    case 3: 
    let cellAccount = (menuTableView.dequeueReusableCell(withIdentifier:"accountCell", for: indexPath)as? MenuAccountTableViewCell)! 
    cellAccount.title.text = accountNames[indexPath.row] 
    cellAccount.icon.image = fieldImages[indexPath.row] 
     cell = cellAccount 
    case 5: 
    let cellLanguage = (menuTableView.dequeueReusableCell(withIdentifier:"languageCell", for: indexPath)as? MenuLanguageTableViewCell)! 
    cellLanguage.languageLabel.text = languageNames[indexPath.row] 
    cell = cellLanguage 
    default: 
     print("Something else") 

    } 
    return cell 
    } 
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) { 
    switch indexPath.section { 
    case 5: 
    let currentCell = tableView.cellForRow(at: indexPath) as? MenuLanguageTableViewCell 
    language = (currentCell?.languageLabel.text)! 
    selectedIndex = -1 
    isSecondSectionHidden = true 
    menuTableView.reloadData() 
    default: 
     print("Something else") 
    } 
    } 
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { 
    if indexPath.section == 0 { 
     return 180 
    } else if indexPath.section == 3||indexPath.section == 5 { 
     return 40 
    } 
    return 0 
    } 

    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { 
    if section == 0 { 
     return 0 
    } 
    return 50 
    } 

    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { 
     let headerView = UIView(frame: CGRect(x: 0, y: 0, width: menuTableView.frame.size.width, height: 40)) 
    let headerImage = UIImageView() 
    headerImage.frame = CGRect(x: 15, y: 15, width: 12, height: 12) 
    let headerLbl = UILabel() 
    headerLbl.frame = CGRect(x: headerImage.frame.origin.x + headerImage.frame.size.width + 20, y: 10, width:menuTableView.frame.size.width - 40, height: 20) 
    headerLbl.font = UIFont().robotoLight(withFontSize: 9) 
    headerLbl.textColor = CustomColor.menuGrey.color 
    let arrowImage = UIImageView() 
    arrowImage.isHidden = true 
    switch section { 
    case 1: 
    headerImage.image = UIImage(named: "home_icon") 
    headerLbl.text = "Home" 
    case 2: 
    headerImage.image = UIImage(named: "my_Id_icon") 
    headerLbl.text = "My ID" 
    case 3: 
    headerImage.image = UIImage(named: "my_interest_icon") 
    headerLbl.text = "My Account" 
    arrowImage.isHidden = false 
    if isFirstSectionHidden { 
     arrowImage.frame = CGRect(x: menuTableView.frame.size.width - 30, y: 15, width: 3, height: 5) 
     arrowImage.image = UIImage(named: "side_arrow") 
    } else { 
     arrowImage.frame = CGRect(x: menuTableView.frame.size.width - 30, y: 15, width: 5, height: 3) 
    arrowImage.image = UIImage(named: "down_arrow") 
     } 
    case 4: 
    headerImage.image = UIImage(named: "my_profile_icon") 
    headerLbl.text = "My Profile" 
    case 5: 
    headerImage.image = UIImage(named: "language_icon") 
    headerLbl.text = language 
    arrowImage.isHidden = false 
    if isSecondSectionHidden { 
     arrowImage.frame = CGRect(x: menuTableView.frame.size.width - 30, y: 15, width: 3, height: 5) 
     arrowImage.image = UIImage(named: "side_arrow") 
    } else { 
     arrowImage.frame = CGRect(x: menuTableView.frame.size.width - 30, y: 15, width: 5, height: 3) 
     arrowImage.image = UIImage(named: "down_arrow") 
     } 

    case 6: 
    headerImage.image = UIImage(named: "notification_icon") 
    headerLbl.text = "Notifications" 
    case 7: 
    headerImage.image = UIImage(named: "about_us_icon") 
    headerLbl.text = "About Us" 
    case 8: 
    headerImage.image = UIImage(named: "faq_icon") 
    headerLbl.text = "FAQ" 
    case 9: 
    headerImage.image = UIImage(named: "contact_us_icon") 
    headerLbl.text = "Contact Us" 
    case 10: 
    headerImage.image = UIImage(named: "logout_icon") 
    headerLbl.text = "Logout" 
    default: 
     print("Something else") 

    } 
     let headerClick = UIButton(type: .custom) 
     headerClick.addTarget(self, action: #selector(self.headerAction), for: .touchUpInside) 
     headerClick.frame = CGRect(x: 0, y: 0, width: menuTableView.frame.size.width, height: 40) 
     headerClick.tag = section 
     headerClick.backgroundColor = UIColor.clear 
    headerView.addSubview(arrowImage) 
    headerView.addSubview(headerLbl) 
    headerView.addSubview(headerImage) 
    headerView.addSubview(headerClick) 
    return headerView 
    } 
    func headerAction(_ sender: UIButton) { 
    if sender.tag == 3 { 
     if isFirstSectionHidden { 
     selectedIndex = Int(sender.tag) 
     isFirstSectionHidden = false 
     isSecondSectionHidden = true 
     } else { 
     selectedIndex = -1 
     isFirstSectionHidden = true 

     } 
    }else if sender.tag == 5 { 
     if isSecondSectionHidden { 
      selectedIndex = Int(sender.tag) 
      isSecondSectionHidden = false 
      isFirstSectionHidden = true 
     } else { 
      selectedIndex = -1 
      isSecondSectionHidden = true 
     } 
    } else { 
    selectedIndex = -1 
     isSecondSectionHidden = true 
     isFirstSectionHidden = true 
    } 
    menuTableView.reloadData() 
    } 
} 

プログラム的に私の側のビューコントローラとして、このビューコントローラを行うにはどのように任意のアイデア。注意してください、私は最高の第三者クラスを避けようとしています。あなたが行うことができますシンプル

https://i.stack.imgur.com/eDERN.gif

+0

現在の状況は何ですか?上記のコードでは結果は何ですか? – 3stud1ant3

+0

現状は非常に悪いです。上記のコードでは、私はサイドメニューのコントローラを取得しています。これをどのように実装するのか分かりません。 –

+0

私が理解していることは、viewController AとviewController Bを持っています。viewController Aを右にスワイプすると、viewController Bが左から右にスライドして表示されます。 – 3stud1ant3

答えて

1

ベースビューコントローラで

1.はコンテナビューを追加しています。

2.コンテナビューの幅を275にするか、要件に応じてサイドビューコントローラをコンテナビューに追加します。

3.コンテナビューの後尾(サイドメニューの右側が表示されていると仮定する)、上端、下端、および一定幅に制約を追加します。

4.は今すぐビューの末尾の制約の出口を作成して、ショーにその一定の非表示にするには、値-275と0を切り替えます。

P.S.私もサンプルプロジェクトを持っていますhttps://drive.google.com/open?id=0ByCC2aGldkpUVU0xUkd5bTRCNzQ

関連する問題