スワイプすると出てくるメニューがうまく実行できない

Question

やりたいこと
UIScreenEdgePanGestureRecognizerを使って画面の端をスワイプするとメニュービューが端から半分ほど飛び出てくる画面を作りたい

経緯
参考記事を元に実装を行いましたが、シミュレーターで起動してみたところうまく実行できませんでした。
(スワイプを行っても全く反応しない状態)

UIViewControllerにメニュー画面(UIView)を重ねて実現しようとしています。

import UIKit

class ViewController: UIViewController ,SideMenuDelegate{
  
  var sideView : SideMenu!
  
  //@IBOutlet var RightEdgePanGesture: UIScreenEdgePanGestureRecognizer!
  
  @IBOutlet var RightEdgePanGesture: UIScreenEdgePanGestureRecognizer!
  
  override func viewDidLoad() {
    super.viewDidLoad()
    
    let imageArray = [UIImage(named:"0.png")!,UIImage(named:"1.png")!,UIImage(named:"2.png")!]
    sideView = SideMenu(image:imageArray, parentViewController:self)
    sideView.delegate = self
    self.view.addSubview(sideView)
    RightEdgePanGesture.edges = .right
  }
  
  func EdgePanGesture(_ sender: UIScreenEdgePanGestureRecognizer) {
    sideView.EdgePanGesture(sender: sender)
  }
  
  override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
  }
  
  /*  デリゲートメソッド   */
  func onClickButton(sender: UIButton) {
    print(sender.tag)
  }
  
}

import UIKit

@objc protocol SideMenuDelegate {
  func onClickButton(sender:UIButton)
}

class SideMenu: UIView {
  var size: CGRect?
  var swipeGesture : UISwipeGestureRecognizer!
  var rightConstraint: NSLayoutConstraint!
  var parentVC: UIViewController!
  var isSideMenuhidden: Bool = true
  
  //デリゲートのインスタンスを宣言
  weak var delegate: SideMenuDelegate?
  
  //イニシャライザー
  init(image: [UIImage],parentViewController: UIViewController) {
    self.size = CGRect(x:UIScreen.main.bounds.width,
                       y:0,
                       width:UIScreen.main.bounds.width*2,
                       height:UIScreen.main.bounds.height
    )
    super.init(frame: size!)
    //サイドメニューの背景色
    self.backgroundColor = UIColor.darkGray
    //サイドメニューの背景色の透過度
    self.alpha = 0.8
    self.buttonSet(num: image.count,image: image)
    
    self.parentVC = parentViewController
    
    //親ビューをタップしたときにメニューを下げる
    let clearView =
      UIView(frame:CGRect(x:0,y:0,
                          width:UIScreen.main.bounds.width*2/3,
                          height:UIScreen.main.bounds.height
      ))
    clearView.alpha = 1.0
    parentVC.view.addSubview(clearView)
    let tapGesture = UITapGestureRecognizer(
      target: self,
      action: #selector(self.clearViewTapped)
    )
    tapGesture.numberOfTapsRequired = 1
    clearView.addGestureRecognizer(tapGesture)
  }
  
  
  @objc func clearViewTapped(){
    if isSideMenuhidden == false {
      isSideMenuhidden = true
      UIView.animate(withDuration: 0.8,
                     animations: {
                      self.frame.origin.x = UIScreen.main.bounds.width
      },
                     completion:nil)
    }
  }
  
  required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
  }
  
  //親ビューで指定した画像の数だけボタンを生成、配置
  func buttonSet(num:Int, image:[UIImage]){
    for i in 0..<num{
      let button =
        UIButton(frame:CGRect(x:10,
                              y:50+110*i,
                              width:90, height:90))
      //ボタンの画像
      button.setImage(image[i], for: .normal)
      //ボタンの四隅に余白をつける
      button.imageEdgeInsets = UIEdgeInsets(top: 20, left: 20, bottom: 20, right: 20)
      //ボタンの背景色
      button.backgroundColor = UIColor.yellow
      // サイズの半分の値 (丸いボタンにするため)
      button.layer.cornerRadius = 45
      //ボタンにタグをつける
      button.tag = i
      button.addTarget(self,
                       action: #selector(self.onClickButton(sender:)),
                       for: .touchUpInside)
      self.addSubview(button)
    }
  }
  
  //画面の端からのスワイプを検出
  public func EdgePanGesture(sender: UIScreenEdgePanGestureRecognizer) {
    self.translatesAutoresizingMaskIntoConstraints = false
    
    //移動量を取得する。
    let move:CGPoint = sender.translation(in: parentVC.view)
    
    //画面の端からの移動量
    self.frame.origin.x += move.x
    //画面表示を更新する。
    self.layoutIfNeeded()
    
    //ドラッグ終了時の処理
    if(sender.state == UIGestureRecognizer.State.ended) {
      if(self.frame.origin.x < parentVC.view.frame.size.width/3) {
        //ドラッグの距離が画面幅の三分の一を超えた場合はメニューを出す
        UIView.animate(withDuration: 0.8,
                       animations: {
                        self.frame.origin.x = UIScreen.main.bounds.width*2/3
        },
                       completion:nil)
        isSideMenuhidden = false
      }else {
        //ドラッグの距離が画面幅の半分以下の場合はそのままビューを右に戻す。
        UIView.animate(withDuration: 0.8,
                       animations: {
                        self.frame.origin.x = UIScreen.main.bounds.width
        },
                       completion:nil)
      }
    }
    //移動量をリセットする。
    sender.setTranslation(CGPoint.zero, in: parentVC.view)
  }
  
  /*          デリゲートメソッド　親ビューコントローラーに委譲    */
  @objc func onClickButton(sender:UIButton){
    self.delegate?.onClickButton(sender: sender)
  }
  
  //Only override draw() if you perform custom drawing.
  //An empty implementation adversely affects performance during animation.
  //    override func draw(_ rect: CGRect) {
  //    }
  
}

ViewControllerに配置したUIScreenEdgePanGestureRecognizer

StoryBoard (ViewController)

方法２
似たような方法で他に参考記事を元に、スワイプでなくボタンを押すと画面の端からメニュー画面を出すことはうまくいきました。こちらの方が画面をstoryboardで全て管理できるのでやりやすいのですが、最終的に作りたいものはスワイプでメニュー画面を出現するものです。

コードは文字量の関係で省略m(_ _)m

storyboard

シミュレーターで起動させて、ContentViewControllerのメニューを開くのボタンを押すとMenuViewControllerが左端から出現。

Answer 1

自分も検証してみました。

RightEdgePanGesture.edges = .right

はstoryboard上で指定できました。

おそらく、ジェスチャとfunc EdgePanGesture(_ sender: UIScreenEdgePanGestureRecognizer)がつながっていませんので、
こんな感じでイベントハンドラを作ってください。

シミュレーターでも問題なく動作することを確認済みです。

Comments

[samson66]

ありがとうございます！
指定の方法でやってみたところ無事に反応しました。

追加の質問ですみませんが、現状の実装から
追記で載せた方法２のようにコードからではなくstoryboardで作ったメニュー画面を組み込ませる場合はどのように行えば良いのでしょうか？

UIViewクラスのviewcontrollerをstoryboardに配置して実装していく形になりますでしょうか？

[samson66]

追記：
方法２のやりかたでstoryboardにメニューviewcontrollerをセットし、関数をいくつか用意して
それを @IBAction func EdgePanGesture(_ sender: Any) { } の中にセットしたらstoryboardで作った
viewcontrollerを表示することに成功しましたm(_ _)m