2015-04-08 2 views
1

Я разрабатываю приложение в iOS.Earlier я создавал отдельные раскадровки для отдельных устройств iOS, но теперь я использую Auto layout & классы размеров для поддержки нескольких устройств iOS. Я создал экран входа. Я не указал ни одной ширины или высоту взглядов но я дал ведущее пространство & отставая пространство, также верхние & нижнего space.This является изображением образца enter image description here![enter image description hereДинамический макет для многоуровневых iOS-устройств?

в изображении размера изображения расширяются в соответствии с размерами IPad, но я не хочу его изображение слишком велико. Мне нужна такая же высота & весовое соотношение как в iPhone. Пожалуйста, предложите, как это сделать?

+1

Набор высоты и ширины constriant к изображению в раскадровке .. – itsji10dra

+0

Но что не выглядит хорошо на iPad, если установлена ​​высота и ширина изображения для iPhone 3,5-дюймового экрана, тогда размер выглядит отлично, но на iPad он выглядит слишком замаскированным л. – TechGuy

+0

В этом случае используйте sizeclass, чтобы изменить раскадровку на RegularWidth и AnyHeight и снова установите их ограничение по высоте и ширине. Эти ограничения будут только для iPad, а не для iPhone. – itsji10dra

ответ

5

все, что нужно, чтобы установить соотношение сторон для поддержания высоты: ширину экрана в соответствии с size..check из изображений и ограничений

enter image description here

как здесь, я дать соотношение сторон 1: 1 .. .so в зависимости от размера экрана он поддерживает it..like ниже ..

enter image description here

+0

Здесь вы не указали ширину и высоту. – TechGuy

+0

да ... потому что здесь мы устанавливаем соотношение сторон ... так что нужно определить ширину и высоту .... соотношение сторон автоматически вычисляет высоту и ширину в соответствии с соотношением .. –

+0

вы определили центр горизонтального и вертикального ограничения? – TechGuy

1

Я сделал это так: нажмите правой кнопкой мыши на объект и перетащите курсор с вашего объекта, чтобы просмотреть контроллер, вы увидите, что во всплывающем окне вы можете выбрать равную высоту от всплывающего окна.

+0

Что означает равная высота? – TechGuy

+0

это ограничение, которое необходимо добавить в структуру документа и открыть инспектор атрибутов. Если первый элемент не установлен в облако. Затем выберите «Обратный первый» и «Второй элемент» в раскрывающемся списке «Первый элемент», выберите «Отношение меньше или равно». Множитель в соответствии с вашим запросом – Vinayk

1

наборы Используйте изображения (Images.xcassets) и создать изображение конкретного устройства.

2

Learn to love Auto Layout 1st image 2nd image 3rd image 4th image

или если вы хотите LEARN TO LOVE AUTO LAYOUT… PROGRAMMATICALLY

Это может поможет вам :)

+0

Почему вы не указали нижнее пространство на последней кнопке? – TechGuy

+0

Собственно, список ограничений, удовлетворяющих нашему требованию. Поэтому нам не нужно добавлять дополнительные ограничения. – Yuyutsu

+1

[youtube Auto-layout vedio] (https://www.youtube.com/watch?v=r1sc7NI6-wo&index=9&list=PLzvKpLTmBmzkeSIxxaswFqMhL3j_rSBtp) Это поможет вам сделать много. – Yuyutsu

Смежные вопросы