Swift rotate icons when iPad is in landscape mode

Question

Currently my App looks like this in portrait mode:

but when my iPad is in landscape mode I want my Icons look like this:

By now it looks like that in landscape mode:

So my questions is: How can I just rotate the Icons? I don't need something more just the icons should move

i don't get it. If you are using size classes in storyboard this will not even be a question. All views & images rotate properly. — Sam B, Jul 26 '16 at 14:10
https://www.raywenderlich.com/113768/adaptive-layout-tutorial-in-ios-9-getting-started — Sam B, Jul 26 '16 at 16:01

mafioso · Accepted Answer · 2016-08-01T09:25:05.587

Add this line of code to the viewDidLoad method: NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(rotate), name: UIDeviceOrientationDidChangeNotification, object: nil)
and this is the function:

    func rotate(){
 if UIDevice.currentDevice().orientation == UIDeviceOrientation.LandscapeLeft {
     self.takephoto.transform = CGAffineTransformMakeRotation(CGFloat(M_PI_2))
     self.recordButton.transform = CGAffineTransformMakeRotation(CGFloat(M_PI_2))
 } else if UIDevice.currentDevice().orientation == UIDeviceOrientation.LandscapeRight {
     self.takephoto.transform = CGAffineTransformMakeRotation(CGFloat(-M_PI_2))
     self.recordButton.transform = CGAffineTransformMakeRotation(CGFloat(-M_PI_2))
 } else if UIDevice.currentDevice().orientation == UIDeviceOrientation.Portrait {
     self.takephoto.transform = CGAffineTransformMakeRotation(CGFloat(0))
     self.recordButton.transform = CGAffineTransformMakeRotation(CGFloat(0))
 } else if UIDevice.currentDevice().orientation == UIDeviceOrientation.PortraitUpsideDown {
     self.takephoto.transform = CGAffineTransformMakeRotation(CGFloat(M_PI))
     self.recordButton.transform = CGAffineTransformMakeRotation(CGFloat(M_PI))
 }
}

score 0 · Answer 2 · edited May 23 '17 at 11:53

0

Start with supporting just portrait mode. You can observe for UIDeviceOrientationDidChangeNotification in your controller like: https://stackoverflow.com/a/12086463/4209778

Then based on your orientation you can rotate your icons using CGAffineTransformMakeRotation by (+/-)90 degree.

edited May 23 '17 at 11:53

Community

1
1

answered Jul 26 '16 at 13:33

SHN

785
7
23

score 0 · Answer 3 · answered Jul 26 '16 at 13:50

In your view controller override viewWillTransitionToSize:withTransitionCoordinator: and rote your images using: imageView.transform = CGAffineTransformMakeRotation(CGFloat(M_PI_2))

EG:

override func viewWillTransitionToSize(size: CGSize, withTransitionCoordinator coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransitionToSize(size, withTransitionCoordinator: coordinator)

    let isPortrait = size.height > size.width
    imageView.transform = CGAffineTransformMakeRotation(CGFloat(isPortrait ? 0 : M_PI_2))
}

Swift rotate icons when iPad is in landscape mode

3 Answers3