Création d'un bouton flèche gauche (comme UINavigationBar du “retour” de style) sur un UIToolbar

L'Unicode Méthode

Je pense qu'il est beaucoup plus facile de simplement utiliser un caractère unicode pour faire le travail. Vous pouvez regarder à travers les flèches par googler soit Unicode Triangles ou Unicode Flèches. Départ avec iOS6 Apple a changé le personnage à un emoji caractère avec une bordure. Pour désactiver la frontière-je ajouter de la 0xFE0E Unicode Sélecteur De Variante.

NSString *backArrowString = @"\U000025C0\U0000FE0E"; //BLACK LEFT-POINTING TRIANGLE PLUS VARIATION SELECTOR

UIBarButtonItem *backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:backArrowString style:UIBarButtonItemStylePlain target:nil action:nil];
self.navigationItem.leftButtonItem = backBarButtonItem;

Le bloc de code est juste pour la démo. Il serait de travailler dans n'importe quel bouton qui accepte un NSString.

Pour une liste complète des caractères de recherche Google pour les caractères Unicode et ce que vous voulez. Ici est l'entrée pour Noir Pointant Vers La Gauche Triangle.

Résultat

Tout d'abord, vous devez trouver une image du bouton retour. J'ai utilisé une application agréable, appelé Extracteur que des extraits de tous les éléments graphiques de l'iPhone.
Dans iOS7 j'ai réussi à récupérer l'image appelée UINavigationBarBackIndicatorDefault et il était de couleur noir, car j'avais besoin d'une teinte rouge je change la couleur de rouge à l'aide de Gimp.

EDIT:

Comme cela a été mentionné par btate dans son commentaire, il n'est pas nécessaire de changer la couleur de l'image de l'éditeur. Le code suivant devrait faire l'affaire:

imageView.tint = [UIColor redColor];
imageView.image = [[UIImage imageNamed:@"UINavigationBarBackIndicatorDefault"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];

Puis j'ai créé une vue qui contient une imageView avec la flèche, une étiquette avec le texte personnalisé et sur le haut de la vue que j'ai un bouton avec une action. Ensuite, j'ai ajouté une animation simple (à la décoloration et à la traduction).

Le code suivant simule le comportement du bouton de retour, y compris l'animation.

-(void)viewWillAppear:(BOOL)animated{
UIImageView *imageView=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"UINavigationBarBackIndicatorDefault"]];
[imageView setTintColor:[UIColor redColor]];
UILabel *label=[[UILabel alloc] init];
[label setTextColor:[UIColor redColor]];
[label setText:@"Blog"];
[label sizeToFit];
int space=6;
label.frame=CGRectMake(imageView.frame.origin.x+imageView.frame.size.width+space, label.frame.origin.y, label.frame.size.width, label.frame.size.height);
UIView *view=[[UIView alloc] initWithFrame:CGRectMake(0, 0, label.frame.size.width+imageView.frame.size.width+space, imageView.frame.size.height)];
view.bounds=CGRectMake(view.bounds.origin.x+8, view.bounds.origin.y-1, view.bounds.size.width, view.bounds.size.height);
[view addSubview:imageView];
[view addSubview:label];
UIButton *button=[[UIButton alloc] initWithFrame:view.frame];
[button addTarget:self action:@selector(handleBack:) forControlEvents:UIControlEventTouchUpInside];
[view addSubview:button];
[UIView animateWithDuration:0.33 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
label.alpha = 0.0;
CGRect orig=label.frame;
label.frame=CGRectMake(label.frame.origin.x+25, label.frame.origin.y, label.frame.size.width, label.frame.size.height);
label.alpha = 1.0;
label.frame=orig;
} completion:nil];
UIBarButtonItem *backButton =[[UIBarButtonItem alloc] initWithCustomView:view];
}
- (void) handleBack:(id)sender{
}

EDIT:

Au lieu d'ajouter le bouton, à mon avis, la meilleure approche est d'utiliser un geste de reconnaissance.

