autolayout - สร้างความสูงในการดูเมื่อเทียบกับความสูงครึ่งผู้ควบคุม

มีการเข้าสู่การชำระเงินอัตโนมัติเมื่อเร็ว ๆ นี้และฉันติดอยู่กับสิ่งที่ดูเหมือนว่าเป็นปัญหาเล็กน้อย ฉันมีมุมมองที่ฉันต้องการนั่งที่ด้านบนของหน้าจอและใช้เวลาครึ่งหนึ่งของความสูงของหน้าจอ ง่ายก่อนที่จะทำการชำระอัตโนมัติ - เพียงแค่เสียบเข้าที่และบอกให้ขยายในแนวตั้งเมื่อผู้ควบคุมปรับขนาด

ตอนนี้ฉันทำไม่ได้สำหรับชีวิตของฉันดูวิธีการทำ นี่คือสิ่งที่ฉันได้รับเมื่อพยายามตั้งค่า:

ข้อ จำกัด พื้นที่ด้านล่างถูกตั้งค่าเป็น "เท่ากับ 284" ซึ่งแน่นอนและไร้ประโยชน์อย่างยิ่งกับฉันเมื่อฉันเปลี่ยนเป็นเค้าโครง iPhone4 เนื่องจากมันช่วยให้มีพื้นที่ 284 จุดที่ด้านล่างของหน้าจอและทำให้มุมมองลดลงอีกครึ่ง ขนาดของหน้าจอ และไม่มีวิธีการตั้งค่าที่ จำกัด ให้เท่ากับเศษส่วนบางส่วนของความสูงของมุมมองอื่น ๆ ..

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

ฉันขาดอะไรบางอย่างที่ชัดเจนหรือไม่ ..

ตอนนี้สามารถทำได้ใน IB ตั้งแต่ [อย่างน้อย] Xcode 5.1.1 แม้ว่าบางครั้งฉันก็ต้องเข้าใจว่ามันง่ายจริง ๆ :

ขั้นแรกให้สร้างข้อ จำกัด การจัดเรียงบนสุดพื้นฐาน (คุณจะต้องตั้งค่าข้อ จำกัด ด้านล่างซ้ายและขวาเช่นปกติ) จากนั้นเลือกข้อ จำกัด และไปที่ตัวตรวจสอบแอตทริบิวต์ :

จากนั้นคุณสามารถปรับตัวคูณ หากคุณต้องการให้ 50% ของมุมมองระดับสูงเหลือไว้1เพราะมันจะถูกจัดเรียงตามกึ่งกลางของซุปเปอร์ นี่เป็นวิธีที่ยอดเยี่ยมในการสร้างมุมมองที่เป็นเปอร์เซ็นต์เช่นกัน (เช่น 25% ของมุมมองระดับสูง)

โซลูชันสตอรีบอร์ดที่คุณสามารถกำหนดอัตราส่วนที่แน่นอนระหว่างมุมมองใด ๆ :

ขณะนี้:

กำไร!!!

PS โปรดทราบด้วยว่าวิธีนี้ใช้ได้กับมุมมองในระดับการซ้อนที่แตกต่างกันและ (ใช้ได้อย่างชัดเจน) สำหรับความกว้าง

บางครั้ง PPS อาจมีประโยชน์ในการ "ย้อนกลับรายการแรกและรายการที่สอง" ของข้อ จำกัด หรือตั้งค่าตัวคูณย้อนกลับ (ตัวอย่าง 2 แทน 0.5) (แต่วิธีการเหล่านี้ไม่มีประโยชน์หากคุณไม่เข้าใจว่ามุมมองเกี่ยวข้องกันอย่างไร)

หลังจากนั้นอีกเล็กน้อยฉันก็ทำตามสิ่งต่อไปนี้

ฉันไม่เห็นว่ามันเป็นคำตอบ แต่มันก็ไม่ได้น่าพอใจมากนักเนื่องจากมันจะถือว่าคุณไม่สามารถทำสิ่งนี้ได้ใน Interface Builder แต่ข้อ จำกัด ที่ถูกต้องนั้นสามารถเพิ่มเข้าไปในโค้ดได้หลังจากนั้น:

