Menangkap sentuhan pada subview di luar bingkai superview menggunakan hitTest: withEvent:

Masalah saya: Saya memiliki superview EditViewyang pada dasarnya menempati seluruh bingkai aplikasi, dan subview MenuViewyang hanya menempati bagian bawah ~ 20%, dan kemudian MenuViewberisi subviewnya sendiri ButtonViewyang sebenarnya berada di luar MenuViewbatas (seperti ini ButtonView.frame.origin.y = -100:).

(catatan: EditViewmemiliki subview lain yang bukan bagian dari MenuViewhierarki tampilan, tetapi dapat mempengaruhi jawabannya.)

Anda mungkin sudah tahu masalahnya: kapan ButtonViewberada dalam batas-batas MenuView(atau, lebih khusus lagi, ketika sentuhan saya berada dalam MenuViewbatas-batas), ButtonViewmenanggapi peristiwa sentuh. Saat sentuhan saya berada di luar MenuViewbatas (namun masih dalam ButtonViewbatas), tidak ada peristiwa sentuhan yang diterima oleh ButtonView.

Contoh:

• (E) adalah EditView, induk dari semua tampilan
• (M) adalah MenuView, subview dari EditView
• (B) adalah ButtonView, subview dari MenuView

Diagram:

+------------------------------+
|E                             |
|                              |
|                              |
|                              |
|                              |
|+-----+                       |
||B    |                       |
|+-----+                       |
|+----------------------------+|
||M                           ||
||                            ||
|+----------------------------+|
+------------------------------+

Karena (B) berada di luar bingkai (M), ketukan di wilayah (B) tidak akan pernah dikirim ke (M) - faktanya, (M) tidak pernah menganalisis sentuhan dalam kasus ini, dan sentuhan dikirim ke objek berikutnya dalam hierarki.

Sasaran: Saya menyimpulkan bahwa penimpaan hitTest:withEvent:dapat menyelesaikan masalah ini, tetapi saya tidak mengerti persis bagaimana caranya. Dalam kasus saya, harus hitTest:withEvent:diganti di EditView(superview 'master' saya)? Atau haruskah diganti MenuView, tampilan langsung tombol yang tidak menerima sentuhan? Atau apakah saya memikirkan hal ini dengan tidak benar?

Jika ini membutuhkan penjelasan yang panjang, sumber online yang bagus akan membantu - kecuali dokumen UIView Apple, yang belum menjelaskannya kepada saya.

Terima kasih!

Saya telah memodifikasi kode jawaban yang diterima menjadi lebih umum - ini menangani kasus di mana tampilan melakukan subview klip ke batasnya, mungkin disembunyikan, dan yang lebih penting: jika subview adalah hierarki tampilan yang kompleks, subview yang benar akan dikembalikan.

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {

    if (self.clipsToBounds) {
        return nil;
    }

    if (self.hidden) {
        return nil;
    }

    if (self.alpha == 0) {
        return nil;
    }

    for (UIView *subview in self.subviews.reverseObjectEnumerator) {
        CGPoint subPoint = [subview convertPoint:point fromView:self];
        UIView *result = [subview hitTest:subPoint withEvent:event];

        if (result) {
            return result;
        }
    }

    return nil;
}

SWIFT 3

override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {

    if clipsToBounds || isHidden || alpha == 0 {
        return nil
    }

    for subview in subviews.reversed() {
        let subPoint = subview.convert(point, from: self)
        if let result = subview.hitTest(subPoint, with: event) {
            return result
        }
    }

    return nil
}

Saya harap ini membantu siapa pun yang mencoba menggunakan solusi ini untuk kasus penggunaan yang lebih kompleks.

Oke, saya melakukan penggalian dan pengujian, berikut cara hitTest:withEventkerjanya - setidaknya pada level tinggi. Gambar skenario ini:

• (E) adalah EditView , induk dari semua tampilan
• (M) adalah MenuView , subview dari EditView
• (B) adalah ButtonView , subview dari MenuView

Diagram:

+------------------------------+
|E                             |
|                              |
|                              |
|                              |
|                              |
|+-----+                       |
||B    |                       |
|+-----+                       |
|+----------------------------+|
||M                           ||
||                            ||
|+----------------------------+|
+------------------------------+

