重なったビューのイベントを両方取得したい

Question

問題

ビューに指の動きを表示する機能（シミュレータでいう●印）を実装しております。

UIViewの派生クラスを用意し、ツールバーやナビゲーションバーの上に被せるように追加しています。
self.navigationController?.view.addSubview(PresenView)

参考：https://qiita.com/akatsuki174/items/0681bd314b04fd64eb18

そこで、UIViewControllerの派生クラスとUIViewの派生クラスの両方のイベント（タッチやボタンなど）を拾いたいのですが、良い方法はありますでしょうか。
現在は、UIViewの派生クラスのtouchイベントしか通知されない状況です。

良いやり方をご存じの方がいらっしゃいましたら、ご教示のほどお願い申し上げます。

調べたこと

①hitTest()をオーバーライドすると、指定したどちらか一方のビューへ通知することができるようです。しかし、両方に通知することは難しそうでした。

②UIViewControllerの派生クラスの方のtouchesBegan()などで、PresenView.touchesBegan(touches, with: event)のようにUIViewの派生クラスのタッチイベントを呼び出すことはできそうでした。しかし、今回ナビゲーションバーやタブバーを利用しており、その場合はtouchesBegan()などに来てくれないため、悩んでいます。

該当のソースコード

class ViewController: UIViewController{
　override func viewDidLoad() {
   super.viewDidLoad()
　　
　　// ビューの追加
   PresenView = PrezenforView(frame: CGRect(x: 0, y: 0, width: self.view.bounds.width, height: self.view.bounds.height))
   PresenView.backgroundColor = UIColor.clear
   PresenView.isHidden = false
   PresenView.isUserInteractionEnabled = true
   PresenView.isMultipleTouchEnabled = true   // マルチタッチ可
   self.navigationController?.view.addSubview(PresenView)
　}

 // ----- タッチ関連 -----
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        
        // 来ない
    }
    override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
        
        // 来ない
    }
    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        
        // 来ない
    }

　// 略
}
     
// カスタムビュー
class PrezenforView: UIView {
    
    var ptarray:Array<CGPoint> = []
    
    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {        
        let view = super.hitTest(point, with: event)
　
        //if(view == self){
　　　　　// ここを入れるとPrezenforViewのタッチイベントが発生しない
        //    return nil
        //}
        return view
    }
    
    // ----- タッチ関連 -----
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        
        var arPt:Array<CGPoint> = []
        
        for touch in touches {
            let location = touch.location(in: self)
            arPt.append(location)
        }
        
        Setptarray(array: arPt)
    }
    override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
        
        var arPt:Array<CGPoint> = []
        
        for touch in touches {
            let location = touch.location(in: self)
            arPt.append(location)
        }
        
        Setptarray(array: arPt)
    }
    
    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        
        Removeptarray()
    }
    
    override func draw(_ rect: CGRect) {
        
        for i in 0..<ptarray.count {
            // 円の描画
            let circle = UIBezierPath(arcCenter: CGPoint(x: ptarray[i].x, y: ptarray[i].y), radius:18, startAngle: CGFloat(Double.pi*2.0*0.0/360.0), endAngle:CGFloat(Double.pi*2.0*360.0/360.0), clockwise: true)
            let circleColor = UIColor(red:0, green:0, blue:1, alpha:0.6)
            circleColor.setStroke() // 線の色を設定
            circleColor.setFill()   // 内側塗りつぶし色の設定
            circle.fill() // 内側塗りつぶし
            circle.lineWidth = 0
            circle.stroke()
        }
    }
    
    // 座標配列の設定
    func Setptarray(array: Array<CGPoint>){
        ptarray = array
        
        self.setNeedsDisplay() // 描画更新
    }
    
    // 座標配列の削除
    func Removeptarray(){
        ptarray.removeAll()
        
        self.setNeedsDisplay() // 描画更新
    }

}

補足情報

Xcode:Version 10.2
Swift5
iOS12.2

Answer 1

こんにちは。

ビューに指の動きを表示する機能（シミュレータでいう●印）を実装しております。

↑ここしか読んでいませんが、
UIWindowの派生クラスを作り、sendEventメソッドをオーバーライドすると、すべてのタッチイベントが取得できますので、そこから煮るなり焼くなりするという方法があります。

＃また、そもそもアプリ宣伝動画撮影用に、そうしたOSSが有った気がするのですが、ちょっと検索しても出てきませんでした・・・

---

追記：

ありました！
https://github.com/morizotter/TouchVisualizer
実装を見てみると参考になると思います。

Comments

[msa_winnie]

takabosoft様、教えていただきありがとうございます。
UIViewではなくUIWindowを使うと良いのですね。

試しに、以下のようにUIWindowを作成して、そこにUIViewを追加するようにしてみました。UIViewControllerの派生クラス内で、PrezenforWindowを作成しています。
この場合でもPrezenforWindowのsendEvent()には来てくれるのですが、UIViewControllerの派生クラスのtouchesBegan()などには来てくれませんでした。
教えていただいたサンプルアプリも確認しましたが、解決できませんでした。
もしお分かりになりましたら、ご教示のほどお願い申し上げます。

