Выровняйте 3 UIButtons до нижнего центра UIViewController

Question

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

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

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

Answer 1

Set сдерживать, как это,

Первый набор Constrain центрировать кнопка (Crop Button).как, кнопка

Crop: - Bottom расстояние от bottomlayout, высоты и ширины (согласно вашему требованию), и Центр Горизонтально в контейнере (теперь ваша кнопка урожай зафиксировать в центре)

Rotatebutton: - set Горизонтальное расстояние от кнопки обрезки, поворот кнопок вверх = верхняя часть обрезки, поворот нижней кнопки кнопки снизу = кнопки обрезки снизу и высота и ширина кнопки поворота, равные высоте и ширине кнопки Crop.

Таким образом, внешний вид все же кнопки (набор Constrain на кнопку же как поворот кнопки рисовать).

регистрации изображения,

1) Установка ограничения к кнопкам

2) Теперь установит ограничение для ImageView

3) Выхода

Edit: - Здесь я приложил демонстрационную

Demo for Centre button

Answer 2

Надежда ниже шаги могут исправить пуговицы, как вы wanted.Have не пробовал сам, но вы можете попробовать, если вы еще не проверили эти шаги.

1.Pin этих кнопок в нижнее пространстве контейнер 2.Add ограничение от кнопки к началу пространства, чтобы просмотреть изображения 3.Play вокруг горизонтальных промежутков между кнопками, закрепив переднюю кромку к представлению для самой левой кнопки и конечное место для просмотра справа от самой кнопки 4.Проверьте центр по горизонтали/вертикали в контейнер

Answer 3

Не нужно добавлять ограничение с помощью ImageView. Добавьте эти кнопки в UIView и добавьте ограничение на это представление как Horizontally Center, а также добавьте ImageView в UIView. Теперь добавьте constraintHorizontally Center в родительское представление Button к родительскому элементу ImageView.

Answer 4

Ваш сценарий должен быть, как показано ниже,

оставил большую кнопку должна иметь два ограничения (отмена): ведущие, bottton

самая правую кнопка должна иметь два Сдерживает (желтая кнопка): завершающие, нижнего

Возьмите один UIVIew и положите три кнопки в этом виде на равном расстоянии со всех сторон от этого uiview.

теперь ваши ограничения на все три кнопок должны понравиться: ведущая, задняя, ​​верхняя и фиксированная высота

И ограничение этого uiview должно быть: горизонтально-центр в контейнере, снизу и с фиксированной высотой

Я прилагаю Скриншот Aswell

Вы можете проверить ограничения с точки зрения иерархии на левой стороне.

Я установил серый цвет фона, чтобы просто продемонстрировать это представление, вам не нужно устанавливать цвет этого вида.

Этим способом ваши три кнопки всегда будут отображаться в центре нижней части VC

надеюсь, что это поможет :)

Answer 5

(1) Сначала добавьте ImageView, ограничения, как это

(2) Теперь добавьте UIButton в нижнем центре по названию CROP. Дайте сдерживающих как этот

(3) Теперь добавьте 2 UIButtons имени ПОВОРОТ и РИСОВАТЬ по обе стороны от УРОЖАЙ

для Чередовать для ТИРАЖА :

(4) Наконец выберите 3 кнопки и дают equalWith Constraint