iOS Autolayout - Vị trí xem chính xác bên dưới thanh điều hướng mờ

Question

Trong bảng phân cảnh, tôi có một số UIImageView mà tôi muốn đặt ở khoảng cách cố định bên dưới thanh điều hướng mờ. Tôi có thanh trên cùng được mô phỏng cho bộ điều khiển chế độ xem được đặt thành thanh mờ và hạn chế tôi hiện có "Không gian trên để Superview bằng 52", "8 điểm bên dưới thanh.

Tuy nhiên, khi chế độ xem quay sang ngang, thanh điều hướng co lại thành 34 điểm và chế độ xem hình ảnh vẫn ở 52 điểm giống như ở chân dung.

Tôi có thể sử dụng hạn chế nào trong IB để đặt chế độ xem hình ảnh ở 8 điểm bên dưới thanh điều hướng cho dù thanh có cao bao nhiêu không?

Cảm ơn!

Answer 1

Chọn cả imageView và thanh TopBar trong storyBoard. Tại góc dưới bên phải màn hình bạn sẽ thấy một nút trông giống như một H:

Chọn nó và chọn "Vertical Spacing". Đặt độ tương phản bằng 8 pixel và nó sẽ hoạt động.

Answer 2

Chọn UIImageView và kéo điều khiển của bạn vào Hướng dẫn bố cục hàng đầu để tạo ràng buộc. Nếu bạn không quen với Hướng dẫn bố cục hàng đầu, bạn có thể chọn nó trong chế độ xem cấu trúc ở bên trái.

Answer 3

Như Nestor đã chỉ ra, bạn đang thiết lập khoảng cách trên cùng với cạnh trên cùng của chế độ xem chứ không phải hàng xóm gần nhất là thanh điều hướng. Bạn nên đặt ràng buộc khoảng cách trên cùng với Hướng dẫn bố cục hàng đầu để làm cho nó cố định bất kể lớp và hướng kích thước là gì.

Để làm như vậy, từ chế độ xem phác thảo tài liệu, hãy giữ ctrl nhấp và kéo một đường từ UIImageView tới Top Layout Guide và chọn Vertical Spacing từ danh sách.