gezinme çubuğu sağ çubuk öğesi resim düğmesi hatası iOS 11

Bu kod ios10'da sorunsuz çalışır. etiketimi ve kullanıcı fotoğraf profili olan bir resim düğmesini alıyorum, dairesel yuvarlak .. tamam. ancak xcode 9 ios11 simülatörünü çalıştırdığımda onu gerdiriyorum. sim'i kontrol ederken ve görünümü alırken ve çıktı aldığım görünümü 170x32 veya bunun gibi bir şey olarak tanımlamak için xcode söylerken düğme çerçevesi 32x32 olmalıdır.

benim kodum bu.

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

    }

Nedeni

Sorun, ios 11'den UIBarButtonItemçerçevelerle uğraşmak yerine otomatik düzen kullanması nedeniyle ortaya çıkıyor .

Çözüm

Xcode 9 kullanıyorsanız, bu resim düğmesi için genişlik sınırlaması eklemelisiniz.

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

PS

buttondeğil UIBarButtonItem, UIButtoniçeride UIBarButtonItem. Kısıtlama için değil UIBarButtonItem, içindeki öğeler için ayarlamalısınız .

Katkıda bulunduğunuz için teşekkürler! haklısınız !. xcode9 ios11 için bir kısıtlama koymanız gerekir.

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

Hedef C kodu artık kullanılmıyor. Ancak, iOS 11'de Objective C projeleri oluşturması / sürdürmesi gereken kullanıcılar için Swift'den (Karoly Nyisztor cevabı) Objective C'ye aşağıdaki çeviriyi faydalı buluyor.

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

Yeni barButtonItem, çerçevelerle uğraşmak yerine otomatik düzen kullanıyor.

Düğmeye eklediğiniz görüntü, düğme boyutunun kendisinden daha büyük. Bu nedenle düğmenin kendisi görüntünün boyutuna kadar uzatıldı. Düğmeye eklemeden önce gerekli düğme boyutuna uyması için resmi yeniden boyutlandırmanız gerekir.

Navbar öğelerindeki kısıtlamaları ayarlamak için küçük bir uzantı yazdım:

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

Bunu aşağıdaki satırları kullanarak objektif olarak yaptım:

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;

Teşekkürler Mutlu kodlama !!

Ben ne yaptım?

Uygulamamda, navigationBar'a rightBarButton öğesine profil resmi ekledim. iOS 11'den önce iyi çalışıyordu ve düzgün görüntüleniyordu ancak iOS 11'e güncellendiğinde darbe gibi davranışları değiştirin

Bu yüzden UIViewsağ düğme öğesini UIButtonekledim ve UIView? Aşağıdaki gibi

Ve yükseklik ve genişlik kısıtlamalarını ayarlıyorum UIButton.

Ve benim sorunum çözüldü. UIViewArka plan rengini net renk olarak ayarlamayı unutmayın .

NOT: Düğmeniz sonra işe kontrol etmeyeceği Eğer UIView'syükseklik onun olabileceğini 0 burada değişmelidir yükseklik 0 -e doğru 44 ya da ne istiyorum. Ve ayrıca yapın clipToBound = true, Artık düğmenizin konumunu ayarlayabilirsiniz ve bu iyi çalışacaktır.

widthAnchor/ heightAnchorÖğesinin değiştirilmesi yalnızca iOS 11+ cihazlarda çalışır. İOS 10 cihazları için, çerçeveleri manuel olarak değiştirmenin klasik yoluna gitmeniz gerekir. Mesele şu ki, iki yaklaşımdan hiçbiri her iki sürüm için de işe yaramıyor, bu nedenle, aşağıdaki gibi çalışma zamanı sürümüne bağlı olarak kesinlikle programlı olarak geçiş yapmanız gerekir:

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
}

İOS 11, gezinme çubuğu için Otomatik Düzen'i kullansa da, geleneksel olarak çerçeve ayarlayarak çalışmasını sağlamak mümkündür. Kodum ios11 ve ios10 veya daha eski sürümler için çalışıyor:

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

ve çubuk öğesi şu şekilde oluşturulur:

    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

İOS 11.X çalıştıran kullanıcılar için programlı olarak kısıtlamalar koymak benim için çalıştı. Ancak, iOS 10.X çalıştıran kullanıcılar için çubuk düğmesi hala uzatılmıştı. Sanırım AppStore yorumcuları iOS 11.X kullanıyordu, bu yüzden sorunumu belirleyemedi, bu yüzden uygulamam satışa hazırlandı ve yüklendi ..

Çözümüm, başka bir yazılımda görüntümün boyutlarını 30x30 olarak değiştirmekti (önceki görüntü boyutu 120x120 idi).

Ayrıca, intrinsicContentSizecustomView olarak kullanmayı düşündüğüm herhangi bir özel UIView alt sınıfı için uygun bir boyut döndürmek için uygulayarak da başarılı oldum .

Bir çubuk düğmesi öğesi oluşturdum ve ardından onu gezinme çubuğuna ekledim.

    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]

Burada 28x28 görüntüsüne sahibim.