模态视图展示与关闭问题：点击透明边距关闭功能异常

Hey there! Let's get that tap-to-dismiss logic working properly for your modal view controller. The key here is making sure the gesture only triggers when the user taps the 20pt transparent edge area (not your main content), and then correctly dismissing the modal. Here's how to do it step by step:

Quick Pre-Checks #

Before diving into code, double-check these easy fixes:

• Ensure your noteDetailController's root view has a clear background color (since you're using .overCurrentContext, this guarantees the transparent edges are actually see-through).
• Confirm the gesture is added to the root view of the modal controller, not your main content view—otherwise it can't detect taps on the edge areas.

Solution 1: Check Tap Location Against Content Frame #

This is the simplest approach. Assume you have a contentView in your modal controller that holds your main content (inset by 20pt on all sides). We'll verify if the tap falls outside this content view to trigger dismissal:

// Inside your NoteDetailViewController class
override func viewDidLoad() {
    super.viewDidLoad()
    
    // Set root view background to clear
    view.backgroundColor = .clear
    
    // Add tap gesture to root view
    let backgroundTap = UITapGestureRecognizer(target: self, action: #selector(handleBackgroundTap))
    view.addGestureRecognizer(backgroundTap)
}

@objc private func handleBackgroundTap(_ gesture: UITapGestureRecognizer) {
    let tapPoint = gesture.location(in: view)
    
    // Define your content frame (match your 20pt edge insets)
    let contentInsets = UIEdgeInsets(top: 20, left: 20, bottom: 20, right: 20)
    let contentFrame = view.bounds.inset(by: contentInsets)
    
    // Dismiss if tap is outside the content area
    if !contentFrame.contains(tapPoint) {
        dismiss(animated: false, completion: nil)
    }
}

Solution 2: Custom Gesture Recognizer (Cleaner Encapsulation) #

If you want to wrap the tap logic into a reusable component, create a custom gesture recognizer that only responds to taps outside your content area:

// Custom gesture recognizer class
class BackgroundEdgeTapGesture: UITapGestureRecognizer {
    // Match these insets to your 20pt transparent edges
    private let edgeInsets = UIEdgeInsets(top: 20, left: 20, bottom: 20, right: 20)
    
    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        guard let rootView = self.view else { return nil }
        
        let contentFrame = rootView.bounds.inset(by: edgeInsets)
        // Ignore taps on the main content area
        if contentFrame.contains(point) {
            return nil
        }
        return super.hitTest(point, with: event)
    }
}

// Usage in your NoteDetailViewController
override func viewDidLoad() {
    super.viewDidLoad()
    view.backgroundColor = .clear
    
    let edgeTap = BackgroundEdgeTapGesture(target: self, action: #selector(dismissModal))
    view.addGestureRecognizer(edgeTap)
}

@objc private func dismissModal() {
    dismiss(animated: false, completion: nil)
}

Why Your Previous Logic Might Have Failed #

• If you added the gesture to the content view instead of the root view, it could never detect taps on the transparent edges.
• Without checking the tap location, the gesture might have triggered even when tapping your main content (which you don't want).
• Ensure dismiss(animated:completion:) is called from the modal controller itself—this is the cleanest way to close it.

内容的提问来源于stack exchange，提问作者sark9012