lỗi nút hình ảnh trên thanh điều hướng bên phải iOS 11

Mã này hoạt động tốt trong ios10. Tôi nhận được nhãn của mình và một nút hình ảnh là hồ sơ ảnh người dùng, hình tròn .. ok. nhưng khi chạy trình mô phỏng xcode 9 ios11, tôi thấy nó bị kéo dài ra. khung nút phải là 32x32, khi kiểm tra trên sim và nhận được chế độ xem và nói với xcode để mô tả chế độ xem, tôi nhận được đầu ra là 170x32 hoặc một số tương tự.

heres mã của tôi.

let labelbutton = UIButton( type: .system)
    labelbutton.addTarget(self, action:#selector(self.toLogin(_:)), for: .touchUpInside)
    labelbutton.setTitleColor(UIColor.white, for: .normal)
    labelbutton.contentHorizontalAlignment = .right
    labelbutton.titleLabel?.font = UIFont.systemFont(ofSize: 18.00)



    let button = UIButton(type: .custom)
     button.addTarget(self, action:#selector(self.toLogin(_:)), for: .touchUpInside)
     button.frame = CGRect(x: 0, y: 0, width: 32, height: 32)
     button.setTitleColor(UIColor.white, for: .normal)
     button.setTitleColor(UIColor.white, for: .highlighted)


    var buttomItem : UIBarButtonItem = UIBarButtonItem()
    buttomItem.customView = button
    buttomItem.target = self
    buttomItem.action = "ToLogin"

    var labelItem : UIBarButtonItem = UIBarButtonItem()
    labelItem.customView = labelbutton
    labelItem.target = self
    labelItem.action = "ToLogin"


    if let user = PFUser.current() {
        print("LOGIN : checkiando si existe usuario ")
            labelbutton.setTitle(USERNAME, for: UIControlState.normal)
            labelbutton.sizeToFit()

        if(user["profile_photo_url"] != nil) {
            print(" ENCONTRO PROFILE PHOTO URL NOT NIL Y ES \(user["profile_photo_url"])")
            let photoURL = user["profile_photo_url"] as! String
            let a = LoginService.sharedInstance
            a.downloadImage(url: photoURL, complete: { (complete) in

                if (complete) {

                    button.setImage(LoginService.sharedInstance.profile_photo! , for: UIControlState.normal)

                    button.layer.cornerRadius = 0.5 * button.bounds.size.width
                   // button.imageView!.contentMode = .scaleAspectFit
                   // button.imageView!.frame = CGRect(x: 0, y: 0, width: 40, height: 40)
                    //button.imageView!.contentMode = .scaleAspectFit
                    //button.imageView!.clipsToBounds = true
                    //button.imageView!.layer.cornerRadius = 60
                    button.clipsToBounds = true
                    self.NavigationItem.rightBarButtonItems = [buttomItem,labelItem]
                }


            })
        } else {
                self.NavigationItem.rightBarButtonItem = labelItem

        }
            print(" EL FRAME DEL BUTTON ES \(button.frame)")

    } else {

        labelbutton.setTitle("Login", for: UIControlState.normal)
        labelbutton.sizeToFit()
        self.NavigationItem.rightBarButtonItem = labelItem

    }

Lý do

Sự cố xuất hiện do từ ios 11 UIBarButtonItemsử dụng tính năng tự động thanh toán thay vì xử lý các khung hình.

Giải pháp

Bạn nên thêm ràng buộc chiều rộng cho nút hình ảnh này nếu bạn sử dụng Xcode 9.

 button.widthAnchor.constraint(equalToConstant: 32.0).isActive = true
 button.heightAnchor.constraint(equalToConstant: 32.0).isActive = true

PS

buttonkhông UIBarButtonItem, nó UIButtonở bên trong UIBarButtonItem. Bạn nên đặt ràng buộc không phải cho UIBarButtonItem, mà cho các phần tử bên trong nó.

Cảm ơn tất cả vì đã đóng góp! các bạn nói đúng !. đối với xcode9 ios11, bạn cần đặt một hạn chế.

 let widthConstraint = button.widthAnchor.constraint(equalToConstant: 32)
 let heightConstraint = button.heightAnchor.constraint(equalToConstant: 32)
 heightConstraint.isActive = true
 widthConstraint.isActive = true

Mã Objective C hiện đã lỗi thời. Nhưng đối với người dùng phải xây dựng / duy trì các dự án Objective C trong iOS 11, bản dịch sau đây từ Swift (câu trả lời của Karoly Nyisztor) sang Objective C rất hữu ích.

//  UIView+Navbar.h

#import <UIKit/UIKit.h>

@interface UIView (Navbar)

- (void)applyNavBarConstraints:(CGFloat)width height:(CGFloat)height;

@end

//----------

//  UIView+Navbar.m

#import "UIView+Navbar.h"

@implementation UIView (Navbar)

- (void)applyNavBarConstraints:(CGFloat)width height:(CGFloat)height
{
    if (width == 0 || height == 0) {
        return;
    }

    NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:self attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1 constant:height];
    NSLayoutConstraint *widthConstraint = [NSLayoutConstraint constraintWithItem:self attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1 constant:width];
    [heightConstraint setActive:TRUE];
    [widthConstraint setActive:TRUE];
}

//----------

// Usage :-
[button applyNavBarConstraints:33 height:33];

Vâng, The mới barButtonItemsử dụng tự động thanh toán thay vì xử lý các khung.

Hình ảnh bạn đã thêm vào nút lớn hơn kích thước của chính nút đó. Đó là lý do tại sao bản thân nút đã được kéo dài đến kích thước của hình ảnh. Bạn phải thay đổi kích thước hình ảnh để phù hợp với kích thước của nút cần thiết, trước khi thêm nó vào nút.

Tôi đã viết một tiện ích mở rộng nhỏ để thiết lập các ràng buộc trên các mục trên thanh điều hướng:

import UIKit

extension UIView {
    func applyNavBarConstraints(size: (width: CGFloat, height: CGFloat)) {
    let widthConstraint = self.widthAnchor.constraint(equalToConstant: size.width)
    let heightConstraint = self.heightAnchor.constraint(equalToConstant: size.height)
    heightConstraint.isActive = true
    widthConstraint.isActive = true
  }
}

// Usage
button.applyNavBarConstraints(size: (width: 33, height: 33))

Tôi đã thực hiện điều này một cách khách quan bằng cách sử dụng các dòng sau:

NSLayoutConstraint * widthConstraint = [customButton.widthAnchor constraintEqualToConstant:40];
NSLayoutConstraint * HeightConstraint =[customButton.heightAnchor constraintEqualToConstant:40];
[widthConstraint setActive:YES];
[HeightConstraint setActive:YES];

UIBarButtonItem* customBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:customButton];
self.navigationItem.leftBarButtonItem = customBarButtonItem;