UITapGestureRecognizer* tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleBack:)];
[view addGestureRecognizer:tap];
[view setUserInteractionEnabled:YES];

De faire un UIButton avec une flèche assez proche (je ne suis pas un designer 😉 pour l'iOS 7 système de flèche de retour:

Standard:

Apple SD Gothique les Néo

Dans Xcode:

• Se concentrer sur le titre de la valeur domaine de la touche (ou tout autre point de vue/de contrôle avec le contenu du texte)
• Ouvrir Edit -> Caractères Spéciaux
• Sélectionnez les Parenthèses groupe et double-cliquez sur le '<' caractère
• Changer de police: Apple SD Gothique les Néo, Régulièrement avec la taille désirée (par exemple 20)
• Changer de couleur comme vous le souhaitez

Ref @staticVoidMan réponse à Dos-comme des flèches sur iOS 7

    self.navigationItem.leftBarButtonItem = self.navigationItem.backBarButtonItem;

Fonctionne pour moi. Je l'utilise quand j'ai eu plus d'onglets, puis pourrait tenir sur la barre d'onglet, et une vue contrôleur de pression de l' "Plus" prime sur le leftBarButtonItem dans son viewDidLoad.

La Three20 bibliothèque a un moyen de le faire:

  UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithTitle: @"Title" style:UIBarButtonItemStylePlain 
target:self action:@selector(foo)];
UIColor* darkBlue = RGBCOLOR(109, 132, 162);
TTShapeStyle* style = [TTShapeStyle styleWithShape:[TTRoundedLeftArrowShape shapeWithRadius:4.5] next:
[TTShadowStyle styleWithColor:RGBCOLOR(255,255,255) blur:1 offset:CGSizeMake(0, 1) next:
[TTReflectiveFillStyle styleWithColor:darkBlue next:
[TTBevelBorderStyle styleWithHighlight:[darkBlue shadow]
shadow:[darkBlue multiplyHue:1 saturation:0.5 value:0.5]
width:1 lightSource:270 next:
[TTInsetStyle styleWithInset:UIEdgeInsetsMake(0, -1, 0, -1) next:
[TTBevelBorderStyle styleWithHighlight:nil shadow:RGBACOLOR(0,0,0,0.15)
width:1 lightSource:270 next:nil]]]]]];
TTView* view = [[[TTView alloc] initWithFrame:CGRectMake(0, 0, 80, 35)] autorelease];
view.backgroundColor = [UIColor clearColor];
view.style = style;
backButton.customView = view;
self.navigationItem.leftBarButtonItem = backButton;

Voici ce que j'ai fait après une recherche par le biais de toutes ces solutions et autres. Il utilise un extensible png qui est extrait de la UIKit images en stock. De cette façon, vous pouvez définir le texte que vous comme

//Generate the background images
UIImage *stretchableBackButton = [[UIImage imageNamed:@"UINavigationBarDefaultBack.png"] stretchableImageWithLeftCapWidth:14 topCapHeight:0];
UIImage *stretchableBackButtonPressed = [[UIImage imageNamed:@"UINavigationBarDefaultBackPressed.png"] stretchableImageWithLeftCapWidth:13 topCapHeight:0];
//Setup the UIButton
UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];
[backButton setBackgroundImage:stretchableBackButton forState:UIControlStateNormal];
[backButton setBackgroundImage:stretchableBackButtonPressed forState:UIControlStateSelected];
NSString *buttonTitle = NSLocalizedString(@"Back", @"Back");
[backButton setTitle:buttonTitle forState:UIControlStateNormal];
[backButton setTitle:buttonTitle forState:UIControlStateSelected];
backButton.titleEdgeInsets = UIEdgeInsetsMake(0, 5, 2, 1); //Tweak the text position
NSInteger width = ([backButton.titleLabel.text sizeWithFont:backButton.titleLabel.font].width + backButton.titleEdgeInsets.right +backButton.titleEdgeInsets.left);
[backButton setFrame:CGRectMake(0, 0, width, 29)];
backButton.titleLabel.font = [UIFont boldSystemFontOfSize:13.0f];
[backButton addTarget:self action:@selector(yourSelector:) forControlEvents:UIControlEventTouchDown];
//Now add the button as a custom UIBarButtonItem
UIBarButtonItem *backButtonItem = [[[UIBarButtonItem alloc] initWithCustomView:backButton] autorelease];
self.navigationItem.leftBarButtonItem = backButtonItem;

