UITextField внутри UIStackView Spacing Проблема с ограничением ширины - PullRequest
Новая
       32

UITextField внутри UIStackView Spacing Проблема с ограничением ширины

0 голосов
/ 01 марта 2019

У меня есть вертикаль UIStackView, в которой есть различные UITextFields (сейчас всего 4).Когда я задаю интервал для UIStackView, я выдаю ниже ошибку: 

"<NSLayoutConstraint:0x1c4286720 H:|-(0)-[UIStackView:0x104d3e6f0](LTR)   (active, names: '|':Hello.OtpInputView:0x104d3c5b0 )>",
"<NSLayoutConstraint:0x1c4286770 UIStackView:0x104d3e6f0.right == Hello.OtpInputView:0x104d3c5b0.right   (active)>",
"<NSLayoutConstraint:0x1c4286860 '_UITemporaryLayoutWidth' Hello.OtpInputView:0x104d3c5b0.width == 0   (active)>",
"<NSLayoutConstraint:0x1c4286e50 'UISV-canvas-connection' UIStackView:0x104d3e6f0.leading == Hello.CustomOtpTextField:0x10588d600.leading   (active)>",
"<NSLayoutConstraint:0x1c4286ea0 'UISV-canvas-connection' H:[Hello.CustomOtpTextField:0x105082600]-(0)-|   (active, names: '|':UIStackView:0x104d3e6f0 )>",
"<NSLayoutConstraint:0x1c4286f40 'UISV-fill-equally' Hello.CustomOtpTextField:0x105024600.width == Hello.CustomOtpTextField:0x10588d600.width   (active)>",
"<NSLayoutConstraint:0x1c4287030 'UISV-fill-equally' Hello.CustomOtpTextField:0x105077a00.width == Hello.CustomOtpTextField:0x10588d600.width   (active)>",
"<NSLayoutConstraint:0x1c42871c0 'UISV-fill-equally' Hello.CustomOtpTextField:0x105082600.width == Hello.CustomOtpTextField:0x10588d600.width   (active)>",
"<NSLayoutConstraint:0x1c4286ef0 'UISV-spacing' H:[Hello.CustomOtpTextField:0x10588d600]-(10)-[Hello.CustomOtpTextField:0x105024600]   (active)>",
"<NSLayoutConstraint:0x1c4286fe0 'UISV-spacing' H:[Hello.CustomOtpTextField:0x105024600]-(10)-[Hello.CustomOtpTextField:0x105077a00]   (active)>",
"<NSLayoutConstraint:0x1c42870d0 'UISV-spacing' H:[Hello.CustomOtpTextField:0x105077a00]-(10)-[Hello.CustomOtpTextField:0x105082600]   (active)>"

)

Попытка восстановления путем нарушения ограничения

Как я объявляюStackView: 

stackView.translatesAutoresizingMaskIntoConstraints = false
stackView.axis = .horizontal
stackView.distribution = .fillEqually
stackView.spacing = 10

//textFields is just an array of UITextFields
textFields.enumerated().forEach { (index,field) in
    field.textColor = UIColor.darkGray
    field.font = Font.sourceSansRegular?.withSize(46)
    field.keyboardType = .numberPad
    field.delegate = self
    field.translatesAutoresizingMaskIntoConstraints = false
    field.tag = index
    field.textAlignment = .center
    field.myDelegate = self
    field.sizeToFit()
    stackView.addArrangedSubview(field)
    field.widthAnchor.constraint(equalTo: stackView.widthAnchor, multiplier: (CGFloat(0 / textFields.count)),constant: CGFloat(10 * (textFields.count - 1))).isActive = true
}

self.addSubview(stackView)
stackView.anchor(self.topAnchor, left: self.leftAnchor, bottom: self.bottomAnchor, right: self.rightAnchor, topConstant: 0, leftConstant: 0, bottomConstant: 0, rightConstant: 0, widthConstant: 0, heightConstant: 0)

Я хочу, чтобы, например, UIStackView имел ширину 110pt и 10 пробелов, тогда UITextFields должен иметь 20pt ((20 * 4) + (3 * 10), что равно 110),Следовательно, все UITextFields должны иметь одинаковую ширину (заполнить одинаково)

Как этого добиться?

РЕДАКТИРОВАТЬ: Я думаю, мне нужно указать хотя бы одну ширинудля одного TextField, поэтому я добавил 

 field.widthAnchor.constraint(equalTo: stackView.widthAnchor, multiplier: (CGFloat(0 / textFields.count)),constant: CGFloat(10 * (textFields.count - 1))).isActive = true

Однако это также дает ошибку прерывания.

EDIT2: Это представление стека находится в пользовательском UIView, и я даю якоряinside 

 override init(frame: CGRect) {
    super.init(frame: frame)
    //Where I gave all anchors
    setupUI()
}

Также Как я инициализирую этот пользовательский UIView 

    override func viewDidLoad() {
    super.viewDidLoad()

    // Do any additional setup after loading the view.
    self.view.backgroundColor = UIColor.white
    self.view.addSubview(otpField)
    otpField.anchor(self.view.topAnchor, left: self.view.leftAnchor, bottom: nil, right: self.view.rightAnchor, topConstant: 40, leftConstant: 40, bottomConstant: 0, rightConstant: 40, widthConstant: 0, heightConstant: 60)
}

Чего я хочу добиться на картинке:

image

1 Ответ

0 голосов
/ 01 марта 2019

Вам просто нужно добавить одно ограничение для высоты, если вы уже установили stackView.distribution = .fillEqually, добавьте ограничение к любому из ваших текстовых файлов следующим образом: 

let height = NSLayoutConstraint(item: textField1, attribute: .height, relatedBy: .equal, toItem: nil, attribute: .height, multiplier: 1.0, constant: 40.0)
textField1.addConstraint = height

Таким образом, все ваше текстовое поле будетвысоты 40, а общий размер будет зависеть от количества элементов и расстояния, заданного для, например, Height = 40, Space = 10. Тогда общая высота будет (Height * Number of textfields) + (Space * (number of textfield - 1))

ПРИМЕЧАНИЕ. Концепция одинакова для вертикальнойи горизонтальный вид стека, вам нужно играть с высотой и шириной.

...