Swift Table View Cell布局元素全部塌陷问题求助

Hey there! Let's work through this auto layout issue you're hitting—this is a super common snag when you're just starting out with Swift and iOS development, so you're not alone here. Here are the most likely fixes to get your layout displaying correctly in the simulator:

• Ensure your custom view has translatesAutoresizingMaskIntoConstraints disabled
  This is probably the biggest culprit. When you drag a new View into your TableViewCell's ContentView, make sure you uncheck the "Translate Mask Into Constraints" option in the Attributes Inspector (or set it to false in code if you're creating it programmatically). If this is enabled, auto layout will ignore your custom constraints and use old autoresizing mask rules, which almost always breaks your layout in the simulator.

• Verify your custom view's constraints to the ContentView
  You mentioned your view has 0 margins on all sides and a height of 150. Double-check that these constraints are properly applied:

  • Top constraint from your view to ContentView's top = 0
  • Leading constraint from your view to ContentView's leading = 0
  • Trailing constraint from your view to ContentView's trailing = 0
  • Height constraint set to 150 (skip this if you want dynamic row height instead)

• Tweak your Horizontal Stack View's properties
  Stack Views can be tricky—make sure you've set the right distribution and alignment:

  • For distribution: If you want your stack's items to maintain proportional sizes, try Fill Proportionally or Equal Spacing. Avoid Fill unless you've given each subview explicit width/height constraints.
  • For alignment: Set this to Fill if you want items to stretch vertically to match the stack's height, or Center if you want them centered.
    Also, ensure the Stack View itself has solid constraints to its parent view (your 150-height view)—don't forget top, leading, trailing, and bottom constraints so it doesn't float or collapse.

• Configure your TableView's row height correctly
  Even if your cell's constraints are perfect, the TableView might be using a default row height that's too small. In your TableViewController's viewDidLoad() method, add these lines:

  tableView.rowHeight = UITableView.automaticDimension
  tableView.estimatedRowHeight = 150 // Match your cell's intended height
  

  If you want a fixed row height instead, you can set tableView.rowHeight = 150 directly.

• Fix any constraint warnings/errors
  Take a look at the Issue Navigator in Xcode—if there are red error icons or yellow warnings next to your Storyboard, resolve those first. Common issues include missing constraints (your layout isn't fully defined) or conflicting constraints (two rules that can't both be true).

Start with the first tip about disabling translatesAutoresizingMaskIntoConstraints—that's the most frequent fix for this exact problem. If that doesn't work, work through the rest step by step, and you should see your layout pop into place in the simulator.

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