วิธีที่“ ถูกต้อง” ในการจัดการการเปลี่ยนแปลงการวางแนวใน iOS 8 คืออะไร?

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

ตัวอย่างเช่นในตัวควบคุมมุมมองของฉันฉันควรใช้ pseudocode ต่อไปนี้อย่างไร

if we are rotating from portrait to landscape then
  do portrait things
else if we are rotating from landscape to portrait then
  do landscape things

Apple ขอแนะนำให้ใช้คลาสขนาดเป็นการวัดพื้นที่หน้าจออย่างคร่าวๆเพื่อให้ UI ของคุณเปลี่ยนเค้าโครงและรูปลักษณ์ได้อย่างมาก พิจารณาว่า iPad ในแนวตั้งมีขนาดคลาสเดียวกันกับในแนวนอน (ความกว้างปกติความสูงปกติ) ซึ่งหมายความว่า UI ของคุณควรมีความคล้ายคลึงกันมากหรือน้อยระหว่างการวางแนวทั้งสอง

อย่างไรก็ตามการเปลี่ยนจากแนวตั้งเป็นแนวนอนใน iPad นั้นมีความสำคัญมากพอที่คุณอาจต้องทำการปรับแต่ง UI ให้เล็กลงแม้ว่าคลาสขนาดจะไม่เปลี่ยนแปลงก็ตาม เนื่องจากวิธีการที่เกี่ยวข้องกับการวางแนวอินเทอร์เฟซUIViewControllerได้เลิกใช้แล้วตอนนี้ Apple จึงแนะนำให้ใช้วิธีการใหม่ต่อไปนี้UIViewControllerเพื่อทดแทน:

- (void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id <UIViewControllerTransitionCoordinator>)coordinator
{
    [super viewWillTransitionToSize:size withTransitionCoordinator:coordinator];

    // Code here will execute before the rotation begins.
    // Equivalent to placing it in the deprecated method -[willRotateToInterfaceOrientation:duration:]

    [coordinator animateAlongsideTransition:^(id<UIViewControllerTransitionCoordinatorContext> context) {

        // Place code here to perform animations during the rotation.
        // You can pass nil or leave this block empty if not necessary.

    } completion:^(id<UIViewControllerTransitionCoordinatorContext> context) {

        // Code here will execute after the rotation has finished.
        // Equivalent to placing it in the deprecated method -[didRotateFromInterfaceOrientation:]

    }];
}

เยี่ยมมาก! ตอนนี้คุณจะได้รับการติดต่อกลับก่อนการหมุนจะเริ่มต้นและหลังจากเสร็จสิ้น แต่จะรู้ได้อย่างไรว่าการหมุนเป็นแนวตั้งหรือแนวนอน?

Apple แนะนำให้คิดเกี่ยวกับการหมุนเป็นเพียงการเปลี่ยนแปลงขนาดของมุมมองหลัก ในคำอื่น ๆ ในระหว่างการหมุน iPad จากแนวตั้งแนวนอนคุณสามารถคิดว่ามันเป็นมุมมองในระดับรากเพียงแค่เปลี่ยนมันbounds.sizeจากไป{768, 1024} {1024, 768}เมื่อทราบสิ่งนี้แล้วคุณควรใช้วิธีการsizeส่งผ่านviewWillTransitionToSize:withTransitionCoordinator:ด้านบนเพื่อดูว่าคุณกำลังหมุนเป็นแนวตั้งหรือแนวนอน

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

สรุป:

1. คุณควรใช้คลาสขนาดเพื่อพิจารณาว่าเมื่อใดที่จะแสดง UI ที่แตกต่างกันโดยพื้นฐาน (เช่น UI แบบ "เหมือน iPhone" เทียบกับ UI ที่ "เหมือน iPad")
2. หากคุณต้องการปรับ UI ให้เล็กลงเมื่อคลาสขนาดไม่เปลี่ยน แต่ขนาดคอนเทนเนอร์ของคุณ (มุมมองหลัก) ทำเช่นเมื่อ iPad หมุนให้ใช้การviewWillTransitionToSize:withTransitionCoordinator:โทรกลับใน UIViewController
3. ทุกมุมมองในแอปของคุณควรตัดสินใจเกี่ยวกับเค้าโครงตามพื้นที่ที่ได้รับให้กับการจัดวางเท่านั้นปล่อยให้ลำดับชั้นของมุมมองตามธรรมชาติเรียงซ้อนข้อมูลนี้ลง
4. ในทำนองเดียวกันอย่าใช้statusBarOrientation- ซึ่งโดยพื้นฐานแล้วเป็นคุณสมบัติระดับอุปกรณ์เพื่อพิจารณาว่าจะจัดวางมุมมองสำหรับ "แนวตั้ง" เทียบกับ "แนวนอน" หรือไม่ ควรใช้การวางแนวแถบสถานะโดยโค้ดที่เกี่ยวข้องกับสิ่งต่างๆUIWindowที่อาศัยอยู่ในระดับรากของแอปเท่านั้น

