barra de navegação rightbaritem imagem-botão bug iOS 11

Este código funciona bem no ios10. recebo minha etiqueta e um botão de imagem que é o perfil da foto do usuário, redondo .. ok. mas ao executar o simulador ios11 do xcode 9, consigo esticá-lo. o quadro do botão deve ser 32x32, ao verificar o sim e obter a visualização e dizer ao xcode para descrever a visualização, recebo a saída como 170x32 ou algo assim.

aqui está meu código.

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

    }

Razão

O problema aparece porque o ios 11 UIBarButtonItemusa autolayout em vez de lidar com frames.

Solução

Você deve adicionar uma restrição de largura para este botão de imagem se usar o Xcode 9.

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

PS

buttonnão está UIBarButtonItem, está UIButtondentro UIBarButtonItem. Você deve definir a restrição não para UIBarButtonItem, mas para os elementos dentro dela.

Obrigado a todos por contribuir! vocês estão certos !. para xcode9 ios11 você precisa colocar uma restrição.

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

O código Objective C está obsoleto agora. Mas para o usuário que precisa construir / manter projetos Objective C no iOS 11, a tradução a seguir de Swift (resposta de Karoly Nyisztor) para Objective C é útil.

//  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];

Bem, o novo barButtonItemusa autolayout em vez de lidar com frames.

A imagem que você estava adicionando ao botão é maior do que o tamanho do botão em si. É por isso que o próprio botão foi esticado para o tamanho da imagem. Você deve redimensionar a imagem para corresponder ao tamanho do botão necessário, antes de adicioná-la ao botão.

Eu escrevi uma pequena extensão para definir as restrições nos itens da barra de navegação:

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))

Eu fiz isso objetivamente usando as seguintes linhas:

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;

Obrigado, feliz codificação !!

O que eu fiz?

No meu aplicativo, adicionei a imagem do perfil na NavigationBar no item rightBarButton. antes do iOS 11, ele funcionava bem e era exibido corretamente, mas quando atualizado para o iOS 11, mudava o comportamento como um golpe

Então adicionei UIViewo item do botão direito e defini UIButtoncomo subvisualização de UIView? Como abaixo,

E eu defini as restrições de altura e largura de UIButton.

E meu problema está resolvido. Não se esqueça de definir UIViewa cor de fundo de como uma cor clara .

NOTA: Se o botão não funcionar, verifique se a UIView'saltura pode ser 0, aqui você deve alterar a altura 0 para 44 ou o que quiser. E também clipToBound = true, agora você pode definir a posição do botão e funcionará bem.

Alterando o widthAnchor/heightAnchor funcionará apenas em dispositivos iOS 11+. Para dispositivos iOS 10, você precisa seguir o caminho clássico de alterar manualmente os quadros. O fato é que nenhuma das duas abordagens funciona para as duas versões, então você absolutamente precisa alternar programaticamente dependendo da versão do tempo de execução, como abaixo:

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
}

Mesmo que o iOS 11 use o Autolayout para a barra de navegação, é possível fazê-lo funcionar tradicionalmente configurando frames. Aqui está meu código funcionando para ios11 e ios10 ou mais antigo:

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

e aqui está como o item da barra é composto:

    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

Colocar restrições de maneira programática funcionou para mim para usuários que executam iOS 11.X. No entanto, o botão da barra ainda estava esticado para usuários que executam iOS 10.X.Acho que os revisores da AppStore estavam executando o iOS 11.X, portanto, não puderam identificar meu problema, então meu aplicativo ficou pronto para venda e foi carregado.

Minha solução foi simplesmente mudar as dimensões da minha imagem para 30x30 em outro software (a dimensão da imagem anterior era 120x120).

Também tive sucesso implementando intrinsicContentSizepara retornar um tamanho apropriado para qualquer subclasse UIView personalizada que pretendo usar como um customView.

Eu criei um item de botão da barra e o adicionei à barra de navegação.

    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
    }()

Em viewDidLoad ()

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

Aqui estou tendo a imagem de 28x28.