-----------------------------------------------
// プレゼンウィンドウ
// -プレゼン用にポインタを表示するウィンドウ
class PrezenforWindow: UIWindow {

var PrezenView: PrezenforView!

override init(frame: CGRect) {

super.init(frame: frame)

self.backgroundColor = UIColor.clear
self.layer.position = CGPoint(x: frame.width/2, y: frame.height/2)
self.isHidden = false
self.makeKeyAndVisible() // windowを表示

// ビューの追加
PrezenView = PrezenforView(frame: frame)
PrezenView.backgroundColor = UIColor.clear
PrezenView.isHidden = false
self.addSubview(PrezenView)
}

required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}

override func sendEvent(_ event: UIEvent) {
if PrezenView != nil{
if event.type == .touches{
if let alltouches = event.allTouches{

var arPt:Array<CGPoint> = []

for touch in alltouches{

switch touch.phase{
case .began,.moved:
let location = touch.location(in: self)
arPt.append(location)
break

default:
break
}
}

PrezenView.Setptarray(array: arPt)
PrezenView.setNeedsDisplay() // 描画更新
}
}
}

super.sendEvent(event)
}
}

// プレゼンビュー
// -プレゼン用にポインタを表示するビュー
class PrezenforView: UIView {

var ptarray:Array<CGPoint> = []

override func draw(_ rect: CGRect) {

for i in 0..<ptarray.count {
// 円の描画
let circle = UIBezierPath(arcCenter: CGPoint(x: ptarray[i].x, y: ptarray[i].y), radius:18, startAngle: CGFloat(Double.pi*2.0*0.0/360.0), endAngle:CGFloat(Double.pi*2.0*360.0/360.0), clockwise: true)
let circleColor = UIColor(red:0, green:0, blue:1, alpha:0.6)
circleColor.setStroke() // 線の色を設定
circleColor.setFill() // 内側塗りつぶし色の設定
circle.fill() // 内側塗りつぶし
circle.lineWidth = 0
circle.stroke()
}
}

// 座標配列の設定
func Setptarray(array: Array<CGPoint>){
ptarray = array
}
}

[takabosoft]

私が提示したものはタッチイベントを大本で検出する方法であって、どこかの階層のビューのtouchesBegan()にイベントが到達するようになるというものではありませんよ？

[takabosoft]

また、Storyboard使用時にUIWindowを自前のクラスに置き換えるのは
https://stackoverflow.com/questions/10403137/subclassing-uiwindow-while-using-storyboards
を参考にしてください。

[msa_winnie]

takabosoft様、お返事ありがとうございます。
すみません。よくわかっていませんでした。
以下のように試してみましたが、あっていますでしょうか。
--
おおもとのwindowをカスタムwindowに変更したところ、カスタムwindow内のsendEvent()とviewcontroller内のtouchesBegan()へのイベントを受け取ることができました。

------------------
class AppDelegate: UIResponder, UIApplicationDelegate {
var window: PrezenforWindow?

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {

let first: ViewController = ViewController()
NaviController = NavigationController(rootViewController: first)
self.window = PrezenforWindow(frame: UIScreen.main.bounds)
self.window?.rootViewController = NaviController
self.window?.makeKeyAndVisible()

return true
}
------------------

ただ、上のコメント(2019/06/12 11:49)で記載したコードのdraw(_ rect: CGRect)には入ってくるのですが、円が描画されない状況です。
bringSubviewToFront(PrezenforView)のように最前面にビューを移動すれば、円は描画されますが、このようにするとviewcontroller内のtouchesBegan()イベントを受け取れなくなってしまいます。

色々わからないことが多く、申し訳ありませんが、もしおわかりになりましたら、ご教示のほどお願い申し上げます。

[takabosoft]

Storyboard使わないで実装したんですね、それでしたらウィンドウの差し替えはそれでよいと思います。

描画用のviewのisUserInteractionEnabledをfalseにすればタッチは透過すると思います。

[msa_winnie]

takabosoft様、お返事ありがとうございます。
度々申し訳ありません。

タッチのイベントは取れているのですが、描画用のビューに円が表示されない状況です。（円の描画処理には入ってきています。）
ビューの前後関係の問題でしょうか？
それとも、カスタムwindow内にaddSubview()で描画用のビューを追加しているのがまずいのでしょうか？

初歩的な質問で申し訳ありませんが、よろしくお願いいたします。

[takabosoft]

bringSubviewToFrontすれば出るとご自身でおっしゃっていますが・・・それをやった上でisUserInteractionEnabledをfalseにしてくださいと伝えたつもりです。

[msa_winnie]

takabosoft様、お返事ありがとうございます。

色々混乱していました。すみません。
bringSubviewToFront()をした上で、isUserInteractionEnabledをfalseにしたところ、無事にやりたいことができました。

丁寧に教えていただきありがとうございました。
今後ともどうぞよろしくお願いいたします。

[takabosoft]

どういたしまして????