iOS Swift：XIB自定义AlertView布局异常底部被截断问题

Hey there! Let's work through this custom alert view layout issue you're dealing with—bottom truncation is such a frustrating roadblock when you've put time into building your XIB and setup. Let's break down the most likely fixes, starting with your suspicion about frame vs bounds confusion.

First: Fix the XIB Loading Logic in CustomAlertView #

When loading a view from a XIB, it's super common to mess up how the content view attaches to the parent CustomAlertView instance. If your content view isn't set to fill the parent properly, it'll get truncated when added to dialogView. Here's the corrected setup for your CustomAlertView class:

class CustomAlertView: UIView {
    @IBOutlet private weak var contentView: UIView!

    // MARK: - Initializers
    override init(frame: CGRect) {
        super.init(frame: frame)
        commonInit()
    }

    required init?(coder: NSCoder) {
        super.init(coder: coder)
        commonInit()
    }

    // MARK: - Private Setup
    private func commonInit() {
        // Load the XIB and hook up the content view
        Bundle.main.loadNibNamed("CustomAlertView", owner: self, options: nil)
        
        // Critical: Make the content view fill the entire CustomAlertView
        contentView.frame = self.bounds
        contentView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        self.addSubview(contentView)
    }
}

This ensures your XIB's content stretches to match the size of the CustomAlertView itself, no matter what frame it's given.

Second: Use Auto Layout to Attach CustomAlertView to dialogView #

Ditching manual frame settings for Auto Layout will eliminate most frame/bounds confusion. Instead of setting customAlertView.frame = dialogView.bounds, pin it directly to the edges of dialogView so it adapts perfectly:

// Inside your CustomAlert class where you add the CustomAlertView
let customAlertView = CustomAlertView()
customAlertView.translatesAutoresizingMaskIntoConstraints = false
dialogView.addSubview(customAlertView)

// Pin the alert view to all edges of the dialog view
NSLayoutConstraint.activate([
    customAlertView.topAnchor.constraint(equalTo: dialogView.topAnchor),
    customAlertView.leadingAnchor.constraint(equalTo: dialogView.leadingAnchor),
    customAlertView.trailingAnchor.constraint(equalTo: dialogView.trailingAnchor),
    customAlertView.bottomAnchor.constraint(equalTo: dialogView.bottomAnchor)
])

// Let the dialog view size itself to fit the alert content
dialogView.sizeToFit()
// Optional: Add a max width constraint for large screens
dialogView.widthAnchor.constraint(lessThanOrEqualToConstant: 320).isActive = true

Third: Double-Check Your XIB's Internal Constraints #

Truncation often happens because the content inside your XIB isn't properly anchored to the bottom of the content view. Open your CustomAlertView.xib and verify:

• All bottom-aligned elements (buttons, text, etc.) have constraints linking them to the bottom anchor of the XIB's root view.
• There are no conflicting constraints that might be pushing content off-screen.
• The root view of the XIB has its Autoresizing Mask set to stretch both width and height (or you're using full-edge constraints internally).

Fourth: Ensure dialogView is Sized Correctly #

If dialogView is being added to your backgroundView, make sure:

• backgroundView is sized to the full screen: backgroundView.frame = UIScreen.main.bounds
• dialogView is centered properly (either via dialogView.center = backgroundView.center or Auto Layout center constraints)

By following these steps, you'll eliminate frame/bounds mismatches and ensure your custom alert view fits perfectly inside dialogView without truncation.

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