Visual Constraints with Hidden Views

Question

Я немного борюсь с визуальными ограничениями в своем приложении для iOS.

У меня есть четыре UIViews. Одна из них всегда «заголовок» или вид сверху, а остальные три очереди являются видимыми под ней, как показано ниже:

+-------------------+ 
| HeaderView  | 
+-------------------+ 
| View2|View3|View4 | 
+-------------------+ 

только один из View2, View3 или view4 видна в то время, и другие скрыты, когда они не используются.

Теперь, используя регулярные NSLayoutConstraints, я могу получить это работает очень хорошо:

1. Все виды имеют ограничения для ведущих и хвостовых запас, чтобы соответствовать хост-супер-вид.
2. HeaderView имеет TopMargin для соответствия супер-представлению хозяев.
3. Все виды имеют ограничения на их высоту. HeaderView - 100, а View2, View3 и View4 - 25, 50 и 75 соответственно.
4. View2, View3 и View4 имеют ограничения, которые устанавливают верхнюю часть, равную нижней части заголовка.
5. (я не забочусь ни о каком нижней ограничивающей для View2, View3 или view4. - их высоты фиксированы, а пустое пространство под ними управляется в другом месте)

Итак, я пытаюсь преобразовать это к визуальным ограничениям. Вот то, что я до сих пор для горизонтальных ограничений, и это здорово:

@"H:|-0-[HeaderView]-0-|" 
@"H:|-0-[View2]-0-|" 
@"H:|-0-[View3]-0-|" 
@"H:|-0-[View4]-0-|" 

Теперь, вертикальные ограничения, когда я попадаю в неприятности:

Я попытался следующее:

@"V:|-0-[HeaderView(100)]-0-[View2(25)]-0-[View3(50)]-0-[View4(75)]" 

И Я также попытался разделить это:

@"V:|-0-[HeaderView(100)-0-[View2(25)]" 
@"V:|-0-[HeaderView(100)-0-[View2(50)]" 
@"V:|-0-[HeaderView(100)-0-[View2(75)]" 

Проблема в том, что вертикальная компоновка никогда не бывает правильным - почти всегда, View2, View3 или View4 будут лежать прямо над HeaderView, а не ниже.

Любые предложения по очистке и исправлению моих вертикальных макетов?

Answer 1

Попробуйте, как это,

V:[HeaderView(100)]-[View1(25)] 
V:[HeaderView(100)]-[View2(50)] 
V:[HeaderView(100)]-[View3(75)] 

И убедитесь, что вы правильно настройки views параметр constraintsWithVisualFormat метода. Он должен быть super view вашего views, на котором вы устанавливаете ограничения, или должен быть вид, с которым связаны ваши ограничения.

Надеется, что это поможет :)

Answer 2

MarcWan,

Там нет ничего плохого в ограничении я считаю, если это именно ограничение вы использовали вы пропустили «]» во всех ограничениях.

попробовать это,

@"V:|-0-[HeaderView(100)]-0-[View2(25)]-0-[View3(50)]-0-[View4(75)]"