iOS Autolayout: hai nút có chiều rộng bằng nhau, cạnh nhau

Tôi hiện đang gặp khó khăn với Tự động thanh toán. Tôi đang sử dụng trình tạo giao diện và đang cố gắng đặt hai nút có chiều rộng bằng nhau cạnh nhau như được minh họa trong hình ảnh sau.

Từ hình ảnh Xem trước sau đây, titleImage của tôi đã được giới hạn đúng cách và đang hiển thị chính xác tuy nhiên các nút thì không. Tôi đã thử nghiệm bằng cách căn chỉnh nút 1 với cạnh đầu của titleImage và button2 với cạnh cuối của titleImage, tuy nhiên sự phân bố chiều rộng giữa hai nút trở nên lệch tại điểm này, như được minh họa bên dưới.

Mục tiêu của tôi là hiểu những ràng buộc nào bị thiếu và nên được áp dụng cho hai nút để duy trì độ rộng bằng nhau bất kể thiết bị nào. Nếu có thể, tôi muốn đạt được điều này thông qua trình tạo giao diện thay vì mã bổ sung.

Thêm các ràng buộc sau

1. Gán chiều rộng bằng nhau từ button1 đến button2.
2. Gán khoảng cách ngang giữa cả hai nút.
3. Gán không gian hàng đầu từ button1 cho superview của nó.
4. Gán khoảng trắng từ button2 cho superview của nó.
5. Gán không gian trên cùng cho cả hai nút.

   ---

   Hãy cho tôi biết nếu nó làm việc cho bạn.

Làm theo các bước và ảnh chụp màn hình để có giải pháp dễ dàng

Bước 1)

• Đối với nút 1: Thiết lập chế: (1) Dẫn đầu, (2) Top hay Bottom asper nhu cầu của bạn, (3) Chiều cao

Bước 2)

• Đối với Nút 2: Đặt Ràng buộc: (1) Theo dõi, (2) Trên hoặc dưới tùy theo nhu cầu của bạn, (3) Chiều cao

Bước 3)

• Nhấn Ctrl + Kéo Từ Nút 1 đến Nút 2

• Chọn khoảng cách ngang

Bước 4)

• Chọn cả hai nút (sử dụng Command) và Thêm các ràng buộc Chiều rộng bằng nhau

ĐẦU RA

Hy vọng nó sẽ giúp bạn :)

Bố cục ngăn xếp trong iOS9, sẽ thực hiện công việc thực sự tốt đẹp. Thêm chế độ xem ngăn xếp vào chế độ xem của bạn và định cấu hình như sau:

Bạn có thể kiểm tra ví dụ của tôi - bạn có thể dễ dàng nhắm mục tiêu này, bằng cách sử dụng ràng buộc tỷ lệ. Ngoài ra, bạn có thể dễ dàng nhắm nhiều UIViews theo tỷ lệ. Vui lòng xem ví dụ đính kèm

https://dl.dropboxusercontent.com/u/48223929/TestViewController.xib

Giải pháp của tôi là

1. Đặt một khung nhìn nhỏ ở giữa hai nút và đặt nó ở giữa (Tâm nằm ngang trong vùng chứa và tâm dọc trong đối tượng là 0).
2. Thêm chiều cao và chiều rộng cho chế độ xem nhỏ.
3. Thêm các nút các ràng buộc và cung cấp các ràng buộc không gian ngang cho chế độ xem nhỏ.
4. Đặt màu nền cho chế độ xem nhỏ giống như các nút hoặc màu của Chế độ xem.

Lưu ý: Xem Ảnh chụp màn hình.