จากคำตอบที่ละเอียดมาก (และเป็นที่ยอมรับ) ของสไมลีย์บอร์กนี่คือการปรับตัวโดยใช้ swift 3:

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)
    coordinator.animate(alongsideTransition: nil, completion: {
        _ in
        self.collectionView.collectionViewLayout.invalidateLayout()
    })        
}

และในUICollectionViewDelegateFlowLayoutการนำไปใช้งาน

public func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    // retrieve the updated bounds
    let itemWidth = collectionView.bounds.width
    let itemHeight = collectionView.bounds.height
    // do whatever you need to do to adapt to the new size
}

ฉันแค่ใช้ศูนย์การแจ้งเตือน:

เพิ่มตัวแปรการวางแนว (จะอธิบายในตอนท้าย)

//Above viewdidload
var orientations:UIInterfaceOrientation = UIApplication.sharedApplication().statusBarOrientation

เพิ่มการแจ้งเตือนเมื่อมุมมองปรากฏขึ้น

override func viewDidAppear(animated: Bool) {
    NSNotificationCenter.defaultCenter().addObserver(self, selector: "orientationChanged:", name: UIDeviceOrientationDidChangeNotification, object: nil)
}

ลบการแจ้งเตือนเมื่อมุมมองหายไป

override func viewWillDisappear(animated: Bool) {
        NSNotificationCenter.defaultCenter().removeObserver(self, name: UIDeviceOrientationDidChangeNotification, object: nil) 
}

รับการวางแนวปัจจุบันเมื่อมีการแจ้งเตือน

func orientationChanged (notification: NSNotification) {
    adjustViewsForOrientation(UIApplication.sharedApplication().statusBarOrientation)
}

ตรวจสอบการวางแนว (แนวตั้ง / แนวนอน) และจัดการเหตุการณ์

func adjustViewsForOrientation(orientation: UIInterfaceOrientation) {
    if (orientation == UIInterfaceOrientation.Portrait || orientation == UIInterfaceOrientation.PortraitUpsideDown)
    {
        if(orientation != orientations) {
            println("Portrait")
            //Do Rotation stuff here
            orientations = orientation
        }
    }
    else if (orientation == UIInterfaceOrientation.LandscapeLeft || orientation == UIInterfaceOrientation.LandscapeRight)
    {
       if(orientation != orientations) {
            println("Landscape")
            //Do Rotation stuff here
            orientations = orientation
        }
    }
}

เหตุผลที่ฉันเพิ่มตัวแปรการวางแนวก็เพราะว่าเมื่อทำการทดสอบบนอุปกรณ์จริงการแจ้งเตือนการวางแนวจะถูกเรียกทุกครั้งที่มีการเคลื่อนไหวเล็กน้อยในอุปกรณ์ไม่ใช่เฉพาะเมื่อมันหมุน การเพิ่มคำสั่ง var และ if จะเรียกใช้โค้ดก็ต่อเมื่อมันเปลี่ยนไปอยู่ในทิศทางตรงกันข้าม

จากมุมมองของ UI ฉันเชื่อว่าการใช้ Size Classes เป็นแนวทางที่แนะนำของ Apple สำหรับการจัดการอินเทอร์เฟซในทิศทางขนาดและสเกลที่แตกต่างกัน

ดูส่วน: ลักษณะอธิบายคลาสขนาดและมาตราส่วนของอินเทอร์เฟซที่นี่: https://developer.apple.com/library/ios/releasenotes/General/WhatsNewIniOS/Articles/iOS8.html

"iOS 8 เพิ่มคุณสมบัติใหม่ที่ช่วยให้จัดการกับขนาดหน้าจอและการวางแนวได้หลากหลายขึ้นมาก"

อันนี้เป็นบทความที่ดีเช่นกัน: https://carpeaqua.com/thinking-in-terms-of-ios-8-size-classes/

EDIT อัปเดตลิงค์: https://carpeaqua.com/2014/06/14/thinking-in-terms-of-ios-8-size-classes/ (เครดิต: Koen)