Як додати провідну підкладку для перегляду, доданого всередині UIStackView

Це моє налаштування: у мене UIScrollViewпередній, верхній, випробувальний край встановлений на 0. Всередині цього я додаю UIStackViewцей обмеження:

stackView.centerYAnchor.constraintEqualToAnchor(selectedContactsScrollView.centerYAnchor).active = true  
stackView.leadingAnchor.constraintEqualToAnchor(selectedContactsScrollView.leadingAnchor).active = true

Всередині подання стека я додаю кілька поглядів.
Моє питання полягає в тому, що через обмеження перший погляд, доданий до подання стека, також матиме передні кромки = 0.

Які способи я можу додати трохи підкладки до першого виду? Без коригування обмежень перегляду прокрутки.

Надане вами рішення не додає прокладки для ваших поглядів усередині вашого UIStackView (як ви хотіли в запитанні), але воно додає провідні для UIStackView.

Рішенням може бути додавання іншого UIStackView до оригінального UIStackView та надання ведучого до цього нового UIStackVIew. Потім додайте свої погляди до цього нового UIStackView.

Підказка, ви можете це зробити повністю, використовуючи Interface Builder. Іншими словами, для цього не потрібно писати код.

Якщо isLayoutMarginsRelativeArrangementвластивість вірна, подання стека буде розміщувати влаштовані представлення відносно поля макета.

stackView.layoutMargins = UIEdgeInsets(top: 0, left: 20, bottom: 0, right: 20)
stackView.isLayoutMarginsRelativeArrangement = true

Але це впливає на всі влаштовані види всередині на подання стека. Якщо ви хочете, щоб ця підкладка була лише для одного упорядкованого виду, вам потрібно використовувати вкладеніUIStackView

Я виявив, що обмеження не працюють в режимі перегляду стека, або вони здаються дещо дивними.

(Наприклад, якщо я додаю обмеження провідного / трейлінгу до вибраного на зображенні stackview, це також додає ведучий до колекції перегляду, але не додає трейлінгу; і це конфлікт точно).

Щоб встановити поля макета для всіх представлень даних у стеку, виберіть:

Stack View > Size Inspector > Layout Margins > Fixed

Примітка: "Fixed"варіант раніше називався "Explicit", як видно на знімках екрана.

Потім додайте ваші прокладки:

Що для мене працювало - це додати до перегляду стека ще один UIView, який є просто прокладкою (працює принаймні з stackView.distribution =. Заповнити):

let spacerView = UIView(frame: CGRect(x: 0, y: 0, width: 10, height: 10))
stackView.addArrangedSubview(spacerView)
stackView.addArrangedSubview(viewThatNeedsSpaceBeforeIt)
stackView.addArrangedSubview(NextView)...

стрімкий 3: Вам просто потрібно встановити компенсацію на:

firstView.leadingAnchor.constraint(equalTo: parentView.leadingAnchor, constant: 200).isActive = true

Будьте впевнені, що це обмеження встановлено після вас parentView.addArrangdSubView(firstView)

Якщо вам потрібні лише провідні вкладки, ви можете встановити Вирівнювання подання стека на "Трейлінг", і тоді ви будете вільні вказувати унікальні обмеження для ведучих для кожного з підрозділів, що містяться в ньому.

Як бонус, ви також можете встановити вирівнювання подання стека на "Центр", а потім ви можете використовувати обмеження для ведучих та / або трейлінгу, щоб надати кожному елементу власну прокладку з обох сторін.

На це питання вже є хороші відповіді. Однак одна пропозиція, використовуйте spacingвластивість для встановлення проміжків між переглядами. Для першого та останнього переглядів може бути два варіанти: або встановити вставки, як @tolpp запропонував, або додати обмеження, що приєднується до батьків (stackview) з постійним додаванням прокладки.

Ми зробили додавання прозорих компонентів (наприклад, UIButton / UIView) як перших і останніх дітей UIStackView. Потім встановіть обмеження ширини цих невидимих ​​дітей, щоб відрегулювати прокладку.

Рішенням може бути регулярний вигляд у вікні стека, щоб містити будь-які представлення, до яких ви хочете додати обмеження, а потім ви можете додавати обмеження для елементів, що відносяться до переглядів у вікні стека. Таким чином, ваші початкові представлення можуть мати провідні та кінцеві обмеження в межах подання стека.

Це можна зробити в конструкторі інтерфейсів і програмно.

Здається, рішення було досить простим. Замість:

stackView.leadingAnchor.constraintEqualToAnchor(selectedContactsScrollView.leadingAnchor).active = true

Я щойно писав:

stackView.leadingAnchor.constraintEqualToAnchor(selectedContactsScrollView.leadingAnchor, constant: 15).active = true