UITableViewCell 中 UITextField 的宽度

Question

I have a UITextfield in a UITableViewCell. I want the width of the UITextfield to be equal to the width of UITableViewCell. Refer to screenshot below.

I have tried the following but it did not work:

• Add Auto Layout constraints: leading, trailing, top and bottom.
• Ctrl-Drag UITextfield to ContentView and selected 'Equal Width'.

Applying any constraints causes the width to shrink, as seen in the screenshot below.

Swift 3 codes in custom table cell

func configure(text: String, placeholder: String) {
    emailTextField.text = text
    emailTextField.placeholder = placeholder
    emailTextField.accessibilityValue = text
    emailTextField.accessibilityLabel = placeholder
    emailTextField.autocorrectionType = .no
}

Any advice will be much appreciated.

Attempt 1

• Remove existing textfield
• Add a new texfield
• Apply leading, top, trailing and bottom with 8 points.
• Build and run the app in Simulator shows that the width still doesn't expand to the width of UITableViewCell.

Answer 1

根据图像显示添加约束，它工作正常。

Answer 2

Add Auto Layout Constrains:Leading,Top and Width of the text field should equal to superView width and adjust the Multiplier according to it.

Hope it works, sorry if I'm wrong.

I have added the two different simulator screenshots for yours reference.

iPhone 7 Simulator Screenshot

iPhone SE simulator Screenshot

Answer 3

I had a similar problem, and solved it by reducing the horizontal content hugging priority to 249.

https://developer.apple.com/documentation/uikit/uiview/1622485-setcontenthuggingpriority https://krakendev.io/blog/autolayout-magic-like-harry-potter-but-real