Ändern Sie die Position von UIBarButtonItem in UINavigationBar

Dieser code erstellt eine Schaltfläche "zurück" für die UINavigationBar mit Bild-hintergrund und kundenspezifische position. Der trick ist, erstellen Sie eine Standard-Ansicht und ändern Sie seine Grenzen.

UIButton *backBtn = [UIButton buttonWithType:UIButtonTypeCustom];
UIImage *backBtnImage = [UIImage imageNamed:@"btn-back"];
UIImage *backBtnImagePressed = [UIImage imageNamed:@"btn-back-pressed"];
[backBtn setBackgroundImage:backBtnImage forState:UIControlStateNormal];
[backBtn setBackgroundImage:backBtnImagePressed forState:UIControlStateHighlighted];
[backBtn addTarget:self action:@selector(goBack) forControlEvents:UIControlEventTouchUpInside];
backBtn.frame = CGRectMake(0, 0, 63, 33);
UIView *backButtonView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 63, 33)];
backButtonView.bounds = CGRectOffset(backButtonView.bounds, -14, -7);
[backButtonView addSubview:backBtn];
UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithCustomView:backButtonView];
self.navigationItem.leftBarButtonItem = backButton;

InformationsquelleAutor der Antwort Evgeny Shadchnev

Für diejenigen von Ihnen entwickelt, die für iOS 5, stolperte über diese und entmutigt wurden... Probieren Sie etwas wie dieses:

float my_offset_plus_or_minus = 3.0f;

UIBarButtonItem * item = [[UIBarButtonItem alloc] initWithTitle:@"title" 
                                                          style:UIBarButtonItemStyleDone
                                                          target:someObject action:@selector(someMessage)];

[item setBackgroundVerticalPositionAdjustment:my_offset_plus_or_minus forBarMetrics:UIBarMetricsDefault];

InformationsquelleAutor der Antwort Joe Marx

Versuchen Sie den code unten

UIBarButtonItem *button = [[UIBarButtonItem alloc] initWithTitle:@"Logout" style:UIBarButtonItemStyleDone target:self action:nil];
[button setBackgroundVerticalPositionAdjustment:-20.0f forBarMetrics:UIBarMetricsDefault];
[[self navigationItem] setRightBarButtonItem:button];

Seine ändern, die 'y' position in diesem code. Ändern Sie die " y " - Wert (hier ist es -20.0 f) entsprechend Ihrer Anforderung. Wenn der Wert positiv ist, wird es unten die Schaltfläche position. Wenn der Wert negativ ist, wird Ihre Schaltfläche position.

InformationsquelleAutor der Antwort Augustine P A

