Alignement des éléments de bouton de la barre d'outils UINavigationBar iOS 11

Il existe un bon article sur ce : http://www.matrixprojects.net/p/uibarbuttonitem-ios11/

À l'aide de ce que nous pouvons au moins pousser rightbarbuttonitems à droite jusqu'à ce qu'il laisse de 8 pixels de la marge de fuite de la UINavigationBar.

Explique vraiment bien.

Après environ deux jours, ici est la plus simple et la plus sûre solution que je pouvais venir. Cette solution ne fonctionne qu'avec affichage personnalisé bouton de la barre d'objets, le code qui est inclus. Il est important de noter que les marges gauche et droite de la barre de navigation n'ont pas changé depuis iOS10 à iOS11 - ils sont encore 16px. Une telle marge importante il est difficile d'avoir une assez grande sur région.

Des boutons de la barre sont maintenant layed dehors avec UIStackView. L'état de la méthode de déplacement de ces boutons plus proche de la marge impliqués à l'aide de négatif fixe espaces laquelle ces de la pile des points de vue ne peuvent pas gérer.

Sous-Classe UINavigationBar

FWNavigationBar.h

@interface FWNavigationBar : UINavigationBar

@end

FWNavigationBar.m

#import "FWNavigationBar.h"

@implementation FWNavigationBar

- (void)layoutSubviews {
    [super layoutSubviews];

    if (@available(iOS 11, *)) {
        self.layoutMargins = UIEdgeInsetsZero;

        for (UIView *subview in self.subviews) {
            if ([NSStringFromClass([subview class]) containsString:@"ContentView"]) {
                subview.layoutMargins = UIEdgeInsetsZero;
            }
        }
    }
}

@end

À l'aide de la UINavigationController

#import "FWNavigationBar.h"

UINavigationController *controller = [UINavigationController initWithNavigationBarClass:[FWNavigationBar class] toolbarClass:nil];
[controller setViewControllers:@[rootViewController] animated:NO];

La création d'un UIBarButton

Placer ce code dans un UIBarButton catégorie ou dans le fichier que vous envisagez d'utiliser le bouton de la barre qui sera de retour est identique à la recherche bouton de la barre d'élément à l'aide d'un UIButton.

+ (UIBarButtonItem *)barButtonWithImage:(UIImage *)image target:(id)target action:(SEL)action {
   UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
   //Note: Only iOS 11 and up supports constraints on custom bar button views
   button.frame = CGRectMake(0, 0, image.size.width, image.size.height);

   button.tintColor = [UIColor lightGrayColor];//Adjust the highlight color

   [button setImage:image forState:UIControlStateNormal];
   //Tint color only applies to this image
   [button setImage:[image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate] forState:UIControlStateHighlighted];
   [button addTarget:target action:action forControlEvents:UIControlEventTouchUpInside];

   return [[UIBarButtonItem alloc] initWithCustomView:button];
}

Réglage de la barre de bouton dans votre contrôleur

- (void)viewDidLoad {
    [super viewDidLoad];

    self.navigationItem.leftBarButtonItem = [UIBarButtonItem barButtonWithImage:[UIImage imageNamed:@"your_button_image"] target:self action:@selector(leftButtonPressed)];
}

Enfin, je voudrais vous recommandons de laisser les marges gauche et droite à zéro et juste le réglage de la position du bouton à l'intérieur de votre image. Cela vous permettra de profiter de la pleine cliquable région jusqu'au bord de l'écran. Il en va de même pour la hauteur de votre image, assurez-vous que la hauteur est de 44 points.

Je suis tombé sur ceci: UINavigationItem-Marge.
Il fonctionne comme un charme.

Solution 1:
À la lumière de la Pomme de réponse que ce comportement est normal, nous avons contourné le problème en supprimant la barre d'outils et l'ajout d'un affichage personnalisé.

Je me rends compte que cela peut ne pas être possible dans tous les cas, mais la régularité de UIView est beaucoup plus facile à personnaliser pour l'application de l'apparence de la barre d'outils et la barre de navigation où Apple a le contrôle sur le bouton de positionnement.

Au lieu de mettre notre bouton personnalisé comme la vue personnalisée de l'interface utilisateur bouton de la barre d'objet, il était à nous de le définir comme un sous-vue de la vierge de l'interface utilisateur boutons dans la vue personnalisée.

Faisant cela, nous avons été en mesure de retourner à la même allure de notre ios 10 app

Solution 2:
Un peu brouillon, nous avons clôturé notre coutume bouton de vue en extérieur UIButton donc l'emplacement du cadre peut être réglé. C'est que l'extérieur de la bordure gauche de la touche de l'onu-tappable malheureusement, mais corrige l'apparence de la position du bouton. Voir l'exemple:

UIButton* outerButton = [UIButton new]; //the wrapper button
BorderedButton* button = [self initBorderedButton]; //the custom button
[button setTitle:label forState:UIControlStateNormal];
[button setFrame:CGRectMake(-10, 0, [label length] * 4 + 35, 30)];
[button addTarget:controller action:@selector(popCurrentViewController) forControlEvents:UIControlEventTouchUpInside];
[outerButton addSubview:button]; //add custom button to outer wrapper button
[outerButton setFrameWidth:button.frameWidth]; //make sure title gives button appropriate space
controller.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:outerButton]; //add wrapper button to the navigation bar
controller.navigationItem.hidesBackButton = YES;

L'aide de cette méthode, nous gardons notre barre de navigation et peut positionner le bouton à l'endroit où elle est nécessaire.

Edit: Nous avons trouvé la solution 2 ne fonctionne pas sur ios 10, c'est probablement ce qui affecte uniquement les minuscules pour cent des développeurs forcé d'être rétro-compatible.

Solution 3

Ce que nous étions plus préoccupés par les entrants de l'entassement des boutons a été le fait que le titre de la barre de navigation a couru dans la coutume bouton gauche, la taille des marges a été moins important et utilisé comme un outil pour faire de la place. La solution est de simplement ajouter une entretoise élément à gauche des éléments.

UIBarButtonItem* backButton = [[UIBarButtonItem alloc] initWithCustomView:button];
UIBarButtonItem* spacer = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];
controller.navigationItem.leftBarButtonItems = [NSArray arrayWithObjects:backButton, spacer, nil];