iOS - Barre d'outils

Utilisation de la barre d'outils

Si nous voulons manipuler quelque chose en fonction de notre vue actuelle, nous pouvons utiliser la barre d'outils.

Un exemple serait l'application de messagerie avec un élément de boîte de réception ayant des options pour supprimer, créer un favori, répondre, etc. Il est montré ci-dessous.

Propriétés importantes

  • barStyle
  • items

Ajouter une méthode personnalisée addToolbar

-(void)addToolbar {
   UIBarButtonItem *spaceItem = [[UIBarButtonItem alloc] 
   initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace
   target:nil action:nil];
   UIBarButtonItem *customItem1 = [[UIBarButtonItem alloc]
   initWithTitle:@"Tool1" style:UIBarButtonItemStyleBordered 
   target:self action:@selector(toolBarItem1:)];
   UIBarButtonItem *customItem2 = [[UIBarButtonItem alloc]
   initWithTitle:@"Tool2" style:UIBarButtonItemStyleDone 
   target:self action:@selector(toolBarItem2:)];
   NSArray *toolbarItems = [NSArray arrayWithObjects: 
   customItem1,spaceItem, customItem2, nil];
   UIToolbar *toolbar = [[UIToolbar alloc]initWithFrame:
   CGRectMake(0, 366+54, 320, 50)];
   [toolbar setBarStyle:UIBarStyleBlackOpaque];
   [self.view addSubview:toolbar];
   [toolbar setItems:toolbarItems];
}

Pour connaître l'action effectuée, nous ajoutons un UILabel dans notre ViewController.xib et créez un IBoutlet pour le UILabel et nommez-le comme label.

Nous devons également ajouter deux méthodes afin d'exécuter des actions pour les éléments de la barre d'outils, comme indiqué ci-dessous.

-(IBAction)toolBarItem1:(id)sender {
   [label setText:@"Tool 1 Selected"];
}

-(IBAction)toolBarItem2:(id)sender {
   [label setText:@"Tool 2 Selected"];
}

Mettez à jour viewDidLoad dans ViewController.m comme suit -

- (void)viewDidLoad {
   [super viewDidLoad];
   
   // The method hideStatusbar called after 2 seconds
   [self addToolbar];
   // Do any additional setup after loading the view, typically from a nib.
}

Production

Lorsque nous exécutons l'application, nous obtenons la sortie suivante -

Cliquez sur les boutons de la barre tool1 et tool2 et nous obtenons ce qui suit -