iPhone Orientation Relayout From Single Column to Double Column

Posted by kkrizka on Stack Overflow See other posts from Stack Overflow or by kkrizka
Published on 2010-04-04T02:33:24Z Indexed on 2010/04/04 2:43 UTC
Read the original article Hit count: 440

Filed under:

interface-builder

|

interface-orientation

|

iphone

|

autosize

|

layout

I am trying to create a UIView in Interface Builder that shows to the user two boxes containing some text. This UIView should support both landscape and portrait modes.

When in portrait orientation, the two boxes should be centered horizontally and be under each other. Like in the picture below: Portrait Mode

But when in landscape orientation, it should show the two boxes centered vertically and by side by side. Like in the picture below: Landscape Mode

Is this possible using only the autosizing options (or any other IB options), or do I have to relayout the view in code on orientation change events? I would prefer using only IB.

I tried locking the top and left margins of the top box and locking the bottom and right margins of the bottom box. But the problem is that for it to work I also need to shrink the two boxes as one changes from portrait to landscape, because otherwise they would overlap.

© Stack Overflow or respective owner

Related posts about interface-builder

Custom UIView built with Interface Builder accessible/positionable via Interface Builder

as seen on Stack Overflow - Search for 'Stack Overflow'
This shouldn't be this confusing. I have a custom UIView with a bunch on controls on it. UILabels, buttons, etc. I've created this Nib using Interface Builder. I want to be able to position this custom uiview on another UIView using the interface builder. How do I link my UIView custom class… >>> More
iphone dev: UIImageview subclass interface builder - how to call custom initializer

as seen on Stack Overflow - Search for 'Stack Overflow'
hi. I messing with iphone developement. I have a uiimageview subclass that I want to use to detect touches. I have sucessfully added to interfacebuilder and I can detect a touch in my UIImageview subclass within my application so all is good on that front. however my UIImageView subclass has a… >>> More
Core-Plot: Unknown class CPLayerHostingView in Interface Builder file

as seen on Stack Overflow - Search for 'Stack Overflow'
Using core-plot does not seem to be an easy integration task. Header path are already setup. In Interface-Builder I create an CPLayerHostingView which belongs to a View Controller which is instantiated by Interface Builder. When the nib file is loaded I get the message: Unknown class CPLayerHostingView… >>> More
Interface builder UIButton custom background image not working on simulator/device

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to do something really simple. I have an image for a button and I'm trying to set it on a custom button in interface builder. I set the background image accordingly (no case sensitivity problem here). In interface builder it shows up, but in the simulator or on the device it doesn't appear… >>> More
[Stanford iTunes U] iPhone - creating outlets and actions on object from Interface Builder

as seen on Stack Overflow - Search for 'Stack Overflow'
In the initial lecture "1. Introduction to Mac OS X, Cocoa touch, Objective-C and Tools" the students are instructed to drag an "Object" into interface builder and set the class actions and outlets. I do not seem to have this ability in my interface builder. Was it removed or disabled in more recent… >>> More

Related posts about interface-orientation

UIToolBar and iPhone Interface Orientation Problem

as seen on Stack Overflow - Search for 'Stack Overflow'
I am developing an application in iPhone. One view support orientation in portrait and landscape. I have two separate views for both orientation. This view has a UIToolbar at the top. Problem is when I change view back from landscape to portrait, UIToolbar at the top disappears. I want toolbar to… >>> More
interface orientation doubts?

as seen on Stack Overflow - Search for 'Stack Overflow'
anyone can tell differences among willRotateToInterfaceOrientation, willAnimateRotationToInterfaceOrientation, didRotateFromInterfaceOrientation, >>> More
Any way to trigger interface orientation check?

as seen on Stack Overflow - Search for 'Stack Overflow'
My app is going from a flipside view (only one orientation) to its main view (can have any sort of orientation. When I go from flipside back to main view, the main view's orientation is not checked and changed immediately. I need a way to trigger the built in orientation check that happens in… >>> More
wrong interface orientation or unknown

as seen on Stack Overflow - Search for 'Stack Overflow'
The problem is this: I put the simulator in landscape I start the app The app is unable to detect the correct orientation, always unknown! I have created a sample project that demonstrates the problem I have. Take it here How can I solve that? thanks >>> More
How do I rotate only some views when working with a uinavigationcontroller as a tab of a uitabbarcon

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is a flow that I can not figure out how to work. ( when I state (working) it means that in that current state the rules for orientation for that view are working correctly) First View: TableView on the stack of a UINavigationController that is a tab of UITabBarController. TableView is only… >>> More