Karena (B) berada di luar bingkai (M), ketukan di wilayah (B) tidak akan pernah dikirim ke (M) - faktanya, (M) tidak pernah menganalisis sentuhan dalam kasus ini, dan sentuhan dikirim ke objek berikutnya dalam hierarki.

Namun, jika Anda mengimplementasikan hitTest:withEvent:di (M), tap di mana saja dalam aplikasi akan dikirim ke (M) (atau setidaknya ia tahu tentang mereka). Anda dapat menulis kode untuk menangani sentuhan dalam kasus itu dan mengembalikan objek yang seharusnya menerima sentuhan tersebut.

Lebih khusus lagi: tujuannya hitTest:withEvent:adalah mengembalikan objek yang seharusnya menerima pukulan. Jadi, di (M) Anda mungkin menulis kode seperti ini:

// need this to capture button taps since they are outside of self.frame
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{   
    for (UIView *subview in self.subviews) {
        if (CGRectContainsPoint(subview.frame, point)) {
            return subview;
        }
    }

    // use this to pass the 'touch' onward in case no subviews trigger the touch
    return [super hitTest:point withEvent:event];
}

Saya masih sangat baru dalam metode ini dan masalah ini, jadi jika ada cara yang lebih efisien atau benar untuk menulis kode, silakan beri komentar.

Saya harap itu membantu siapa pun yang menjawab pertanyaan ini nanti. :)

Di Swift 5

override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
    guard !clipsToBounds && !isHidden && alpha > 0 else { return nil }
    for member in subviews.reversed() {
        let subPoint = member.convert(point, from: self)
        guard let result = member.hitTest(subPoint, with: event) else { continue }
        return result
    }
    return nil
}

Yang akan saya lakukan adalah membuat ButtonView dan MenuView berada pada level yang sama dalam hierarki tampilan dengan menempatkan keduanya dalam wadah yang bingkainya benar-benar sesuai dengan keduanya. Dengan cara ini, wilayah interaktif dari item yang terpotong tidak akan diabaikan karena itu adalah batas tampilan super.

Jika Anda memiliki banyak subview lain di dalam tampilan induk Anda, maka mungkin sebagian besar tampilan interaktif lainnya tidak akan berfungsi jika Anda menggunakan solusi di atas, dalam hal ini Anda dapat menggunakan sesuatu seperti ini (Di Swift 3.2):

class BoundingSubviewsViewExtension: UIView {

    @IBOutlet var targetView: UIView!

    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        // Convert the point to the target view's coordinate system.
        // The target view isn't necessarily the immediate subview
        let pointForTargetView: CGPoint? = targetView?.convert(point, from: self)
        if (targetView?.bounds.contains(pointForTargetView!))! {
            // The target view may have its view hierarchy,
            // so call its hitTest method to return the right hit-test view
            return targetView?.hitTest(pointForTargetView ?? CGPoint.zero, with: event)
        }
        return super.hitTest(point, with: event)
    }
}

Jika ada yang membutuhkannya, berikut adalah alternatif cepat

override func hitTest(point: CGPoint, withEvent event: UIEvent?) -> UIView? {
    if !self.clipsToBounds && !self.hidden && self.alpha > 0 {
        for subview in self.subviews.reverse() {
            let subPoint = subview.convertPoint(point, fromView:self);

            if let result = subview.hitTest(subPoint, withEvent:event) {
                return result;
            }
        }
    }

    return nil
}

Tempatkan di bawah baris kode ke dalam hierarki tampilan Anda:

- (UIView*)hitTest:(CGPoint)point withEvent:(UIEvent*)event
{
    UIView* hitView = [super hitTest:point withEvent:event];
    if (hitView != nil)
    {
        [self.superview bringSubviewToFront:self];
    }
    return hitView;
}

- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent*)event
{
    CGRect rect = self.bounds;
    BOOL isInside = CGRectContainsPoint(rect, point);
    if(!isInside)
    {
        for (UIView *view in self.subviews)
        {
            isInside = CGRectContainsPoint(view.frame, point);
            if(isInside)
                break;
        }
    }
    return isInside;
}

Untuk lebih jelasnya dijelaskan di blog saya: "goaheadwithiphonetech" mengenai "Custom callout: Button is not clickable issue".

Saya harap itu membantu Anda ... !!!