iOS中从XIB添加自定义视图到UIScrollView的问题

Hey there! I see you're running into constraint conflicts when trying to add your TokenView (loaded from a XIB) to a UIScrollView and setting its frame directly. Let's break down why this is happening and how to fix it.

Why the Conflict Happens #

When you load a view from a XIB, it comes with the Auto Layout constraints you set in Interface Builder. When you manually set the frame property, you're mixing the old frame-based layout system with Auto Layout—these two approaches clash, which triggers those annoying constraint conflict warnings.

The Solution: Stick to Auto Layout Consistently #

Instead of mixing layout systems, use Auto Layout to position and size your TokenView within the scroll view. Here's how to adjust your code:

// Safely load the XIB contents (avoid force-unwrapping when possible!)
guard let nibContents = Bundle.main.loadNibNamed("TokenView", owner: nil, options: nil),
      let tokenView = nibContents.first as? TokenView else {
    print("Failed to load TokenView from XIB")
    return
}

// Critical: Disable automatic constraint generation from autoresizing mask
tokenView.translatesAutoresizingMaskIntoConstraints = false
scrollview.addSubview(tokenView)

// Define your layout constraints explicitly
NSLayoutConstraint.activate([
    // Position the view at your desired x,y offset from the scroll view's top-leading corner
    tokenView.leadingAnchor.constraint(equalTo: scrollview.leadingAnchor, constant: x),
    tokenView.topAnchor.constraint(equalTo: scrollview.topAnchor, constant: y),
    // Set the desired width and height
    tokenView.widthAnchor.constraint(equalToConstant: size.width + 30),
    tokenView.heightAnchor.constraint(equalToConstant: 30)
])

Extra Tip for Scroll View Scrolling #

If you want your scroll view to scroll properly, you need to make sure it knows the full size of its content. For example, if you're adding multiple TokenViews, chain their constraints (e.g., set the trailing anchor of one view to the leading of the next, or anchor the last view's bottom to the scroll view's bottom) so the scroll view can calculate its content size automatically.

If You Really Need Frame-Based Layout (Not Recommended) #

If for some reason you must use frame instead of Auto Layout, you can disable the XIB's constraints by removing them and relying on autoresizing masks:

guard let nibContents = Bundle.main.loadNibNamed("TokenView", owner: nil, options: nil),
      let tokenView = nibContents.first as? TokenView else {
    print("Failed to load TokenView from XIB")
    return
}

// Disable existing Auto Layout constraints from the XIB
tokenView.constraints.forEach { $0.isActive = false }
// Let autoresizing mask handle layout (matches frame-based setup)
tokenView.translatesAutoresizingMaskIntoConstraints = true
tokenView.frame = CGRect(x:x, y:y, width:size.width+30 , height:30)
scrollview.addSubview(tokenView)

But I strongly advise against this—Auto Layout is far more reliable for adaptive layouts and avoids unexpected behavior across different screen sizes.

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