วิธีเพิ่มช่องว่างชั้นนำเพื่อดูเพิ่มใน 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

ฉันพบว่าข้อ จำกัด ใช้ไม่ได้ใน Stack View หรือดูค่อนข้างแปลก

(เช่นถ้าฉันเพิ่มข้อ จำกัด นำหน้า / ต่อท้ายให้กับที่เลือกในสแต็กวิวรูปภาพนั่นจะเพิ่มการนำไปสู่มุมมองคอลเลกชันด้วย แต่ไม่ได้เพิ่มการต่อท้ายและมันจะขัดแย้งกันอย่างแน่นอน)

ในการตั้งค่าระยะขอบโครงร่างสำหรับมุมมองทั้งหมดภายใน stackview ให้เลือก:

Stack View > Size Inspector > Layout Margins > Fixed

หมายเหตุ: "Fixed"ตัวเลือกเดิมเรียกว่า"Explicit"ดังที่เห็นในภาพหน้าจอ

จากนั้นเพิ่มช่องว่างภายในของคุณ:

สิ่งที่ได้ผลสำหรับฉันคือการเพิ่มในสแต็กดู UIView อื่นที่เป็นเพียงตัวเว้นวรรค (อย่างน้อยก็ใช้งานได้กับ stackView.distribution = .Fill):

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)

หากคุณต้องการเพียงช่องว่างชั้นนำคุณสามารถตั้งค่าการจัดแนวของมุมมองสแต็กเป็น "ต่อท้าย" จากนั้นคุณจะมีอิสระในการระบุข้อ จำกัด ชั้นนำที่ไม่ซ้ำกันในแต่ละมุมมองย่อยที่มีอยู่

นอกจากนี้คุณยังสามารถตั้งค่าการจัดแนวของมุมมองสแต็กเป็น "กึ่งกลาง" จากนั้นคุณสามารถใช้ข้อ จำกัด Leading และ / หรือ Trailing เพื่อให้แต่ละรายการมีช่องว่างภายในทั้งสองด้านของตัวเอง

คำถามนี้มีคำตอบที่ดีอยู่แล้วข้อเสนอแนะหนึ่งข้อให้ใช้spacingคุณสมบัติเพื่อกำหนดระยะห่างระหว่างมุมมอง สำหรับมุมมองแรกและมุมมองสุดท้ายอาจมีสองตัวเลือก ได้แก่ ตั้งค่าอินเซ็ตตามที่ @tolpp แนะนำหรือเพิ่มข้อ จำกัด ที่แนบกับพาเรนต์ (stackview) พร้อมค่าคงที่เพื่อเพิ่มช่องว่างภายใน

วิธีแก้ปัญหาคือการมีมุมมองปกติในมุมมองสแต็กเพื่อเก็บมุมมองที่คุณต้องการเพิ่มข้อ จำกัด จากนั้นคุณสามารถเพิ่มข้อ จำกัด สำหรับรายการของคุณที่สัมพันธ์กับมุมมองในมุมมองสแต็ก ด้วยวิธีนี้มุมมองดั้งเดิมของคุณอาจมีข้อ จำกัด นำหน้าและต่อท้ายในมุมมองสแต็ก

ซึ่งสามารถทำได้ในตัวสร้างอินเทอร์เฟซและโดยใช้โปรแกรม

สิ่งที่เราทำคือเพิ่มส่วนประกอบโปร่งใส (เช่น UIButton / UIView) เป็นลูกแรกและลูกสุดท้ายของ UIStackView จากนั้นตั้งค่า จำกัด ความกว้างของเด็กที่มองไม่เห็นเหล่านี้เพื่อปรับระยะห่าง

ดูเหมือนว่าวิธีแก้ปัญหานั้นค่อนข้างง่าย แทน:

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

ฉันเพิ่งเขียน:

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