Wenn Sie einfach nur mit einem Bild und NICHT auf die Standard-chrome, die Sie verwenden können negative image insets (setzen Sie im size inspector verschieben Sie das Bild um innen die UIBarButtonItem (praktisch, da standardmäßig die horizontale Polsterung führen kann, dass das Bild weiter nach innen, als Sie wollen). Sie können das Bild verwenden, Abstände um das Bild zu positionieren, die außerhalb der Grenzen des UIBarButtonItem, als gut, und die gesamte Umgebung der linken Seite mit der Schaltfläche arbeitsfähiger, so dass Sie nicht haben, um sorgen um die Sicherung seiner Position in der Nähe einer Tippen Sie auf Ziel. (zumindest innerhalb Grund.)

InformationsquelleAutor der Antwort Christopher Swasey

Als @Anomie sagte, wir müssen Unterklasse UINavigationBar, und überschreiben layoutSubviews().

Dieser wird alle Rechte Leiste, button-Elemente, die fest an der rechten Seite der Navigationsleiste (im Gegensatz zum leicht Links eingestellt Standardeinstellung):

class AdjustedNavigationBar: UINavigationBar {

    override func layoutSubviews() {
        super.layoutSubviews()

        if let rightItems = topItem?.rightBarButtonItems where rightItems.count > 1 {
            for i in 0..<rightItems.count {
                let barButtonItem = rightItems[i]
                if let customView = barButtonItem.customView {
                    let frame = customView.frame
                    customView.frame = CGRect(x: UIApplication.sharedApplication().windows.last!.bounds.size.width-CGFloat(i+1)*44, y: frame.origin.y, width: frame.size.width, height: frame.size.height)
                }

            }
        }
    }
}

Der einzige Ort, um die UINavigationBar Eigentum der UINavigationController ist in seiner init(), etwa so:

let controllerVC = UINavigationController(navigationBarClass: AdjustedNavigationBar.self, toolbarClass: nil)
controllerVC.viewControllers = [UIViewController()]

Die zweite Zeile legt die root-view-controller von UINavigationController.
(Da wir nicht über init(rootViewController:)

InformationsquelleAutor der Antwort Zoltán Matók

• Swift 3
• custom navigation bar Höhe
• keine Titel springen

Schritt 1:
Satz-Titel-position mit Darstellung API. Zum Beispiel, in AppDelegate ist didFinishLaunchingWithOptions

UINavigationBar.appearance().setTitleVerticalPositionAdjustment(-7, for: .default)

Schritt 2:
Unterklasse UINavigationBar

class YourNavigationBar: UINavigationBar {

    let YOUR_NAV_BAR_HEIGHT = 60

    override func sizeThatFits(_ size: CGSize) -> CGSize {
        return CGSize(width: UIScreen.main.bounds.width, 
                     height: YOUR_NAV_BAR_HEIGHT)
    }

    override func layoutSubviews() {
        super.layoutSubviews()

        let navigationItem = self.topItem

        for subview in subviews {
            if  subview == navigationItem?.leftBarButtonItem?.customView ||
                subview == navigationItem?.rightBarButtonItem?.customView {
                subview.center = CGPoint(x: subview.center.x, y: YOUR_NAV_BAR_HEIGHT / 2)
            }
        }
    }
}

InformationsquelleAutor der Antwort andriy_fedin

In meinem Fall

1. ändern barbuttonItem Rahmen anpassen Räume

2. Hinzufügen, Entfernen barButtonItems dynamisch.

3. Farbton ändern Farben durch tableview ist contentOffset.y

wie diese

Wenn Ihr Mindestziel ist iOS 11, können Sie den barButton frames in der viewDidLayoutSubviews

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    //Change the navigationBar item frames
    if let customView = wishButton.customView?.superview {
        customView.transform = CGAffineTransform(translationX: 7.0, y: 0)
    }

    if let customView = gourmetCountButton.customView?.superview {
        customView.transform = CGAffineTransform(translationX: 9.0, y: 0)
    }
}

Aber, es funktioniert Nur auf iOS-11.

Ich auch versucht, mit Hilfe der fixedSpace. Aber Es hat nicht funktioniert in mehreren navigationBarButton Elemente.

 let space = UIBarButtonItem(barButtonSystemItem: .fixedSpace, target: nil, action: nil)
    space.width = -10

So, ich änderte customView Breite zu justieren die horizontale Raum.

Dies ist einer der meine barButtonItem Klasse

final class DetailShareBarButtonItem: UIBarButtonItem {

//MARK: - Value
//MARK: Public
***//Change the width to adjust space***
let button = UIButton(frame: CGRect(x: 0, y: 0, width: 32.0, height: 30.0))

override var tintColor: UIColor? {
    didSet {
        button.tintColor = tintColor
    }
}

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    setButton()
}

required override init() {
    super.init()
    setButton()
}


//MARK: - Function
//MARK: Private
private func setButton() {
    //Button
    button.setImage( #imageLiteral(resourceName: "navibarIcShare02White").withRenderingMode(.alwaysTemplate), for: .normal)
    button.tintColor              = .white
    button.imageEdgeInsets        = UIEdgeInsetsMake(0, 1.0, 1.0, 0)
    button.imageView?.contentMode = .scaleAspectFill

    let containerView = UIView(frame: button.bounds)
    containerView.backgroundColor = .clear
    containerView.addSubview(button)
    customView = containerView
}
}

Dies ist das Ergebnis.

Getestet habe ich auf iOS 9 ~ 11, Swift (4)

InformationsquelleAutor der Antwort Den

Können Sie immer tun-Anpassungen mit Hilfe von Einschüben auf den button. Zum Beispiel,

UIButton *toggleBtn =  [UIButton buttonWithType:UIButtonTypeCustom];
[toggleBtn setFrame:CGRectMake(0, 0, 20, 20)];
[toggleBtn addTarget:self action:@selector(toggleView) forControlEvents:UIControlEventTouchUpInside];

[toggleBtn setImageEdgeInsets:((IS_IPAD)? UIEdgeInsetsMake(0,-18, 0, 6) : UIEdgeInsetsMake(0, -3, 0, -3))];

UIBarButtonItem *toggleBtnItem = [[UIBarButtonItem alloc] initWithCustomView: toggleBtn];
self.navigationItem.rightBarButtonItems = [NSArray arrayWithObjects:searchBtnItem, toggleBtnItem, nil];

Es funktioniert für mich.

InformationsquelleAutor der Antwort Joe M

Fand ich die Lösung dieses problem durch Anpassung der Bild-Rand Abstände der custom-Taste. Ich hatte die Anforderung in der app zu erhöhen, die Höhe der navigation bar und nach der Erhöhung der Höhe macht die rightBarButtonItem und leftBarButtonItem Bilder unpositioned problem.

Finden Sie den code unten:-

UIImage *image = [[UIImage imageNamed:@"searchbar.png"];
UIButton* searchbutton = [UIButton buttonWithType:UIButtonTypeCustom];
[searchbutton addTarget:self action:@selector(searchBar:) forControlEvents:UIControlEventTouchUpInside]; 
searchbutton.frame = CGRectMake(0,0,22, 22);
[searchbutton setImage:image forState:UIControlStateNormal];
[searchbutton setImageEdgeInsets:UIEdgeInsetsMake(-50, 0,50, 0)];
//Make BarButton Item
 UIBarButtonItem *navItem = [[UIBarButtonItem alloc] initWithCustomView:searchbutton];
self.navigationItem.rightBarButtonItem = navItem;

Hoffe, dies hilft jemand.

InformationsquelleAutor der Antwort iGW