Hinzufügen eines logo in der Navigationsleiste, die Links ausgerichtet wird

Ich war ratlos, wie man ein Bild in eine NavigationBar, die Links ausgerichtet wird. Ich verstehe, wie zum ersetzen der Titel in der Mitte.

Grundsätzlich habe ich eine view-controller, eingebettet in eine Navigation-Bar-Controller. In diesem view-controller, ich habe ein Suchformular in der Mitte und eine bar-Taste auf der rechten Seite und ich werde versuchen, um fit in ein logo, ein Bild auf der linken Seite.

Unten ist das, was ich verstehe, ist, wie man ein Bild aber wie bekomme ich es Links ausgerichtet?

    let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 50, height: 50))
imageView.contentMode = .ScaleAspectFit
let image = UIImage(named: "imageName")
imageView.image = image
navigationItem.titleView = imageView
InformationsquelleAutor kelsheikh | 2016-04-15
  1. 13

    Können Sie weisen eine Reihe von Elementen, um die leftBarButtonItems Eigenschaft des navigationBar. Sie sollten ein array hinzuzufügen, weil es in der Regel kein Raum zwischen der linken Seite und das logo, und das sieht nicht toll aus. Hier ist ein Beispiel:

    func setUpUI() {
    let logoImage = UIImage.init(named: "logoImage")
    let logoImageView = UIImageView.init(image: logoImage)
    logoImageView.frame = CGRectMake(-40, 0, 150, 25)
    logoImageView.contentMode = .ScaleAspectFit
    let imageItem = UIBarButtonItem.init(customView: logoImageView)
    let negativeSpacer = UIBarButtonItem.init(barButtonSystemItem: .FixedSpace, target: nil, action: nil)
    negativeSpacer.width = -25
    navigationItem.leftBarButtonItems = [negativeSpacer, imageItem]
}

    Den negativen spacer auf der linken Seite wird es schieben Sie es über ein bisschen, und Sie können es anpassen von dort.

    • Das ist genial. Funktionierte perfekt. Die negativen spacer war eine tolle Idee. Danke!!!
    InformationsquelleAutor dokun1
  2. 12

    Für iOS-11 müssen wir hinzufügen, Einschränkungen für die Bild-Ansicht der BarButtomItem

     func addLeftBarIcon(named:String) {

    let logoImage = UIImage.init(named: named)
    let logoImageView = UIImageView.init(image: logoImage)
    logoImageView.frame = CGRect(x:0.0,y:0.0, width:60,height:25.0)
    logoImageView.contentMode = .scaleAspectFit
    let imageItem = UIBarButtonItem.init(customView: logoImageView)
    let widthConstraint = logoImageView.widthAnchor.constraint(equalToConstant: 60)
    let heightConstraint = logoImageView.heightAnchor.constraint(equalToConstant: 25)
     heightConstraint.isActive = true
     widthConstraint.isActive = true
     navigationItem.leftBarButtonItem =  imageItem
}

    Alle die besten

    • Dieses funktioniert sowohl für iOS 10 und 11. Danke!
    InformationsquelleAutor Warrior
  3. 0

    Erstellen Sie eine BarButton Artikel mit Bild.

    Weisen Sie es als Linke Leiste mit Schalter-Element zur Navigationsleiste wie folgt.

    Objective C

    UIBarButtonItem *logo = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:"imageName"] style:UIBarButtonItemStylePlain target:self action:@selector(methodName)];

self.navigationItem.leftBarButtonItem = logo;

    SWIFT 

    let logo = UIBarButtonItem(image: UIImage (named: "imageName"), style: UIBarButtonItemStyle.plain, target: self, action: methodName)

self.navigationItem.leftBarButtonItem = logo

    Hoffe es hilft..

    • In der Objective-C-Beispiel, sollte nicht der Stil sein, UIBarButtonItemStylePlain...?
    • Ja @JoshB Aktualisiert, obige Antwort.
    InformationsquelleAutor Balaji Ramakrishnan
Schreibe einen Kommentar