Related
I have an iPhone application which has a storyboard. Now I want to provide an iPad application too. So I asked me whether there is a function which helps me convert my iPhone storyboard to an iPad storyboard.
To be specific:
Is there a similar function or is there only the manual way ?
I found out a kind of solution:
Duplicate your iPhone-Storyboard and rename it MainStoryboard_iPad.storyboard
Close Xcode and then open this file any text editor.
Search for targetRuntime="iOS.CocoaTouch"and change it to targetRuntime="iOS.CocoaTouch.iPad"
Change the code in the MainStoryboard_iPad.storyboard from:
<simulatedScreenMetrics key="destination" type="retina4"/> to
<simulatedScreenMetrics key="destination"/>
Now save everything and reopen Xcode. The iPad-Storyboard has the same contents as the iPhone-file but everyting could be disarranged.
This saved me hours - hopefully this will help you
If you had created a universal project, by default empty iPad storyboard would have been created, you just have to select iPhone storyboard select all (Command+A), copy (Command+C) and paste it on iPad storyboard. Make sure to move the entry point from the empty storyboard to newly copied storyboard before compiling.
That didn't quite work for me. I did something a little bit different.
Create a new story board file for the iPad version
Open both the new file and the file i want to copy in textwrangler (text editor)
Copied the xml text from old file to the new file between these xml tags
First Tag <scenes> <!--Contents View Controller-->
Paste Here
End Tags </class> </classes>
That worked for me. I got a new layoutout with all my outlets connected, which alone saved me a few hours.
From reading many threads on stackoverflow i discovered the solution is-
1.Duplicate your iPhone-Storyboard and rename it MainStoryboard_iPad.storyboard
2.right click on the storyboard -> “open as” -> “Source Code”.
3.Search for targetRuntime="iOS.CocoaTouch"and change it to targetRuntime="iOS.CocoaTouch.iPad"
5.Search for <simulatedScreenMetrics key="destination" type="retina4"/> and change it to to <simulatedScreenMetrics key="destination"/>
4.Now save everything and right click on MainStoryboard_iPad.storyboard “open as” ->"IOS StoryBoard"
5. you may also have to change your constraints.
Thats all you have done.
1. Create New Storyboard file with MainStoryboard_iPad.storyboard
2. Copy All the views from MainStoryboard and paste to MainStoryboard_iPad.storyboard
1 - Create your "MainStoryboard_iPad.storyboard";
2 - Right-click on you "MainStoryboard_iPhone.storyboard" and "Open as -> Source Code". Copy everything;
3- Right-click on you "MainStoryboard_iPad.storyboard" and "Open as -> Source Code". Paste everything. Now Search and change:
targetRuntime="iOS.CocoaTouch" to targetRuntime="iOS.CocoaTouch.iPad"
type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" to type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.iPad.XIB"
4 - Save. Now reopen but using the interface builder. You will only have to re-arrange.
This method can be used for .xib files too
This is going the other way, but I was able to do a select all & copy in my iPad storyboard (~35 scenes) and paste it into my iPhone storyboard. The scene sizes were automatically adjusted. I only saw two problems, I had to replace UISplitViewController (since it's only iPad), and the default background became transparent instead of gray (still working on fixing that properly, without manually setting the background for everything).
EDIT: It seems the default background for UITableView in the Attributes inspector is rather strange. I had to manually set the background to "Group Table View Background Color" for grouped table views, and "White Color" for non-grouped table views. It then was displayed as "Default" (I assume since it then matched a hardcoded value). -- Actually, even easier, changing from "Grouped" to "Static" and back seems to reset the default color.
Here's something that saved me hours and might help those of you with Python skills.
I've been building an app for the last two months, focused on just iPad iterating the UX with the team.
Today focused on building out iPhone version, followed the steps above (thanks!) but I didn't want to then have to resize all the ui elements from iPad dimensions in the visual storyboard editor.
So I wrote this little python jig script to scan through the storyboard file for x, y, width, height and scale everything down by by ratio 320./768. Allowed me then to just focus on fine adjustments.
Copy your iPad storyboard into a new file. (e.g. iPhoneStoryboard.storyboard)
Run the script below with the copied storyboard filename as the first parameter.
Will generate output file with suffix _adjusted.storyboard (e.g. iPhoneStoryboard.storyboard_adjusted.storyboard)
Hope it helps...
import re
import sys
import math
afile = sys.argv[1]
scale = 320./768.
number_pattern = '[-0-9]+(.[0-9]+)?'
#width_pattern = 'width="[-0-9]+( ?px)?"'
width_pattern = 'width="[-0-9]+(.[0-9]+)?( ?px)?"'
height_pattern = 'height="[-0-9]+(.[0-9]+)?( ?px)?"'
x_pattern = 'x="[-0-9]+(.[0-9]+)?( ?px)?"'
y_pattern = 'y="[-0-9]+(.[0-9]+)?( ?px)?"'
def replacescaledvalue(scale,pattern,sometext,replacefmt) :
ip = re.search(pattern, sometext, re.IGNORECASE)
if(ip) :
np = re.search(number_pattern,ip.group(0))
if(np) :
val = float(np.group(0))
val = int(math.floor(val*scale))
sval = replacefmt+str(val)+'"'#+'px"'
newtext = re.sub(pattern,sval,sometext)
return newtext
else :
return sometext
fin = open(afile)
fout = open(afile+"_adjusted.storyboard", "wt")
for line in fin:
newline = line
newline = replacescaledvalue(scale,width_pattern,newline,'width="')
newline = replacescaledvalue(scale,height_pattern,newline, 'height="')
newline = replacescaledvalue(scale,x_pattern,newline, 'x="')
newline = replacescaledvalue(scale,y_pattern,newline, 'y="')
# print newline
fout.write( newline )
fin.close()
fout.close()
For Xcode10
Just duplicate Main.storyboard
Then re-name files to Main_iPad.storyboard and Main_iPone.storyboard
Set appropriate names in .plist
4.Just select the proper .storyboard to configure
Go to your Target Summary and change devices to universal,
then go down and set the ipad version to any storyboard you like including a copied and renamed one if you like.
Just as a quick gotcha note to those who may have had my issue with this:
My issue:
The storyboard content copied over nicely to a new board file I added. However, it would not put changes over to my provisioned iPad. Noticing that I had to switch over the designated storyboard for the build target (see image) let the changes show.
I'd post an image if I had the points, but the setting is located in:
Project navigator on the left side source menu, root target of project (center pane) general tab, (second subhead) deployment info, with the iPad button tab selected.
From there, choose your storyboard under "main interface."
Thanks for the post, I hope this mention helps a snag somewhere.
Just for fun, on XCode 5.1 and iOS 7.1 I also needed to change the values of "toolVersion" and "systemVersion" to this:
toolsVersion="5023" systemVersion="13A603"
Without this, the new storyboard file wouldn't compile
Using the XCode6 Size Classes you no longer need to convert the storyboard to iPad.
The same Storyboard can be used for both the iPhone and the iPad, saving you from keeping two files up to date.
The resulting storyboard is compatible with iOS7+.
Read more about this here:
https://developer.apple.com/library/ios/recipes/xcode_help-IB_adaptive_sizes/chapters/AboutAdaptiveSizeDesign.html#//apple_ref/doc/uid/TP40014436-CH6-SW1
Use size classes to enable a storyboard or xib file to work with all available screen sizes. This enables the user interface of your app to work on any iOS device.
This functionality is now built-in. For example, if one changes the project settings in Deployment Info -> Devices from iPhone to Universal, the following dialog will show up:
There is a really simple solution for Xcode versions that support size classes (Tested in Xcode 7 which is the current version at the time of writing). Check the "use size classes" checkbox on a storyboard file (File Inspector), confirm that dialog that appears. Then uncheck that same checkbox - Xcode will ask you if you want to use this storyboard with an iPhone or iPad, and convert the screens in it appropriately. No need to directly edit the storyboard file. For both iPad and iPhone, just copy the same storyboard and configure one for iPad and one for iPhone using the described method.
And Before someone suggest to use size classes - while great, they are less convenient for heavily customized UI, such as games etc
I followed this thread when I was hit with the same issue yesterday. The steps I followed
For Xcode 5.1, I had to do some cleanup of iPhone storyboard like missing reuseIdentifiers of Table cells, provide story board id for every controller, remove unused scenes.
Copy MainStoryboard_iPhone.storyboard to MainStoryboard_iPad.storyboard.
Using vi editor - changed targetRuntime="iOS.CocoaTouch" to targetRuntime="iOS.CocoaTouch.iPad"
Change the code in the MainStoryboard_iPad.storyboard from: <simulatedScreenMetrics key="destination" type="retina4"/> to <simulatedScreenMetrics key="destination"/>
Open the project in Xcode.
Changed the Deployment devices to Universal - Chose the option of NOT copying the iPhone Storyboard.
Xcode will default the Deployment Target to 7.1, took care of the deprecated functions.
To fix the misplaced view error in iPad Storyboard - Changed the Frame Layout for Controllers giving errors.
That was it.. Thanks all for your help..
The easiest and most reliable way to do this is to copy paste from your iPad storyboard.
Create a new storyboard and name it something like MainStoryboard_ipad.
Make your app a Universal app by setting the Devices property to Universal on the Summary page of the Target properties for your project.
Open your iPhone storyboard and select all and copy
Open your iPad storyboard and paste.
You'll have to go about resizing, but it can be faster than recreating the whole storyboard.
A Different Approach
Add an empty-View-Controller with Navigation-Controller in the iPad-Storyboard
Change the Class to the Class of your first ViewController used for iPhone, "fooViewController"
Add the Storyboard-Identifier in the iPhone-Storyboard "fooViewController_storyboard_identifier" for the first ViewController
Go to "fooViewController.m"
Add bool Variable bool nibWasLoadForIpad=false
Go to viewDidLoad-Method
if ( UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad && !nibWasLoadForIpad)
{
nibWasLoadForIpad=true;
UIStoryboard* Storyboard_iphone=[UIStoryboard storyboardWithName:#"Main_iPhone" bundle: nil];
fooViewController *controller = [Storyboard_iphone instantiateViewControllerWithIdentifier:#"fooViewController_storyboard_identifier"];
[self.navigationController pushViewController:controller animated:YES];
self.modalPresentationStyle = UIModalPresentationCurrentContext;
}
(ps. Know problem is that the view-backgrounds will be set to white)
You should create a bug report with Apple. You can say it's a duplicate of mine (10167030) which has been open since September 2011. The frustrating thing from my point of view is that the feature existed in Xcode 3...
Thanks for the answers everybody.
I followed the above steps but when I ran the app under the simulator or my iPad it kept on just using the iPhone storyboard.
For some reason, when I changed the target device to be Universal instead of iPhone, Xcode (v5.0) didn't update the app-Info.plist file to include the iPad storyboard, so I had to manually add the following entry (using the plist editor in Xcode):
Main storyboard file base name (iPad) ==> MainStoryboard_iPad
I just change (additionally to the answer from #tharkay):
<device id="ipad9_7" orientation="landscape">
and works great !
I use this in XCode 8.3.3
I'm using Git and we are 2 people coding together. I pulled my friend's code, run it and it worked as it should be. Then I merged our parts and cleaned conflicts (almost all of them were in storyboard). Since i'm doing this merge process for a while, i'm not all stranger for these details.
However, when i run the merged version of code, i get the error:
The document "Main.storyboard" could not be opened. The operation
couldn’t be completed. (com.apple.InterfaceBuilder error -1.)
I can't open storyboard as interface builder either. When i try it, I get the same error. I read previous post about this error but as I mentioned, I can open and run both versions of code in my XCode before merge. Thus, there is not a font or attributed string problem.
What may be the problem?
I got this issue, after I solve the conflicts which is merged by svn.
I could only see the source code of my storyboard, I could not open my storyboard as interface builder. So, after my struggle,
1)I delete the topside space line in my storyboard source code
2)and close my Xcode and simulator
3)restart my project
it becomes regular, oops, the space line on the source code will affect our storyboard ！
there are conflicts in Storyboard. You can take last working code of storyboard from github. select storyboard select version editor and copy last working storyboard and replace xml with existing xml.
I guess your storyboard still have confliction.View your storyborad as source code, then fix all conflictions. After all, open it again as Interface builder
For me the only thing that worked was to create a new storyboard file, open the old and the new storyboards as source code, and copy the xml from the old to the new storyboard. I didn't take the whole xml, just the scope of the <scenes> </scenes>
I had to create a new Storyboard file. Then cut and paste the "scenes" tags from the old and put into the new. I then had to delete the old Storyboard from the project in order for the project to build successfully!
I guess the problem is that storyboards don't merge very well, I think it is better to init your UI from code so there will be no troubles during merges. Anyway you should try to rollback and merge it again.
As other mentioned, there are likely merge conflicts in the storyboard file.
If you can't easily solve the conflict by either picking --ours or --theirs, you will have to perform the merge manually in the storyboard file.
What I do is open in in a text editor (e.g., TextEdit.app - but make sure it opens documents as plain text, in Preferences).
Then, locate any occurrence of the git conflict markers (or a portion thereof, e.g., "<<<<<"), and pick the code fragment that you want to leave (and remove the other, of course).
EDIT: As Cong Tran mentioned (and I forgot), you can open storyboards as source code from within Xcode itself (see his answer).
Fast way to fix
Copy the storyboard Id shown on the error prompt window
Right click on your storyboard
Choose Open as => Source Code
Search the id and delete one of the duplicateID and you are done!
i would suggest , right click on any of the files and click on finder then you will have what you need and drag and drop
So I downloaded a open source Xcode project and now I am modifying it a lot and want it to be in my name but in Xcode I see these two names how do I change these 2 names?
Here is an image to show clear view what I mean:
https://imgur.com/30TjFw1
On the Xcode, where is the your app hierarchy, make a long double click just like you rename a folder, and rename!
Hope this helps!
In my app I have three languages. The launchScreen.xib has three localzations too.
Like the localizable.strings I changed the text that should be used by the Object-ID.
When launching the App there is always the english text used, not the localized. And there is a "X" int he symbol of the LaunchScreen.xib and LaunchScreen.xib (Base). Why? How can I solve that issue?
The correct answer to specifically localizing the launch screen is here:
Localization of Default.png is not working
And for shortcutting I'll paste the main steps:
Create InfoPlist.strings file. (File,New,Resource,Strings)
Localize it and add the key "UILaunchStoryboardName" with the value being the name of the xib you want to be shown as the launchscreen for that localisation.
For e.g. for the Spanish version, add your launch screen key and name for the Spanish version of your Launch screen in the newly created InfoPlist.strings localized for spanish.
"UILaunchStoryboardName" = "Launch_es";
As Apple's document, launchscreen will never locale your text:
"Avoid including text on your launch screen. Because launch screens
are static, any displayed text won’t be localized."
https://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/
I would like to give clear description of fix according to previous info.
I got the same issue and couldn't find clear description. I have Xcode 8.2.1 and Swift 3.0 now.
Finally:
I copied LaunchScreen.storyboard and added it to project with name Launch_ru.storyboard. After I did localization of Launch_ru.storyboard.
Next need to choose it and add Base Localization.
Next need to add to added during main localization file InfoPList.string key "UILaunchStoryboardName" = "Launch_ru";
where Launch_ru is name of my new Launch_ru.storyboard.
These three actions fixed my issue.
Fawkes' answer is the right one:
Create InfoPlist.strings file. (File,New,Resource,Strings)
Localize it and add the key "UILaunchStoryboardName" with the value being the name of the xib you want to be shown as the launchscreen for that localisation.
One thing to note is that, all the launch screen storyboards that you'll end up having need to be barked as "Base localization" in the Files Inspector:
If you accidentally mark them as a localization for a different language, it will not work (it will just display a black screen!)
I had same issue, after that i used MCLocalization it is very easy to integrate in your app. It worked perfectly for me
I have an iPhone application which has a storyboard. Now I want to provide an iPad application too. So I asked me whether there is a function which helps me convert my iPhone storyboard to an iPad storyboard.
To be specific:
Is there a similar function or is there only the manual way ?
I found out a kind of solution:
Duplicate your iPhone-Storyboard and rename it MainStoryboard_iPad.storyboard
Close Xcode and then open this file any text editor.
Search for targetRuntime="iOS.CocoaTouch"and change it to targetRuntime="iOS.CocoaTouch.iPad"
Change the code in the MainStoryboard_iPad.storyboard from:
<simulatedScreenMetrics key="destination" type="retina4"/> to
<simulatedScreenMetrics key="destination"/>
Now save everything and reopen Xcode. The iPad-Storyboard has the same contents as the iPhone-file but everyting could be disarranged.
This saved me hours - hopefully this will help you
If you had created a universal project, by default empty iPad storyboard would have been created, you just have to select iPhone storyboard select all (Command+A), copy (Command+C) and paste it on iPad storyboard. Make sure to move the entry point from the empty storyboard to newly copied storyboard before compiling.
That didn't quite work for me. I did something a little bit different.
Create a new story board file for the iPad version
Open both the new file and the file i want to copy in textwrangler (text editor)
Copied the xml text from old file to the new file between these xml tags
First Tag <scenes> <!--Contents View Controller-->
Paste Here
End Tags </class> </classes>
That worked for me. I got a new layoutout with all my outlets connected, which alone saved me a few hours.
From reading many threads on stackoverflow i discovered the solution is-
1.Duplicate your iPhone-Storyboard and rename it MainStoryboard_iPad.storyboard
2.right click on the storyboard -> “open as” -> “Source Code”.
3.Search for targetRuntime="iOS.CocoaTouch"and change it to targetRuntime="iOS.CocoaTouch.iPad"
5.Search for <simulatedScreenMetrics key="destination" type="retina4"/> and change it to to <simulatedScreenMetrics key="destination"/>
4.Now save everything and right click on MainStoryboard_iPad.storyboard “open as” ->"IOS StoryBoard"
5. you may also have to change your constraints.
Thats all you have done.
1. Create New Storyboard file with MainStoryboard_iPad.storyboard
2. Copy All the views from MainStoryboard and paste to MainStoryboard_iPad.storyboard
1 - Create your "MainStoryboard_iPad.storyboard";
2 - Right-click on you "MainStoryboard_iPhone.storyboard" and "Open as -> Source Code". Copy everything;
3- Right-click on you "MainStoryboard_iPad.storyboard" and "Open as -> Source Code". Paste everything. Now Search and change:
targetRuntime="iOS.CocoaTouch" to targetRuntime="iOS.CocoaTouch.iPad"
type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" to type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.iPad.XIB"
4 - Save. Now reopen but using the interface builder. You will only have to re-arrange.
This method can be used for .xib files too
This is going the other way, but I was able to do a select all & copy in my iPad storyboard (~35 scenes) and paste it into my iPhone storyboard. The scene sizes were automatically adjusted. I only saw two problems, I had to replace UISplitViewController (since it's only iPad), and the default background became transparent instead of gray (still working on fixing that properly, without manually setting the background for everything).
EDIT: It seems the default background for UITableView in the Attributes inspector is rather strange. I had to manually set the background to "Group Table View Background Color" for grouped table views, and "White Color" for non-grouped table views. It then was displayed as "Default" (I assume since it then matched a hardcoded value). -- Actually, even easier, changing from "Grouped" to "Static" and back seems to reset the default color.
Here's something that saved me hours and might help those of you with Python skills.
I've been building an app for the last two months, focused on just iPad iterating the UX with the team.
Today focused on building out iPhone version, followed the steps above (thanks!) but I didn't want to then have to resize all the ui elements from iPad dimensions in the visual storyboard editor.
So I wrote this little python jig script to scan through the storyboard file for x, y, width, height and scale everything down by by ratio 320./768. Allowed me then to just focus on fine adjustments.
Copy your iPad storyboard into a new file. (e.g. iPhoneStoryboard.storyboard)
Run the script below with the copied storyboard filename as the first parameter.
Will generate output file with suffix _adjusted.storyboard (e.g. iPhoneStoryboard.storyboard_adjusted.storyboard)
Hope it helps...
import re
import sys
import math
afile = sys.argv[1]
scale = 320./768.
number_pattern = '[-0-9]+(.[0-9]+)?'
#width_pattern = 'width="[-0-9]+( ?px)?"'
width_pattern = 'width="[-0-9]+(.[0-9]+)?( ?px)?"'
height_pattern = 'height="[-0-9]+(.[0-9]+)?( ?px)?"'
x_pattern = 'x="[-0-9]+(.[0-9]+)?( ?px)?"'
y_pattern = 'y="[-0-9]+(.[0-9]+)?( ?px)?"'
def replacescaledvalue(scale,pattern,sometext,replacefmt) :
ip = re.search(pattern, sometext, re.IGNORECASE)
if(ip) :
np = re.search(number_pattern,ip.group(0))
if(np) :
val = float(np.group(0))
val = int(math.floor(val*scale))
sval = replacefmt+str(val)+'"'#+'px"'
newtext = re.sub(pattern,sval,sometext)
return newtext
else :
return sometext
fin = open(afile)
fout = open(afile+"_adjusted.storyboard", "wt")
for line in fin:
newline = line
newline = replacescaledvalue(scale,width_pattern,newline,'width="')
newline = replacescaledvalue(scale,height_pattern,newline, 'height="')
newline = replacescaledvalue(scale,x_pattern,newline, 'x="')
newline = replacescaledvalue(scale,y_pattern,newline, 'y="')
# print newline
fout.write( newline )
fin.close()
fout.close()
For Xcode10
Just duplicate Main.storyboard
Then re-name files to Main_iPad.storyboard and Main_iPone.storyboard
Set appropriate names in .plist
4.Just select the proper .storyboard to configure
Go to your Target Summary and change devices to universal,
then go down and set the ipad version to any storyboard you like including a copied and renamed one if you like.
Just as a quick gotcha note to those who may have had my issue with this:
My issue:
The storyboard content copied over nicely to a new board file I added. However, it would not put changes over to my provisioned iPad. Noticing that I had to switch over the designated storyboard for the build target (see image) let the changes show.
I'd post an image if I had the points, but the setting is located in:
Project navigator on the left side source menu, root target of project (center pane) general tab, (second subhead) deployment info, with the iPad button tab selected.
From there, choose your storyboard under "main interface."
Thanks for the post, I hope this mention helps a snag somewhere.
Just for fun, on XCode 5.1 and iOS 7.1 I also needed to change the values of "toolVersion" and "systemVersion" to this:
toolsVersion="5023" systemVersion="13A603"
Without this, the new storyboard file wouldn't compile
Using the XCode6 Size Classes you no longer need to convert the storyboard to iPad.
The same Storyboard can be used for both the iPhone and the iPad, saving you from keeping two files up to date.
The resulting storyboard is compatible with iOS7+.
Read more about this here:
https://developer.apple.com/library/ios/recipes/xcode_help-IB_adaptive_sizes/chapters/AboutAdaptiveSizeDesign.html#//apple_ref/doc/uid/TP40014436-CH6-SW1
Use size classes to enable a storyboard or xib file to work with all available screen sizes. This enables the user interface of your app to work on any iOS device.
This functionality is now built-in. For example, if one changes the project settings in Deployment Info -> Devices from iPhone to Universal, the following dialog will show up:
There is a really simple solution for Xcode versions that support size classes (Tested in Xcode 7 which is the current version at the time of writing). Check the "use size classes" checkbox on a storyboard file (File Inspector), confirm that dialog that appears. Then uncheck that same checkbox - Xcode will ask you if you want to use this storyboard with an iPhone or iPad, and convert the screens in it appropriately. No need to directly edit the storyboard file. For both iPad and iPhone, just copy the same storyboard and configure one for iPad and one for iPhone using the described method.
And Before someone suggest to use size classes - while great, they are less convenient for heavily customized UI, such as games etc
I followed this thread when I was hit with the same issue yesterday. The steps I followed
For Xcode 5.1, I had to do some cleanup of iPhone storyboard like missing reuseIdentifiers of Table cells, provide story board id for every controller, remove unused scenes.
Copy MainStoryboard_iPhone.storyboard to MainStoryboard_iPad.storyboard.
Using vi editor - changed targetRuntime="iOS.CocoaTouch" to targetRuntime="iOS.CocoaTouch.iPad"
Change the code in the MainStoryboard_iPad.storyboard from: <simulatedScreenMetrics key="destination" type="retina4"/> to <simulatedScreenMetrics key="destination"/>
Open the project in Xcode.
Changed the Deployment devices to Universal - Chose the option of NOT copying the iPhone Storyboard.
Xcode will default the Deployment Target to 7.1, took care of the deprecated functions.
To fix the misplaced view error in iPad Storyboard - Changed the Frame Layout for Controllers giving errors.
That was it.. Thanks all for your help..
The easiest and most reliable way to do this is to copy paste from your iPad storyboard.
Create a new storyboard and name it something like MainStoryboard_ipad.
Make your app a Universal app by setting the Devices property to Universal on the Summary page of the Target properties for your project.
Open your iPhone storyboard and select all and copy
Open your iPad storyboard and paste.
You'll have to go about resizing, but it can be faster than recreating the whole storyboard.
A Different Approach
Add an empty-View-Controller with Navigation-Controller in the iPad-Storyboard
Change the Class to the Class of your first ViewController used for iPhone, "fooViewController"
Add the Storyboard-Identifier in the iPhone-Storyboard "fooViewController_storyboard_identifier" for the first ViewController
Go to "fooViewController.m"
Add bool Variable bool nibWasLoadForIpad=false
Go to viewDidLoad-Method
if ( UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad && !nibWasLoadForIpad)
{
nibWasLoadForIpad=true;
UIStoryboard* Storyboard_iphone=[UIStoryboard storyboardWithName:#"Main_iPhone" bundle: nil];
fooViewController *controller = [Storyboard_iphone instantiateViewControllerWithIdentifier:#"fooViewController_storyboard_identifier"];
[self.navigationController pushViewController:controller animated:YES];
self.modalPresentationStyle = UIModalPresentationCurrentContext;
}
(ps. Know problem is that the view-backgrounds will be set to white)
You should create a bug report with Apple. You can say it's a duplicate of mine (10167030) which has been open since September 2011. The frustrating thing from my point of view is that the feature existed in Xcode 3...
Thanks for the answers everybody.
I followed the above steps but when I ran the app under the simulator or my iPad it kept on just using the iPhone storyboard.
For some reason, when I changed the target device to be Universal instead of iPhone, Xcode (v5.0) didn't update the app-Info.plist file to include the iPad storyboard, so I had to manually add the following entry (using the plist editor in Xcode):
Main storyboard file base name (iPad) ==> MainStoryboard_iPad
I just change (additionally to the answer from #tharkay):
<device id="ipad9_7" orientation="landscape">
and works great !
I use this in XCode 8.3.3