Cảm ơn Chúc bạn viết mã vui vẻ !!

Tôi đã làm gì?

Trong ứng dụng của mình, tôi đã thêm hình ảnh hồ sơ trên navigationBar tại mục rightBarButton. trước iOS 11 nó hoạt động tốt và hiển thị bình thường nhưng khi cập nhật lên iOS 11 thì thay đổi hành vi như thổi

Vì vậy, tôi đã thêm UIViewvào mục nút bên phải và đặt UIButtonlàm chế độ xem phụ của UIView? Như bên dưới,

Và tôi đặt các giới hạn chiều cao và chiều rộng của UIButton.

Và vấn đề của tôi đã được giải quyết. Đừng quên đặt UIViewmàu nền của là màu rõ ràng .

LƯU Ý: Nếu nút của bạn không hoạt động thì hãy kiểm tra UIView'schiều cao của bạn có thể là 0 ở đây, bạn nên thay đổi chiều cao 0 thành 44 hoặc bất cứ điều gì bạn muốn. Và cũng làm được clipToBound = true, Bây giờ bạn có thể đặt vị trí nút của mình và Nó sẽ hoạt động tốt.

Thay đổi widthAnchor/ heightAnchorsẽ chỉ hoạt động trên thiết bị iOS 11+. Đối với thiết bị iOS 10, bạn cần thực hiện theo cách cổ điển là thay đổi khung hình theo cách thủ công. Vấn đề là không có cách nào trong hai cách tiếp cận hoạt động cho cả hai phiên bản, vì vậy bạn hoàn toàn cần phải lập trình thay thế tùy thuộc vào phiên bản thời gian chạy, như dưới đây:

