bilah navigasi kutu gambar-tombol bilah kanan iOS 11

Kode ini berfungsi dengan baik di ios10. saya mendapatkan label saya dan tombol gambar yang merupakan profil foto pengguna, lingkaran melingkar .. ok. tetapi ketika menjalankan simulator xcode 9 ios11 saya mendapatkannya keluar. bingkai tombol harus 32x32, ketika memeriksa sim dan mendapatkan tampilan dan memberitahu xcode untuk menggambarkan tampilan saya mendapatkan keluaran sebagai 170x32 atau sesuatu seperti itu.

inilah kode saya.

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

    }

Alasan

Masalahnya muncul karena dari ios 11 UIBarButtonItemmenggunakan autolayout alih-alih berurusan dengan bingkai.

Larutan

Anda harus menambahkan batasan lebar untuk tombol gambar ini jika Anda menggunakan Xcode 9.

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

PS

buttontidak UIBarButtonItem, itu ada UIButtondi dalam UIBarButtonItem. Anda harus menyetel batasan bukan untuk UIBarButtonItem, tetapi untuk elemen di dalamnya.

Terima kasih semua telah berkontribusi! kalian benar !. untuk xcode9 ios11 Anda perlu memberi batasan.

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

Kode Objective C sudah usang sekarang. Tetapi bagi pengguna yang harus membangun / memelihara proyek Objective C di iOS 11 telah mengikuti terjemahan dari Swift (jawaban Karoly Nyisztor) ke Objective C membantu.

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

Nah, yang baru barButtonItemmenggunakan autolayout alih-alih berurusan dengan bingkai.

Gambar yang Anda tambahkan ke tombol lebih besar dari ukuran tombol itu sendiri. Itulah mengapa tombol itu sendiri diperpanjang ke ukuran gambar. Anda harus mengubah ukuran gambar agar sesuai dengan ukuran tombol yang dibutuhkan, sebelum menambahkannya ke tombol.

Saya menulis ekstensi kecil untuk mengatur batasan pada item 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))

Saya melakukan ini secara objektif menggunakan baris berikut:

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;

Terima kasih Selamat coding !!

Apa yang saya lakukan?

Di aplikasi saya, saya menambahkan gambar profil di navigationBar di item rightBarButton. sebelum iOS 11 itu berfungsi dengan baik dan ditampilkan dengan benar tetapi ketika diperbarui ke iOS 11 kemudian mengubah perilaku seperti pukulan

Jadi saya menambahkan UIViewitem tombol kanan dan menetapkan UIButtonsebagai subview dari UIView? Seperti di bawah ini,

Dan saya menetapkan batasan tinggi dan lebar UIButton.

Dan masalah saya terpecahkan. Jangan lupa untuk mengatur UIViewwarna background menjadi warna yang jelas .

CATATAN: Jika tombol Anda tidak berfungsi maka periksa UIView'stinggi badan Anda mungkin 0 di sini Anda harus mengubah tinggi 0 menjadi 44 atau apa pun yang Anda inginkan. Dan juga lakukan clipToBound = true, Sekarang Anda dapat mengatur posisi tombol Anda dan itu akan bekerja dengan baik.

Mengubah widthAnchor/ heightAnchorhanya akan berfungsi di perangkat iOS 11+. Untuk perangkat iOS 10 Anda harus menggunakan cara klasik untuk mengubah frame secara manual. Masalahnya adalah tidak ada dari dua pendekatan yang berfungsi untuk kedua versi, jadi Anda benar-benar perlu bergantian secara terprogram bergantung pada versi runtime, seperti di bawah ini:

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
}

Meskipun iOS 11 menggunakan Autolayout untuk bilah navigasi, dimungkinkan untuk membuatnya berfungsi secara tradisional dengan mengatur bingkai. Ini kode saya yang berfungsi untuk ios11 dan ios10 atau lebih lama:

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

dan berikut adalah bagaimana item bar disusun:

    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

Menempatkan batasan secara terprogram bekerja untuk saya untuk pengguna yang menjalankan iOS 11.X. Namun, tombol bar masih meregang untuk pengguna yang menjalankan iOS 10.X. Saya kira pengulas AppStore menjalankan iOS 11.X sehingga tidak dapat mengidentifikasi masalah saya sehingga aplikasi saya siap untuk dijual dan diunggah ..

Solusi saya adalah mengubah dimensi gambar saya menjadi 30x30 di perangkat lunak lain (dimensi gambar sebelumnya 120x120).

Saya juga berhasil menerapkan intrinsicContentSizeuntuk mengembalikan ukuran yang sesuai untuk setiap subkelas UIView khusus yang ingin saya gunakan sebagai customView.

Saya telah membuat item tombol bar dan kemudian menambahkannya ke bar navigasi.

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

Dalam viewDidLoad ()

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

Di sini saya memiliki gambar 28x28.