J'ai essayé de faire la même chose, mais je voulais le bouton retour pour être dans la barre de navigation. (J'ai vraiment besoin d'un bouton de retour, cela ne serait plus que de retourner, donc j'ai dû utiliser la leftBarButtonItem de la propriété). J'ai essayé ce que AndrewS suggéré, mais dans la barre de navigation, il ne serait pas regarder la façon dont il devrait, comme le UIButton était une sorte de intégré à une UIBarButtonItem.

Mais j'ai trouvé un moyen de contourner cela. En fait je viens de mettre une UIView en vertu de la UIButton et définir la customView pour la UIBarButtonItem. Voici le code, si quelqu'un en a besoin:

//initialize button and button view
UIButton *backButton = [UIButton buttonWithType:101];
UIView *backButtonView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, backButton.frame.size.width, backButton.frame.size.height)];
[backButton addTarget:self action:@selector(backButtonTouched:) forControlEvents:UIControlEventTouchUpInside];
[backButton setTitle:@"Back" forState:UIControlStateNormal];
[backButtonView addSubview:backButton];
//set buttonview as custom view for bar button item
UIBarButtonItem *backButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButtonView];
self.navigationItem.leftBarButtonItem = backButtonItem;
//push item to navigationbar items
[self.navigationController.navigationBar setItems:[NSArray arrayWithObject:backButtonItem]];

Solution SANS l'aide d'un png. Sur cette base DONC réponse: L'ajout de la petite flèche sur le côté droit d'une cellule dans un iPhone TableView Cellule

Juste en feuilletant les UITableViewCell à l'horizontale!

UIButton *btnBack = [[UIButton alloc] initWithFrame:CGRectMake(0, 5, 70, 20)];
//Add the disclosure
CGRect frm;
UITableViewCell *disclosure = [[UITableViewCell alloc] init];
disclosure.transform = CGAffineTransformScale(CGAffineTransformIdentity, -1, 1);
frm = self.btnBack.bounds;
disclosure.frame = CGRectMake(frm.origin.x, frm.origin.y, frm.size.width-25, frm.size.height);
disclosure.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
disclosure.userInteractionEnabled = NO;
[self.btnBack addSubview:disclosure];
//Add the label
UILabel *lbl = [[UILabel alloc] init];
frm = CGRectOffset(self.btnBack.bounds, 15, 0);
lbl.frame = frm;
lbl.textAlignment = NSTextAlignmentCenter;
lbl.text = @"BACK";
[self addSubview:lbl];

Bien, vous n'avez pas à avoir un bouton différent pour chaque taille, vous pouvez utiliser [UIImage stretchableImageWithLeftCapWidth:topCapHeight:], mais la seule chose que j'ai trouvé est d'images personnalisées.

Exemple dans Swift 3, avec un précédent et un bouton "suivant" en haut à droite.

let prevButtonItem = UIBarButtonItem(title: "\u{25C0}", style: .plain, target: self, action: #selector(prevButtonTapped))
let nextButtonItem = UIBarButtonItem(title: "\u{25B6}", style: .plain, target: self, action: #selector(nextButtonTapped))
self.navigationItem.rightBarButtonItems = [nextButtonItem, prevButtonItem]

De l'essayer. Je suis sûr que vous n'avez pas besoin d'un bouton de retour de l'image pour créer une de ces.

UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithTitle:@"Back"
style:UIBarButtonItemStyleBordered
target:self
action:@selector(yourSelectorGoesHere:)];
self.navigationItem.backBarButtonItem = backButton;

C'est tout ce que vous avez à faire 🙂