Swift3 ボタンの範囲外から指をドラッグしてボタンに触れた時にアクションを起こしたいです

Question

ButtonA ButtonBの２つのボタンがあり、ButtonAを押した後にそのまま指をドラッグして指がButtonBに触れた時にButtonBのActionを起こしたいです。
もしくはButtonBの範囲外から指をドラッグしてButtonBに触れた時にButtonBのアクションを起こす。
UIButtonのイベントでTouch Drag EnterやTouch Drag Insideなどを使いましたが、こらだとそもそもButtonBを一度押さないと反応しないのでできませんでした。

swift初心者なので、サンプルコードがありましたら、助かります。
よろしくお願いします。

Answer 1

※質問を読み違えていたため、回答を大きく修正しました

UIButtonのアクションではなく、UIPanGestureRecognizerを使います。

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var buttonA: UIButton!
    @IBOutlet weak var buttonB: UIButton!

    var isInButtonB = false;
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let panGestureRecognizer = UIPanGestureRecognizer(target: self, action: #selector(pannedFromA(sender:)))

        buttonA.addGestureRecognizer(panGestureRecognizer)
    }
    
    @objc func pannedFromA(sender: UIPanGestureRecognizer){
        
        if buttonB.frame.contains(sender.location(in: self.view)) {
            if !isInButtonB { // ←ButtonBの外側からドラッグしてきた場合のみ
                print("ButtonBのに触れたら処理実行")
            }
            isInButtonB = true
            
        } else { // ButtonBの内側でドラッグしても何もしない
            isInButtonB = false
        }
    }
}

Comments

[Mineo_user]

ご回答ありがとうございます。
早速試してみましたが、IBActionとボタンとを紐付けしようとすると、結べません。「sender: Any」 を「sender:UIButton」にすると紐付けできるのですが、動作はしません。何か間違っていますでしょうか。

[ndo]

>IBActionとボタンとを紐付けしようとすると、結べません
特に迷うところではないと思うのですが…
一応、回答に画像貼っておきます。
（senderの型はUIButtonにしてもいいですよ）

[ndo]

ちなみに座標についてはビューの階層構造によって違ってくるので、良きにしてください。

[Mineo_user]

ありがとうございました。
ButtonAを押してそのまま指ドラッグしてButtonBで指を離した時にアクションを起こす事はできました。
ただ、元の質問に書いたのですが、ButtonB上で指を離さずに、ドラッグした指がButtonBに触れた時にアクションを起こしたいと思っています。
できますでしょうか？

[ndo]

質問を読み違えていました。失礼しました。
たしかに「ButtonBに触れた時」と書いてますね。

回答本文を大きく修正しました。
ButtonAのアクションは解除して、かわりにUIPanGestureRecognizerを使用してください。

コード全文を記載しますが、細かいところは仕様に応じてカスタマイズしてください。

[Mineo_user]

できました！ありがとうございます。
このコードのすべての文法が理解できてないので、まだ勉強が必要なのですが、良かったらあと一つだけ聞いても良いですか。
ButtonAを押さずに、ButtonBの範囲外の画面のどこからか指をドラッグしてButtonBに触れた時にアクションを起こす場合、どうカスタマイズするのが良いですか。いろいろ試してみたのですが、できませんでした。

[ndo]

GestureRecognizerを付与する対象を、buttonBの親ビューに変えるだけです。
具体的に以下のようにします。

15行目の buttonA.addGestureRecognizer(panGestureRecognizer) を

self.view.isUserInteractionEnabled = true
self.view.addGestureRecognizer(panGestureRecognizer)
の2行に変更するだけです。

self.view.isUserInteractionEnabled = true は、コントロール（UIButtonのようなUIControlを継承したビュー）以外でユーザーの操作を受け付ける際に必要です（先程まで、誤って14行目に残していましたが削除しました）。

コードのわからない箇所の意味をひとつひとつ調べていれば、そのうち自分でも思い通りにコーディングできるようになりますよ。

[Mineo_user]

ありがとうございます。こちらもできました。
これをさらにカスタマイズし、複数のボタン（例えばbuttonA　buttonBの二つのボタン）が存在する時の記述方法を最後に教えていたけますか。色々試してもうまくいきませんでした。
何度もすみませんが、よろしくお願いします。

[ndo]

buttonAに触れたらbuttonA用の処理、buttonBに触れたらbuttonB用の処理ということですか？
if buttonB.frame.contains(sender.location(in: self.view)) でbuttonBに触れているかどうか判断しているわけですから、ボタンの数だけ条件判断を増やせばよいでしょう。

[Mineo_user]

そうでした！簡単な事でしたね。
今回は色々と丁寧にありがとうございました！
また何かありましたらよろしくお願いします！