Làm thế nào để Autosize một hình ảnh với Auto Layout cho iOS App của bạn - núm vú

Bởi vì bạn chắc chắn quyết định - như tất cả các nhà phát triển ứng dụng iOS tốt đã quyết định và sẽ tiếp tục quyết định về sự vĩnh cửu - ứng dụng của bạn cần hoạt động tốt trong cả định hướng Chân dung và Phong cảnh, bạn sẽ cần đảm bảo rằng, khi xoay màn hình, chiếc xe (phụ xem) vẫn nằm ở cuối màn hình.

May mắn cho bạn, phần lớn công việc đó được thực hiện cho bạn trong - lớp UIViewConroller mà từ đó chúng ta đã tạo ra TestDriveController. Điều duy nhất bạn phải làm là nói với bộ điều khiển chế độ chính xác cách bạn muốn nó di chuyển mọi thứ xung quanh khi chế độ xem thay đổi hướng. Bạn có thể thực hiện những mong muốn như vậy được biết đến trong bảng phân cảnh sử dụng thanh tra Kích thước.

Bạn sẽ cần phải chọn một số khung nhìn để quản lý quá trình tự động hóa của chúng. Đối với quá trình này, đảm bảo rằng Đề cương tài liệu được hiển thị ở bên trái của bảng phân cảnh. Lý do cho điều này trở nên rõ ràng nếu bạn nhìn vào Document Outline. Bên trong View Controller - TestDrive, bạn có một cái nhìn.

Trong chế độ xem đó, bạn có chế độ xem hình ảnh có chứa hình ảnh SeeTheUSA từ danh mục tài sản. Chế độ xem hình ảnh bây giờ giống với kích thước của nó. Bạn cần phải có khả năng lựa chọn một cách riêng biệt, vì vậy cách dễ nhất để làm điều đó là trong Đề cương tài liệu.

Có bốn phần của cài đặt Kích thước. Từ trên xuống dưới, chúng là

• Chỉ số: Ở đây ở trên cùng của thanh tra Kích thước, bạn đặt tọa độ vị trí và kích thước khung nhìn. Hầu hết thời gian, bạn sẽ sử dụng các công cụ Giao diện Builder, nhưng khi bạn muốn kích thước cụ thể và chính xác, bạn nhập chúng vào đây.

• Ưu tiên chống lại độ ưu tiên nén nội dung: Các phần này được sử dụng chủ yếu để điều chỉnh kích thước của khung nhìn dựa trên nội dung của nó. Mỗi thanh trượt đều có thanh trượt nơi bạn có thể điều chỉnh các giá trị ngang và dọc. Đây không phải là tình huống bật / tắt: trong thời gian chạy, các giá trị được cân nặng và giá trị cao nhất giành được khi có xung đột. Bạn có thể đặt những ràng buộc mâu thuẫn.

  Ví dụ: bạn có thể muốn một vị trí được định vị ở một vị trí nhất định dựa trên một chế độ xem khác. Để làm được điều này, có thể cần phải thay đổi kích thước khung nhìn. Trong trường hợp như vậy, ưu tiên ôm hôn cao hơn sẽ có nghĩa là chế độ xem sẽ không thay đổi kích thước tại chi phí không đáp ứng được yêu cầu đặt nó cách điểm khác 10 điểm.

  Nén là phía bên kia của đồng xu. Nếu kháng nén có giá trị cao hơn, thay đổi kích thước có thể truncate nội dung của xem sẽ bị phản đối.

• Kích thước nội tại: Đây là cài đặt mặc định, là nơi bạn sẽ để nó cho các bố cục cơ bản. Đây là kích thước tự nhiên của chế độ xem có thể được thay đổi kích thước hoặc định hình lại.

• Hạn chế: Đây là trọng tâm của Giao diện Tự động. Bạn cung cấp các ràng buộc về vị trí của chế độ xem. Những khó khăn này có thể mâu thuẫn trong một số trường hợp, nhưng bạn có thể gán một trọng số cho mỗi một để chỉ ra những ràng buộc nào quan trọng hơn những ràng buộc khác. Khi chạy, Giao diện Tự động nhanh chóng đưa ra bộ sưu tập tối ưu những khó khăn mà có thể làm được càng nhiều càng tốt những gì bạn muốn.