if #available(iOS 11.0, *)
{
   button.widthAnchor.constraint(equalToConstant: 32.0).isActive = true
   button.heightAnchor.constraint(equalToConstant: 32.0).isActive = true
}else
{
   var frame = button.frame
   frame.size.width = 32.0
   frame.size.height = 32.0
   button.frame = frame
}

Mặc dù iOS 11 sử dụng Autolayout cho thanh điều hướng, nhưng vẫn có thể làm cho nó hoạt động theo cách thiết lập khung theo cách truyền thống. Đây là mã của tôi hoạt động cho ios11 và ios10 trở lên:

func barItemWithView(view: UIView, rect: CGRect) -> UIBarButtonItem {
    let container = UIView(frame: rect)
    container.addSubview(view)
    view.frame = rect
    return UIBarButtonItem(customView: container)
}

và đây là cách cấu tạo mục thanh:

    let btn = UIButton()
    btn.setImage(image.withRenderingMode(.alwaysTemplate), for: .normal)
    btn.tintColor = tint
    btn.imageView?.contentMode = .scaleAspectFit
    let barItem = barItemWithView(view: btn, rect: CGRect(x: 0, y: 0, width: 22, height: 22))
    return barItem

Đặt các ràng buộc theo lập trình phù hợp với tôi đối với người dùng chạy iOS 11.X. Tuy nhiên, nút thanh vẫn bị kéo dài đối với người dùng chạy iOS 10.X. Tôi đoán những người đánh giá AppStore đang chạy iOS 11.X do đó không thể xác định được vấn đề của tôi nên ứng dụng của tôi đã sẵn sàng để bán và tải lên ..

Giải pháp của tôi là chỉ cần thay đổi kích thước hình ảnh của tôi thành 30x30 trong một phần mềm khác (kích thước hình ảnh trước đó là 120x120).

Tôi cũng đã thành công khi triển khai intrinsicContentSizeđể trả về kích thước thích hợp cho bất kỳ lớp con UIView tùy chỉnh nào mà tôi định sử dụng làm customView.

Tôi đã tạo một mục nút thanh và sau đó thêm nó vào thanh điều hướng.

    private var addItem: UIBarButtonItem = {
        let addImage = UIImage(named: "add")
        let addButton = UIButton(type: UIButton.ButtonType.custom)
        addButton.setBackgroundImage(addImage, for: UIControl.State())
        addButton.frame = CGRect(x: 0, y: 0, width: (addImage?.size.width)!, height: (addImage?.size.height)!)
        let addItem = UIBarButtonItem(customView: addButton)
        return addItem
    }()

 private var contactsItem: UIBarButtonItem = {
        let contactsImage = UIImage(named: "contacts")
        let contactsButton = UIButton(type: UIButton.ButtonType.custom)
        contactsButton.setBackgroundImage(contactsImage, for: UIControl.State())
        contactsButton.frame = CGRect(x: 0, y: 0, width: (contactsImage?.size.width)!, height: (contactsImage?.size.height)!)
        let contactsItem = UIBarButtonItem(customView: contactsButton)
        return contactsItem
    }()

Trong viewDidLoad ()

let spacerBarButtonItem = UIBarButtonItem(barButtonSystemItem: UIBarButtonItem.SystemItem.fixedSpace, target: nil, action: nil)
        spacerBarButtonItem.width = 11
        navigationItem.rightBarButtonItems = [addItem, spacerBarButtonItem, contactsItem]

Ở đây tôi có hình ảnh 28x28.