Xcode 9 - Ràng buộc chiều rộng cố định có thể gây ra cắt xén và cảnh báo nội địa hóa khác

Tôi đã tải xuống Xcode mới và trong Trình tạo giao diện Tôi đang gặp rất nhiều vấn đề với các cảnh báo có nội dung như sau:

Cố định chiều rộng có thể gây ra cắt

Nó trông như thế này:

Tôi có bản địa hóa cho một số ngôn ngữ và tôi hiểu cảnh báo rằng trong ngôn ngữ khác, kích thước của nhãn có thể thay đổi, nhưng ứng dụng của tôi không gặp phải vấn đề này. Tôi đã chạy và thử nghiệm nó trong Xcode 8 ngày hôm qua, nó vẫn ổn. Tôi không muốn dành hàng giờ đồng hồ để thêm các ràng buộc mới vô nghĩa.

Bất kỳ giải pháp đề xuất?

Tôi đã nhận được những cảnh báo tương tự ngay cả khi không có nhiều ngôn ngữ trong ứng dụng của mình , điều này khiến tôi tìm hiểu điều gì đang thực sự xảy ra. . .

Có một vài điều khác nhau đang diễn ra ở đây. Tôi đã có thể tắt các cảnh báo về chiều rộng cố định trong ứng dụng của riêng mình bằng cách thay đổi độ rộng của các khoảng cách đối tượng từ chiều rộng cố định thành lớn hơn hoặc bằng hoặc nhỏ hơn hoặc bằng .

Điều này có thể được thực hiện bằng cách chọn đối tượng trong trình tạo giao diện, đi đến trình kiểm tra kích thước và thay đổi nó ở đó:

Hoặc, chọn ràng buộc từ phác thảo tài liệu, đi đến trình kiểm tra kích thước và thay đổi nó ở đó:

Theo như cảnh báo ở trên cùng của ảnh chụp màn hình của bạn:

Đã sửa các ràng buộc hàng đầu và dấu với một ràng buộc trung tâm có thể gây ra cắt

Đây là một ảnh chụp màn hình từ ứng dụng của riêng tôi, trong đó tôi đã nhận được cảnh báo chính xác như sau:

Tôi đã có nhãn với dấu @ được đặt thành hàng đầu và theo dõi các nút nhưng cũng để căn chỉnh trung tâm với nhãn xếp hạng . Khi tôi loại bỏ ràng buộc căn chỉnh trung tâm , cảnh báo biến mất, nhưng tôi bị bỏ lại với một bộ đối tượng được đặt không đúng cách.

Sau đó, tôi đã từ chức để nắm lấy Stack View . Thật khó chịu khi sử dụng, khi bạn nhận được tất cả các ràng buộc và cài đặt đúng, nó sẽ hiển thị rất đẹp và không có cảnh báo.

Biên tập

Như Repose viết trong các bình luận, đôi khi chỉ cần thêm> = 0 sẽ là những gì bạn cần, vì bạn đang đảm bảo hai yếu tố không trùng nhau.

Bạn có thể thử Tắt "Tôn trọng hướng ngôn ngữ" trên cơ sở ràng buộc để tắt tiếng cảnh báo và xem liệu nó có giúp ích không. Chọn ràng buộc của bạn và mở Thuộc tính / Thanh tra kích thước. Xin vui lòng xem hình ảnh đính kèm.

Nếu bạn không có kế hoạch bản địa hóa ứng dụng của mình sang các ngôn ngữ khác, thì giải pháp này sẽ không có bất kỳ dự phòng nào. Đối với các ứng dụng được bản địa hóa, bạn phải có ý thức hơn về kích thước nhãn và phông chữ của mình.

ps Giải pháp này hoạt động cho iOS. Đối với macOS, hãy thử> = hoặc <= để tắt cảnh báo.

pps Nhãn trong hình bên dưới dễ dàng hơn nhiều khi sử dụng thuộc tính AutoLayout và AttributionString trên một UILabel hoặc UITextView bằng NSMutableAttributionString. Hình ảnh chỉ dành cho mục đích trình diễn.

Đối với các nhãn và nút được bản địa hóa, cảnh báo này có ý nghĩa và bạn nên cung cấp các ràng buộc cần thiết để nhãn của bạn không trùng nhau. Nếu bây giờ chúng không trùng lặp, chúng có thể trong tương lai, vì vậy sẽ không gây hại gì khi cung cấp các ràng buộc.

Xcode giúp bạn tự động thêm các ràng buộc này:

Trong phác thảo tài liệu của bảng phân cảnh của bạn, nhấp vào mũi tên màu vàng và chọn "cố định hàng đầu" hoặc "theo dõi cố định", tùy thuộc vào vị trí của văn bản trên màn hình của bạn (trái hoặc phải). Điều này sẽ khắc phục nó cho hầu hết các vấn đề.

Nếu bạn gặp vấn đề này với Nút không có bất kỳ văn bản nào (chỉ hình ảnh), hãy thử xóa "tiêu đề mặc định" vẫn có thể được đặt cho nút:

Với Labels, bạn có thể đặt Lineslà 0và Autoshrinkcác thuộc tính là Minimum Font Sizeđể xóa Fixed Width Constraints May Cause Clippingcác cảnh báo, như thế này:

Một giải pháp nhanh chóng khác!

Đối với một UIButton bằng cách thay đổi tiêu đề từ văn bản đơn giản sang văn bản được phân bổ cũng đã giải quyết vấn đề của tôi: -

