Ios-ui-elements-toolbar

iOS-ツールバー

ツールバーの使用

現在のビューに基づいて何かを操作する場合は、ツールバーを使用できます。

例としては、削除、お気に入りの作成、返信などのオプションがある受信トレイアイテムのある電子メールアプリがあります。 以下に示します。

iOSチュートリアル

重要なプロパティ

• barStyle *アイテム

カスタムメソッド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];
}

実行されたアクションを知るために、 ViewController.xib に UILabel を追加し、UILabelの IBoutlet を作成して、 label という名前を付けます。

以下に示すように、ツールバー項目のアクションを実行するために2つのメソッドを追加する必要もあります。

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

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

次のようにViewController.mのviewDidLoadを更新します-

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

出力

アプリケーションを実行すると、次の出力が得られます-

iOSチュートリアル

tool1およびtool2バーボタンをクリックすると、次のようになります-

iOSチュートリアル