네비게이션 바 rightbaritem 이미지 버튼 버그 iOS 11

이 코드는 ios10에서 정상적으로 작동합니다. 나는 내 레이블과 사용자 사진 프로필 인 이미지 버튼을 얻습니다. 원형 원형 .. ok. 하지만 xcode 9 ios11 시뮬레이터를 실행할 때 나는 그것을 벗어났습니다. 버튼 프레임은 32x32이어야합니다. sim을 확인하고보기를 가져오고 xcode에보기를 설명하도록 지시 할 때 170x32 또는 그와 같은 출력을 얻습니다.

여기 내 코드입니다.

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

    }

이유

iOS 11에서 UIBarButtonItem프레임을 처리하는 대신 자동 레이아웃을 사용 하기 때문에 문제가 나타납니다 .

해결책

Xcode 9를 사용하는 경우이 이미지 버튼에 너비 제한을 추가해야합니다.

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

추신

button아니 UIBarButtonItem, UIButton내부 UIBarButtonItem입니다. 에 대한 제약 조건이 아니라 UIBarButtonItem그 안에있는 요소에 대해 설정해야 합니다.

기여해 주셔서 감사합니다! 너희들이 맞다!. xcode9 ios11의 경우 제약 조건을 입력해야합니다.

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

Objective C 코드는 이제 더 이상 사용되지 않습니다. 그러나 iOS 11에서 Objective C 프로젝트를 빌드 / 유지해야하는 사용자에게는 Swift (Karoly Nyisztor answer)에서 Objective C 로의 번역이 도움이됩니다.

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

글쎄, 새로운 barButtonItem것은 프레임을 처리하는 대신 자동 레이아웃을 사용합니다.

버튼에 추가 한 이미지가 버튼 크기 자체보다 큽니다. 이것이 버튼 자체가 이미지 크기로 늘어난 이유입니다. 버튼에 추가하기 전에 필요한 버튼의 크기와 일치하도록 이미지 크기를 조정해야합니다.

navbar 항목에 대한 제약 조건을 설정하기 위해 작은 확장을 작성했습니다.

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

다음 줄을 사용하여 객관적으로 수행했습니다.

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;

감사합니다 해피 코딩 !!

제가 한?

내 앱에서 rightBarButton 항목의 navigationBar에 프로필 이미지를 추가했습니다. iOS 11 이전에는 잘 작동하고 제대로 표시되었지만 iOS 11로 업데이트하면 타격과 같은 동작이 변경됩니다.

그래서 UIView오른쪽 버튼 항목을 추가 하고 ?의 UIButton하위보기로 설정했습니다 UIView. 아래와 같이

그리고 높이와 너비 제약을 설정했습니다 UIButton.

그리고 내 문제가 해결되었습니다. UIView의 배경색을 선명한 색상 으로 설정하는 것을 잊지 마십시오 .

참고 : 버튼이 작동하지 않으면 여기에서 UIView's높이가 0인지 확인하십시오. 높이를 0 에서 44 또는 원하는대로 변경해야합니다 . 또한 clipToBound = true, 이제 버튼의 위치를 ​​설정할 수 있으며 잘 작동합니다.

widthAnchor/ 변경은 heightAnchoriOS 11 이상 기기에서만 작동합니다. iOS 10 장치의 경우 프레임을 수동으로 변경하는 고전적인 방법을 사용해야합니다. 문제는 두 가지 접근 방식 중 어느 것도 두 버전 모두에서 작동하지 않으므로 아래와 같이 런타임 버전에 따라 프로그래밍 방식으로 대체해야합니다.

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
}

iOS 11은 내비게이션 바에 Autolayout을 사용하지만 전통적으로 프레임을 설정하여 작동하도록 할 수 있습니다. 다음은 ios11 및 ios10 또는 이전 버전에서 작동하는 코드입니다.

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

막대 항목이 구성되는 방법은 다음과 같습니다.

    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

제약 조건을 프로그래밍 방식으로 적용하면 iOS 11.X를 실행하는 사용자에게 효과적이었습니다. 그러나 막대 버튼은 iOS 10.X를 실행하는 사용자를 위해 여전히 늘어났습니다. AppStore 리뷰어가 iOS 11.X를 실행하고 있었기 때문에 내 문제를 식별 할 수 없어서 내 앱이 판매 준비 및 업로드되었습니다 ..

내 솔루션은 다른 소프트웨어에서 내 이미지의 크기를 30x30으로 변경하는 것입니다 (이전 이미지 크기는 120x120).

또한 intrinsicContentSizecustomView로 사용하려는 사용자 지정 UIView 하위 클래스에 대해 적절한 크기를 반환하도록 구현 하여 성공했습니다 .

막대 단추 항목을 만든 다음 탐색 모음에 추가했습니다.

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

viewDidLoad ()에서

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

여기에 28x28의 이미지가 있습니다.