Преобразование раскадровки с iPhone на iPad

Если бы вы создали универсальный проект, по умолчанию была бы создана пустая раскадровка iPad, вам просто нужно выбрать iPhone storyboard select all (Command+A), скопировать (Command+C) и вставить его на раскадровку iPad. Перед компиляцией обязательно переместите точку входа из пустой раскадровки во вновь скопированную раскадровку.

это не совсем Работа для меня. Я сделал кое-что немного другое.

1. создайте новый файл раскадровки для версии iPad
2. Откройте как новый файл, так и файл, который я хочу скопировать в textwrangler (текстовый редактор)
3. скопировал текст xml из старого файла в новый файл между этими тегами xml
4. Первый Тег <scenes> <!--Contents View Controller-->
5. Вставить Здесь
6. Закрывающие Теги </class> </classes>

это сработало для меня. У меня новая планировка со всеми подключенными розетками, что само по себе сэкономило мне несколько часов.

от чтения многих потоков на stackoverflow я обнаружил, что решение-

1.Дублируйте свой iPhone-раскадровку и переименуйте его MainStoryboard_iPad.раскадровка

2.щелкните правой кнопкой мыши на раскадровке - > "открыть как" - > "исходный код".

3.Поиск targetRuntime= " iOS.CocoaTouch"и измените его на targetRuntime=" iOS.Кокосовый орех.iPad"

5.Ищите <simulatedScreenMetrics key="destination" type="retina4"/> и изменить его в <simulatedScreenMetrics key="destination"/>

4.Теперь сохраните все и щелкните правой кнопкой мыши на MainStoryboard_iPad.раскадровка " открыть как "- > " iOS раскадровка" 5. возможно, вам придется изменить свои ограничения. Вот и все, что вы сделали.

1. Create New Storyboard file with MainStoryboard_iPad.storyboard
2. Copy All the views from MainStoryboard and paste to MainStoryboard_iPad.storyboard

1 - создать свой "MainStoryboard_iPad.storyboard";

2-щелкните правой кнопкой мыши на вас "MainStoryboard_iPhone.storyboard" и "открыть как -> исходный код". Скопируйте все;

3-щелкните правой кнопкой мыши на вас "MainStoryboard_iPad.storyboard" и "открыть как -> исходный код". Вставить все. Теперь поиск и изменение:

• 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 - сохранить. Теперь снова откройте, но с помощью построителя интерфейса. Вам нужно будет только перестроиться.

этот метод может быть использован для .xib файлы

Это происходит в другую сторону, но я смог сделать select all & copy в моей раскадровке iPad (~35 сцен) и вставить его в раскадровку iPhone. Размеры сцены были автоматически скорректированы. Я видел только две проблемы, мне пришлось заменить UISplitViewController (так как это только iPad), а фон по умолчанию стал прозрачным вместо серого (все еще работает над исправлением этого правильно, без ручной настройки фона для всего).

изменить: кажется, по умолчанию фон для UITableView в инспекторе атрибутов довольно странный. Мне пришлось вручную установить фон в "цвет фона группового представления таблицы "для сгруппированных представлений таблицы и" белый цвет " для негруппированных представлений таблицы. Затем он был отображен как" Default " (я предполагаю, что он тогда соответствовал жестко закодированному значению). -- На самом деле, еще проще, переход от "сгруппированных" к "статическим" и обратно, похоже, сбрасывает цвет по умолчанию.

вот то, что спасло мне часы и может помочь тем из вас с навыками Python.

Я строил приложение в течение последних двух месяцев, сосредоточившись только на iPad, повторяя UX с командой.

сегодня сосредоточился на создании версии iPhone, следуя инструкциям выше (спасибо!) но я не хотел тогда изменять размер всех элементов пользовательского интерфейса из размеров iPad в Редакторе визуальной раскадровки.

поэтому я написал этот маленький скрипт python jig для сканирования через файл раскадровки для x, y, ширины, высоты и масштабирования все вниз на коэффициент 320./768. Позволил мне тогда просто сосредоточиться на тонкой настройке.

1. скопируйте раскадровку iPad в новый файл. (например, iPhoneStoryboard.раскадровка)

2. выполнить скрипт-скопированный раскадровки имя файла в качестве первого параметра.

3. будет генерировать выходной файл с суффиксом _adjusted.раскадровка (например, iPhoneStoryboard.storyboard_adjusted.раскадровка)

надеюсь, что это помогает...

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()

перейдите к целевому резюме и измените устройства на универсальные, затем спуститесь и установите версию ipad на любую раскадровку, которая вам нравится, включая скопированную и переименованную, если вам нравится.

Так же, как быстро получил записку для тех, кто, возможно, имел мою проблему с этим:

мой вопрос:

содержимое раскадровки скопировано красиво в новый файл доски, который я добавил. Однако он не будет вносить изменения в мой подготовленный iPad. Заметив, что мне пришлось переключиться на назначенную раскадровку для цели сборки (см. изображение), пусть изменения отображаются.

Я бы разместил изображение, если бы у меня были точки, но настройка находится в:

навигатор в меню Источник слева, корневая цель проекта (Центральная панель) вкладка Общие, (второй подзаголовок) информация о развертывании, с выбранной вкладкой кнопки iPad.

оттуда, выберите раскадровку в разделе " основной интерфейс."

Спасибо за сообщение, Я надеюсь, что это упоминание поможет где-то загвоздка.