Tôi biết câu hỏi này đã được trả lời nhưng những gì tôi đã làm để khắc phục lỗi này trong trường hợp của mình là thêm thuộc tính "Tỷ lệ khung hình" và sau đó loại bỏ giới hạn chiều rộng hoặc chiều cao, điều này hoạt động khá tốt và ít nỗ lực hơn và tôi đã cố gắng giữ cùng một đầu ra và điều chỉnh quan điểm của tôi cho các thiết bị khác nhau.

Swift 4, Xcode 9.1:

Về vấn đề này, tôi nghĩ rằng đối tượng của bạn không biết vị trí trung tâm chính xác trong bối cảnh của nó là gì , và sử dụng loại bỏ, lớn hơn hoặc các cài đặt hàng đầu / đánh cắp khác hầu hết không hoạt động chính xác. Trước tiên, bạn phải kiểm tra các ràng buộc chính xác của giám sát của bạn.

Nếu giám sát của bạn được giải quyết chính xác, bạn có thể cố gắng "giải thích" cho đối tượng của mình vị trí chính xác trong chế độ xem bằng cách đặt ràng buộc "theo chiều ngang trong Container" :

Nếu bạn cần ràng buộc độ rộng cố định cho nút, chỉ cần đặt mức độ ưu tiên ràng buộc độ rộng thành 700.

Tôi có cùng một vấn đề, nhưng khi tôi thay đổi >=nó sẽ tự động đặt hằng số thành 0, nếu tôi chọn 60, ví dụ, cảnh báo sẽ xuất hiện lại. Vì vậy, tôi đã ở trong một vòng lặp với vấn đề.

Tôi có thể sửa chữa nhúng của tôi Labeltrong mộtView

Editor > Embed In > View

Trong Labeltôi set Top, Bottom, Leadingvà Trailingvớiconstant = 0

Trong Viewtôi thiết lập những constraintsgì tôi đã mong đợi trước đây.

Tôi gặp vấn đề tương tự khi chuyển sang Xcode 9 và thấy một cách tiếp cận hữu ích cho một số loại bố cục nhất định. Trong trường hợp của tôi, tôi muốn một tiêu đề bảng trong đó hai cột (UILabels) có chiều rộng cố định và một cột khác có chiều rộng thay đổi. Bất kể tôi đã chỉ định độ rộng cột như thế nào (bao gồm sử dụng các ràng buộc lớn hơn hoặc bằng thay vì bằng nhau, v.v.), tôi tiếp tục nhận được cảnh báo về việc cắt có thể. Trong trường hợp của tôi, tôi muốn cột chiều rộng thay đổi (UILabel) để cắt nếu cần thiết. Tôi có thể bỏ qua cảnh báo, nhưng không thích làm điều đó.

Cách tiếp cận hiệu quả ở đây là tạo ra một UIView với các ràng buộc kích thước phù hợp và nhúng UILabel làm một khung nhìn phụ trong UIView. Sau đó cắt ngắn xảy ra nếu cần thiết và tôi không nhận được cảnh báo. Điều này hoạt động cho dù UIView / UILabel nhúng có trong StackView hay không.

Đây thực chất là cách tiếp cận tương tự như của Haroldo Gondim nhưng ở đây bạn có thể thấy nó cũng hoạt động với hoặc không có StackView.

Hình ảnh sau đây cho thấy cách tiếp cận, có và không có StackView. "SpacerName" là UIView có chiều rộng thay đổi có chứa nhãn và "SpacerPD" là một chiều rộng cố định là 80. [Màu sắc không đáng kể; chỉ ở đó để hiển thị các quan điểm ở đâu.]

Như bạn có thể thấy trong hình bên dưới, tôi đã gặp lỗi "Đã sửa lỗi ràng buộc độ rộng có thể gây ra cắt" vì mặc dù tôi đã đặt hộp văn bản của mình ở giữa và nhãn của tôi có ràng buộc lề trái, tôi đã không xác định ràng buộc đối với hộp văn bản liên quan đến nhãn, vì vậy XCode đã cảnh báo tôi rằng hộp văn bản có thể cắt (được hiển thị ở trên) nhãn.

Sau khi thêm ràng buộc bên trái vào hộp văn bản để luôn giữ khoảng cách ngoài nhãn, lỗi được XCode xem là đã được giải quyết và nó không còn làm phiền tôi với cảnh báo ràng buộc nữa.

Tôi đã gặp một vấn đề tương tự khi thử có nút có cùng miếng đệm từ các cạnh của siêu view.

Tôi đã kết thúc bằng cách sử dụng các horizontal centerràng buộc và equal widthsràng buộc với super view.

Để khắc phục lỗi : Đã sửa các ràng buộc về chiều rộng có thể gây ra cắt xén và địa phương hóa khác Bạn cần chọn chế độ xem / đối tượng, đi đến "Hiển thị thanh tra kích thước", tìm ràng buộc độ rộng và đặt Hằng số thành lớn hơn hoặc bằng:

Để khắc phục lỗi : Thiếu ràng buộc hàng đầu / Trailing có thể gây ra sự chồng chéo với các chế độ xem khác

Điều này có nghĩa là Xcode của chế độ xem / đối tượng đang phàn nàn, thiếu một ràng buộc hàng đầu hoặc lưu trữ đối với chế độ xem lân cận.

Trong khi giữ điều khiển, kéo đến gần bằng cách xem / đối tượng

Thêm một ràng buộc hàng đầu hoặc Trailing