Nếu bạn không nhìn thấy phần Hạn chế, Tự động Bố cục có thể bị tắt cho bảng phân cảnh của bạn. Để bật tính năng này, hãy chọn bảng phân cảnh trong trình điều khiển Dự án và mở Trình kiểm tra tệp. Tùy chọn Sử dụng Giao diện Tự động là một hộp kiểm trong phần Tài liệu Trình Giao diện.

Để thiết lập các ràng buộc, hãy chọn chế độ xem trong Tài liệu Outline, và chọn Editor → Giải quyết các vấn đề Auto Layout → Thiết lập lại các giới hạn đề xuất trong View Controller.

Bây giờ bạn nên có ba khó khăn. Cả ba đều có cùng cấu trúc cơ bản. Phần đầu tiên chỉ định khoảng trống từ chế độ xem được chọn (đối tượng View-View nhất) vào chế độ xem hình ảnh. Thứ hai xác định không gian hàng đầu, và thứ ba xác định không gian phía dưới.

Bạn có thể tự hỏi và cuối nằm trong ngữ cảnh này. Trong kịch bản từ trái sang phải như tiếng Anh, tiếng Tây Ban Nha, tiếng Pháp và các ngôn ngữ tương tự, không gian hàng đầu là không gian giữa cạnh bên trái của hai chế độ xem, và dấu sau là khoảng cách giữa các cạnh bên phải.

Đối với một ngôn ngữ phải sang trái như tiếng Hê-bơ-rơ hoặc tiếng Ả Rập, không gian hàng đầu là không gian ở bên phải và không gian phía sau là khoảng cách bên trái. Khoảng trống cho đầu và cuối là không phụ thuộc vào hướng ngôn ngữ.

Nếu bạn chọn mẫu đầu tiên, bạn sẽ thấy rằng bạn có thể nhấp vào bánh răng ở bên phải mỗi ràng buộc để mở thêm chi tiết. Mặc định khá đơn giản: Khoảng cách giữa các cạnh bên phải của chế độ xem trên cùng và chế độ xem hình ảnh là 0 điểm. Nếu bạn khám phá thêm, bạn sẽ thấy rằng khoảng cách đáy là mặc định, cũng là số không.

Bạn chưa thực hiện xong với việc quản lý Giao diện tự động. Chọn chế độ xem hình ảnh và ghim nó vào cuối màn hình. Sử dụng Trình soạn thảo → Pin → Không gian bên dưới để Superview. Điều này có nghĩa là kích thước phù hợp khi thiết bị được xoay.

Lặp lại quy trình cho hình ảnh xe. Các giá trị mặc định chỉ cho bạn một khía cạnh khác của các ràng buộc. Bạn sẽ có khoảng trống dưới cùng mặc định để xem lại chế độ xem lại, nhưng bạn sẽ có một giới hạn mới để căn giữa hình ảnh xe đến trung tâm của chế độ xem hình ảnh cho phối hợp X (ngang).

Mặc dù ứng dụng sẽ không chạy cho đến khi bạn nhập mã. Tuy nhiên, khi bạn nhập mã đó, bạn sẽ có thể xoay ứng dụng trong trình mô phỏng.

Quá trình này là điển hình của việc sử dụng Auto Layout. Vẽ bố cục của bạn trong cảnh kịch bản. Một số khó khăn sẽ được tạo ra cho bạn một cách tự động và bạn có thể kiểm tra xem điều gì sẽ xảy ra. Bạn có thể cần phải tinh chỉnh các ràng buộc (chẳng hạn như bằng cách ghim một đối tượng vào một superview).Bạn cũng có thể chọn để xóa tất cả các khó khăn và thiết lập lại để mặc định. Một tinh chỉnh khác có thể là cần thiết.