Cách được khuyến nghị và hiện đại nhất là sử dụng Constraints (ràng buộc). Chúng ta sẽ dùng constraints để căn view về đáy màn hình.
Các bước thực hiện
Bước 1: Tạo dự án
Xcode → New Project → Single View App → Tên: "ViewAlignment".
Ví dụ này dùng UIView, nhưng bạn có thể áp dụng cho bất kỳ UI component nào.
Bước 2: Thiết lập giao diện
Mở Main.storyboard → Đổi màu nền ViewController (để dễ quan sát) → Kéo thả một UIView vào màn hình.
Bước 3: Thêm Constraints
Click vào UIView → Chọn Add New Constraints (biểu tượng cái thước).
Quy tắc 4 tham số bắt buộc: X-axis, Y-axis, Width, Height. Thiếu một trong 4 tham số này có thể khiến UI bị lỗi hoặc crash.
Trong ví dụ này, ta căn UIView về đáy với các giá trị:
- Bottom = 0 (cách đáy 0 point)
- Leading = 0 (cách trái 0 point)
- Trailing = 0 (cách phải 0 point)
- Height = 100 (chiều cao cố định 100 points)
Nếu muốn tạo khoảng cách, có thể đặt 5, 10, 20 points thay vì 0.
Bước 4: Tùy chỉnh giao diện
Đổi màu UIView thành cyan (xanh ngọc) để dễ nhìn.
Bước 5: Kiểm tra trên nhiều thiết bị
Chạy thử trên iPhone 8 và iPad Pro (9.7 inch) ở cả 2 chế độ portrait và landscape.
Lưu ý quan trọng
Luôn đảm bảo cung cấp đủ 4 ràng buộc (leading, trailing, top/bottom, width/height) để Auto Layout xác định chính xác vị trí và kích thước của view.