自定义表格单元格中的堆栈视图

Question

In a custom table cell, I'm trying to hide/show view on a button click. I'm able to achieve this but couldn't able to remove the blank space. How to remove those blank spaces. I used auto constraints for stack view but it seems to be no use. can you anyone suggest a simple way to remove the blank spaces when the view is in a hidden state.

Note: custom cell should adjust its height automatically depending on the content when it's attached to table view

Edit one

As you can see the start date and end date are placed at the bottom without any dynamic height change

Preview of the custom cell. In this Cell stack view at the bottom is set to hidden initially.

Answer 1

You have a couple options...

---

1) Use another stack view:

• Embed the top "always visible" elements in a UIView
• Embed that view and the "sometimes hidden" stack view in a vertical "outer" stack view
• Constrain this new "outer" stack view to all 4 sides of the cell's content view

Now, when you hide the "sometimes hidden" stack view, it will not take up any space.

---

2) Use multiple bottom constraints:

• Keep the bottom constraint from the bottom of the "sometimes hidden" stack view to the bottom of the cell's content view. Make it an IBOutlet - we'll call it whenHiddenConstraint
• Add a constraint from the bottom of the bottom-most "always visible" element to the bottom of the cell's content view. Make it an IBOutlet - we'll call it whenVisibleConstraint
• Set the Priority on the whenVisibleConstraint to 750
• Set the Priority on the whenHiddenConstraint to 250

Now, in your code, when hiding the "sometimes hidden" stack view:

theStackView.isHidden = true
whenVisibleConstraint.priority = .defaultLow
whenHiddenConstraint.priority = .defaultHigh

when you want to show the "sometimes hidden" stack view:

theStackView.isHidden = false
whenHiddenConstraint.priority = .defaultLow
whenVisibleConstraint.priority = .defaultHigh