- (void) viewWillAppear:(BOOL)animated
{

    NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:upperview
                                                                 attribute:NSLayoutAttributeHeight 
                                                                 relatedBy:0 
                                                                    toItem:self.view
                                                                 attribute:NSLayoutAttributeHeight
                                                                multiplier:.5 
                                                                  constant:0];
    [self.view addConstraint:constraint];

}

โดยพื้นฐานแล้วมันจะตั้งค่าทวีคูณของ 0.5 ต่อความสูงของ self.view ซึ่งทำหน้าที่เป็น upperview ฉันต้องตั้งค่าลำดับความสำคัญของข้อ จำกัด พื้นที่แนวตั้งด้านล่างใน IB ให้ต่ำกว่า 1,000 เพื่อหลีกเลี่ยงกลุ่มข้อความรันไทม์ที่เกี่ยวกับการทำลายข้อ จำกัด เช่นกัน

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

ง่ายกว่าเล็กน้อยกว่าและตรงไปตรงมามากกว่าวิธีการมากกว่าคำตอบของฟีโอดอร์โวลค็อก - กดปุ่มควบคุมค้างไว้แล้วคลิกที่มุมมองย่อย - ยังคงกดปุ่มคำสั่งค้างไว้ลากเคอร์เซอร์ไปที่ผู้ดูแลแล้วคลิกที่ผู้ควบคุม - เลือก "อัตราส่วนภาพ"

- จากนั้นคลิกตัวตรวจสอบขนาด - จากนั้นดับเบิลคลิกที่ข้อ จำกัด

- ตรวจสอบให้แน่ใจว่าได้เลือก "ความสูง" สำหรับทั้งสองรายการ

- จากนั้นเปลี่ยน "ตัวคูณ" เป็น 0.5 สำหรับครึ่งหน้าจอหรือเศษส่วนใด ๆ ของผู้กำกับที่คุณต้องการ

ฉันยังมีความเป็นไปได้อีกอย่างในรหัสในกรณีที่คุณมี 2 วิวที่ควรมีความสูงเท่ากัน: เพียงแค่ตั้งค่าความสูงของวิว 2 เป็นความสูงของวิว 1 (เคล็ดลับที่นี่ไม่ได้ตั้งค่าความสูงของวิว 1 อย่างชัดเจน)

    [self.view addConstraints:[NSLayoutConstraint
        constraintsWithVisualFormat:@"V:[topLayoutGuide]-0-[_view1]-0-[_view2(==_view1)]-0-[bottomLayoutGuide]"
                            options:0
                            metrics:nil
                              views:viewsDict]];

คำตอบของ Mete เวอร์ชันที่รวดเร็ว:

    override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.



    upperView.translatesAutoresizingMaskIntoConstraints = false


    var constraint = NSLayoutConstraint(item: upperView,
                                        attribute: NSLayoutAttribute.top,
                                        relatedBy: NSLayoutRelation.equal,
                                        toItem: self.view,
                                        attribute: NSLayoutAttribute.top,
                                        multiplier: 1,
                                        constant: 0)

    self.view.addConstraint(constraint)


    constraint = NSLayoutConstraint(item: upperView,
                                    attribute: NSLayoutAttribute.height,
                                    relatedBy: NSLayoutRelation.equal,
                                    toItem: self.view,
                                    attribute: NSLayoutAttribute.height,
                                    multiplier: 0.5,
                                    constant: 0)

    self.view.addConstraint(constraint)


    constraint = NSLayoutConstraint(item: upperView,
                                    attribute: NSLayoutAttribute.leading,
                                    relatedBy: NSLayoutRelation.equal,
                                    toItem: self.view,
                                    attribute: NSLayoutAttribute.leading,
                                    multiplier: 1,
                                    constant: 0)

    self.view.addConstraint(constraint)


    constraint = NSLayoutConstraint(item: upperView,
                                    attribute: NSLayoutAttribute.trailing,
                                    relatedBy: NSLayoutRelation.equal,
                                    toItem: self.view,
                                    attribute: NSLayoutAttribute.trailing,
                                    multiplier: 1,
                                    constant: 0)

    self.view.addConstraint(constraint)


}