Le changement de position de UIBarButtonItem dans UINavigationBar

Ce code crée un bouton de retour pour UINavigationBar avec le fond de l'image et de la position personnalisée. L'astuce est de créer un intermédiaire d'afficher et de modifier ses limites.

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;

Pour ceux d'entre-vous développer pour iOS 5 qui a trébuché à travers ce et ont été découragés... Essayez quelque chose comme ceci:

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

D'essayer le code ci-dessous,

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

Il est utilisé pour changer le " y " de la position dans le présent code. Changer la valeur 'y' (ici, il est -20.0 f) en fonction de votre exigence. Si la valeur est positive, il va vers le bas la position du bouton. Si la valeur est négative, elle sera votre position de bouton.

Si vous êtes tout simplement à l'aide d'une image et non PAS la valeur par défaut de chrome, vous pouvez utiliser l'image négative des encarts (définie dans la taille de l'inspecteur) pour déplacer votre image autour de à l'intérieur de la UIBarButtonItem (très pratique car, par défaut, le remplissage horizontal peut entraîner l'image étant plus à l'intérieur que vous voulez). Vous pouvez utiliser l'image encarts de la position de l'image à l'extérieur des limites de la UIBarButtonItem, en tant que bien, et l'ensemble du voisinage de la partie gauche du bouton est tappable, de sorte que vous n'avez pas à vous soucier de s'assurer qu'il est positionné à proximité d'un robinet cible. (au moins, au sein de la raison.)

• Swift 3
• barre de navigation personnalisée hauteur
• aucun titre de sauter

Étape 1:
Titre du jeu en position à l'aide de l'Apparence de l'API. Par exemple, dans AppDelegate de didFinishLaunchingWithOptions

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

Étape 2:
Sous-Classe 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)
            }
        }
    }
}

Swift 3.1

let cancelBarButtonItem = UIBarButtonItem()
cancelBarButtonItem.setBackgroundVerticalPositionAdjustment(4, for: .default)
vc.navigationItem.setLeftBarButton(cancelBarButtonItem, animated: true)

Dans mon cas

1. changement barbuttonItem du cadre de personnaliser les espaces

2. Ajouter, Supprimer barButtonItems de façon dynamique.

3. changement de teinte des couleurs par tableview de contentOffset.y

comme ceci

Si votre objectif minimum est de iOS 11, vous pouvez modifier la barButton images dans le 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)
    }
}

Mais, c'est Seulement travaillé sur iOS 11.

J'ai aussi essayé d'utiliser le fixedSpace. Mais Il n'a pas de travail dans plusieurs navigationBarButton éléments.

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

Ainsi, j'ai changé customView de la largeur de régler l'espace horizontal.

C'est l'un de mes barButtonItem classe

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

C'est le résultat.

J'ai testé sur iOS 9 ~ 11, (Swift 4)

Vous pouvez toujours faire des ajustements à l'aide des Encarts sur le bouton. Par exemple,

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

Cela fonctionne pour moi.

J'ai trouvé la solution de ce problème en faisant de l'ajustement de l'bords de l'Image, les Encarts du bouton personnalisé. J'ai eu l'exigence dans l'application pour augmenter la hauteur de la barre de navigation et après l'augmentation de la hauteur rend le rightBarButtonItem et leftBarButtonItem images unpositioned problème.

Trouver le code ci-dessous:-

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;

Espère que cela aide quelqu'un.

Barre de Navigation à l'aide de changement à gauche de la barre de position et des bords de l'image encarts

swift 4

let leftBarButtonItem = UIBarButtonItem.init(image: UIImage(named:"ic_nav-bar_back.png"), landscapeImagePhone: nil, style: .plain, target: viewController, action: #selector(viewController.buttonClick(_:)))
            leftBarButtonItem.imageInsets = UIEdgeInsets(top: 0, left: -15, bottom: 0, right: 0)
            leftBarButtonItem.tintColor = UIColor(hex: 0xED6E19)
            viewController.navigationItem.setLeftBarButton(leftBarButtonItem, animated: true)