Computer >> Máy Tính >  >> Lập trình >> IOS

Căn chỉnh hai nút theo chiều dọc trong iOS

Bố cục Tự động là một trong những yếu tố quan trọng nhất khi thiết kế Ứng dụng iOS. Việc phát triển giao diện người dùng đã trở nên linh hoạt và dễ dàng hơn rất nhiều bằng cách sử dụng Bố cục tự động.

Để Căn chỉnh hai nút theo chiều dọc, chúng tôi sẽ sử dụng Bố cục Tự động.

Vì vậy, hãy bắt đầu!

Bước 1: Mở Xcode → Projecr mới → Ứng dụng một lần xem → Đặt tên cho nó là “AlignButtons”

Bước 2: Mở Main.storyboard và thêm hai nút, đặt tên cho chúng là nút 1 và nút 2.

Căn chỉnh hai nút theo chiều dọc trong iOS

Bước 3: Chọn cả hai nút và căn chỉnh chúng theo chiều dọc bằng menu Thêm Ràng buộc Căn chỉnh Mới.

Căn chỉnh hai nút theo chiều dọc trong iOS

Bước 4: Chọn cả hai nút, nhấn vào Thêm ràng buộc mới và đặt nó thành chiều rộng bằng nhau.

Căn chỉnh hai nút theo chiều dọc trong iOS

Bước 5: Bây giờ Chọn nút bên trái, hãy nhấn vào Thêm các ràng buộc mới một lần nữa và đặt khoảng cách đầu và cuối thành 20 điểm.

Căn chỉnh hai nút theo chiều dọc trong iOS

Bước 6: Bây giờ, nút Chọn Bên phải, hãy nhấn vào Thêm các ràng buộc mới một lần nữa và đặt các khoảng trống ở đầu và cuối thành 20 điểm.

Căn chỉnh hai nút theo chiều dọc trong iOS

Và đó là tất cả ngay khi bạn nhấp vào Thêm 2 Ràng buộc, bạn sẽ thấy các nút được căn chỉnh theo chiều dọc.

Căn chỉnh hai nút theo chiều dọc trong iOS