просто для удовольствия, на XCode 5.1 и iOS 7.1 мне также нужно было изменить значения " toolVersion "и" systemVersion " на это:

toolsVersion="5023" systemVersion="13A603"

без этого новый файл раскадровки не будет компилироваться

с помощью классов размера XCode6 вам больше не нужно конвертировать раскадровку в iPad. Одна и та же раскадровка может использоваться как для iPhone, так и для iPad, что позволяет сохранить два файла в актуальном состоянии.

полученная раскадровка совместима с iOS7+.

подробнее об этом здесь: https://developer.apple.com/library/ios/recipes/xcode_help-IB_adaptive_sizes/chapters/AboutAdaptiveSizeDesign.html#//apple_ref/doc/uid/TP40014436-CH6-SW1

используйте классы размеров, чтобы включить раскадровку или xib-файл для работы со всеми доступными размерами экрана. Это позволяет пользовательскому интерфейсу вашего приложения работать на любом устройстве iOS.

эта функция теперь встроена. Например, если изменить параметры проекта в Deployment Info - > Devices с iPhone на Universal, появится следующее диалоговое окно:

Я следил за этой нитью, когда меня ударили с той же проблемой вчера. Шаги, которым я следовал

1. для Xcode 5.1 мне пришлось сделать некоторую очистку раскадровки iPhone, например, отсутствующие reuseIdentifiers ячеек таблицы, предоставить идентификатор раскадровки для каждого контроллера, удалить неиспользуемые сцены.
2. Копировать MainStoryboard_iPhone.раскадровка до MainStoryboard_iPad.раскадровка.
3. С помощью редактора vi-изменено targetRuntime="iOS.CocoaTouch" до targetRuntime="iOS.CocoaTouch.iPad"
4. изменить код в MainStoryboard_iPad.раскадровка от: <simulatedScreenMetrics key="destination" type="retina4"/> до <simulatedScreenMetrics key="destination"/>
5. откройте проект в Xcode.
6. изменил устройства развертывания на универсальные-выбрал опцию не копировать раскадровку iPhone.
7. Xcode по умолчанию установит цель развертывания на 7.1, позаботился об устаревших функциях.
8. чтобы исправить ошибку неуместного вида в раскадровке iPad-изменена компоновка кадров для контроллеров, дающих ошибки.

вот и все.. Спасибо всем за помощь..

Для Xcode10

1. просто дублировать Main.storyboard

2. затем переименуйте файлы в Main_iPad.storyboard и Main_iPone.storyboard

3. установите соответствующие имена в .plist

4.Просто выберите нужный .раскадровка для настройки

самый простой и надежный способ сделать это-скопировать вставку с вашего iPad раскадровки.

1. создайте новую раскадровку и назовите ее чем-то вроде MainStoryboard_ipad.
2. сделайте свое приложение универсальным приложением, установив свойство Devices в Universal на странице сводки целевых свойств для вашего проекта.
3. откройте раскадровку вашего iPhone и выберите все и скопируйте
4. откройте раскадровку iPad и паста.

вам придется изменить размер, но это может быть быстрее, чем воссоздать всю раскадровку.

существует очень простое решение для версий Xcode, которые поддерживают классы размеров (протестировано в Xcode 7, которая является текущей версией на момент написания). Регистрация the "использовать размер классы" флажок на раскадровке файла (Файл Инспектор), подтвердите, что диалоговое окно, которое появляется. снимите флажок тот же флажок - Xcode спросит вас, Хотите ли вы использовать эту раскадровку с iPhone или iPad и соответствующим образом конвертировать экраны в ней. нет необходимости напрямую редактировать файл раскадровки. Для iPad и iPhone просто скопируйте одну и ту же раскадровку и настройте один для iPad и один для iPhone с помощью описанного метода.

и прежде чем кто - то предложит использовать классы размеров-в то время как отлично, они менее удобны для сильно настроенного пользовательского интерфейса, такого как игры и т. д.

Другой Подход

1. добавить пустой-Вид-Контроллер с навигацией-контроллер в iPad-раскадровка

2. измените класс на класс вашего первого ViewController, используемого для iPhone,"fooViewController"

3. добавьте раскадровку-идентификатор в iPhone-раскадровке "fooViewController_storyboard_identifier" для первого ViewController

4. перейдите в раздел "fooViewController.м"

5. добавить переменную bool bool nibWasLoadForIpad=false

6. на viewDidLoadметодом

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. Знайте, что проблема заключается в том, что вид-фон будет установлен на белый)

вы должны создать отчет об ошибке с Apple. Вы можете сказать, что это дубликат моего (10167030), который был открыт с сентября 2011 года. Самое неприятное, с моей точки зрения, заключается в том, что эта функция существовала в Xcode 3...

Спасибо за ответы всем.

я следовал вышеуказанным шагам, но когда я запустил приложение под симулятором или моим iPad, он продолжал просто использовать раскадровку iPhone.

по какой-то причине, когда я изменил целевое устройство на универсальное вместо iPhone, Xcode (v5.0) не обновил информацию о приложении.plist-файл для включения раскадровки iPad, поэтому мне пришлось вручную добавить следующую запись (используя редактор plist в Xcode):

основная база файлов раскадровки имя (iPad) = = > MainStoryboard_iPad

Я просто меняю (в дополнение к ответу от @tharkay):

 <device id="ipad9_7" orientation="landscape">

и работает отлично !

Я использую это в XCode 8.3.3