Как разместить три кнопки в центре бок о бок с интервалом, используя автозапуск в ios?

Я размещаю три кнопки бок о бок с шагом в центре окна iOS. Я использую auto layout но constraints, который я устанавливаю является:Как разместить три кнопки в центре бок о бок с интервалом, используя автозапуск в ios?

Я положил первую кнопку на кнопку в left with leading и top spacing with horizontal spacing на вторую кнопку.
Я положил вторую кнопку с spacing horizontally от первой кнопки и top spacing
Я поставил третью кнопку с trailing space и top vertical space и horizontal spacing с второй кнопкой
Далее я назначен equal widths ко всем кнопкам

Но все же мои кнопки a почему вы ошибаетесь? Есть идеи?

источник

2017-02-01 Jessica thompson

Загрузить скриншот с ограничениями для лучшего понимания – rv7284

Сначала положите 3 кнопки на экран и поместите их соответственно. Поскольку вам нужны 3 кнопки в центре, сделайте вот так.

1) поместите первую кнопку влево, вторую кнопку посередине (вы можете видеть голубую поперечную линию, когда вы достигаете середины), а затем 3-я кнопка вправо от нее.

2) теперь выберите среднюю кнопку и выберите третий маленький значок справа внизу справа (два прямоугольника расположены параллельно) и отметьте горизонтальный в контейнере и вертикально в контейнере.

3) теперь выберите 1-ю кнопку и выберите вторую маленькую иконку справа внизу (один квадратный квадрат между двумя строками) и выберите красную линию влево (там будет 4 красных линии по направлению). для снятия отметки с ограничениями. После этого снова выберите первую кнопку и cntrl перетащите к средней кнопке и выберите центр по вертикали из перетаскиваемого меню

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

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

источник

2017-02-01 12:23:25

По-прежнему стоит перед проблемой –

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

проверить равные и высоты коробки ???? –

Добавить все 3 кнопки в другом родительском UIView.

Затем добавьте следующие ограничения для каждой кнопки.

Левая кнопка: верхняя, верхняя, нижняя и равная ширина.
Средняя кнопка: сверху, снизу, равная ширина и горизонтальный центр.
Правая кнопка: верхняя, конечная, нижняя и равная ширина.

Или Если ваша цель развертывания> 9,0, попробуйте использовать Horizontal UIStackView

источник

2017-02-01 11:55:41 Tejas

Вот как вы можете достичь его:

Set Width & Height всех трех кнопок.
Центральная высечка Средняя кнопка Horizontally & Vertically к контейнеру.
Trailing & Center Vertically(Y) самой левой кнопки на средней кнопке.
Leading & Center Vertically(Y) Правая кнопка к средней кнопке.

Или короткий путь:

Добавить все три кнопки в один стек View.
Центральный стеклянный вид Vertically и Horizontally Контейнер.
Set Stack View Spacing Значение расстояния между этими кнопками.

источник

2017-02-01 11:59:30

Лемм проверить и одобрить свой ответ .. Звучит потрясающе !! –

, пожалуйста, объясните 3-ю и 4-ю точку .... Вы имеете в виду «Ведущий» в 3-й точке и отставание в 4-й точке? –

** 3. ** Пространство 'trailing' первой кнопки будет прикреплено к средней кнопке. И центрируйте первую кнопку вертикально до средней кнопки. ** 4. ** «Ведущее» пространство первой кнопки будет прикреплено к средней кнопке. И центрируйте третью кнопку по вертикали до средней кнопки. –

Установить ограничения, как:

Средняя кнопка: горизонтально в контейнере, равной ширины, высоты

Левая кнопка: ведущая, задняя, равной ширине и высоте с помощью средней кнопки

правой кнопкой: ведущая, задняя, равная ширина и высота до средней кнопки

источник

2017-02-01 12:05:03 ios

Сначала выберите все представления, принять в горизонтальном направлении посередине. Теперь приступим к ограничению - выберите view1 - дайте ограничение, ведущее, верхнее, горизонтальное расстояние до view2 и дайте высоту.

Для второго взгляда - теперь выберите все виды, чтобы перейти к опции allign справа, выберите верхние края. Теперь выберите только второй вид - укажите горизонтальное расстояние до третьего вида и высоту для второго вида.

Для третьего вида - ограничивать только конечность и высоту.

Последнее ограничение - выберите все виды, чтобы перейти к опции вывода и выберите равную ширину. Теперь ваш дизайн готов к совершенству.

источник

2017-02-01 12:49:16 Pavankumar

Как разместить три кнопки в центре бок о бок с интервалом, используя автозапуск в ios?

ответ

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