UINavigationController详解与使用(一)添加UIBarButtonItem

iOS导航栏定制

最新推荐文章于 2017-11-03 18:49:34 发布

原创最新推荐文章于 2017-11-03 18:49:34 发布 · 97 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios #navigation

ios 专栏收录该内容

72 篇文章

订阅专栏

本文详细介绍如何在iOS应用中不使用XIB文件手动实现导航栏及其左右按钮，并通过代码响应按钮事件。

2012.12.28

效果图：
[img]
[img]http://dl.iteye.com/upload/attachment/0078/5367/cded1472-bfe3-3904-9330-71df93d3de89.jpg[/img]
[/img]

这次添加的导航条及上面的左右按钮，都是再代码中进行添加，并未使用xib文件进行界面设计。

一、新建一个Empty App工程：UINavigationControllerDemo

二、创建一个View Controller，命名为RootViewController：依次选择File——New——New File，默认勾上With XIB for user interface.

三、打开AppDelegate.h，向其中添加属性：

#import <UIKit/UIKit.h>


@interface AppDelegate : UIResponder <UIApplicationDelegate>

@property (strong, nonatomic) UIWindow *window;
@property (strong, nonatomic) UINavigationController *navController;

@end

四、在AppDelegate.m 文件的didFinishLaunchingWithOptions方法中创建添加navController，RootViewController视图。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    RootViewController *rootView = [[RootViewController alloc] init];
    rootView.title = @"Root View";

    self.navController = [[UINavigationController alloc] init];
    [self.navController pushViewController:rootView animated:YES];
    [self.window addSubview:self.navController.view];
    [self.window makeKeyAndVisible];
    return YES;
}

五、添加UIBarButtonItem

bar ButtonItem分左右UIBarButtonItem。我们把左右的都添加上去。

在RootViewController.m中添加代码如下：

- (void)viewDidLoad
{
    [super viewDidLoad];

    UIBarButtonItem *leftButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAction target:self action:@selector(selectLeftAction:)];
    self.navigationItem.leftBarButtonItem = leftButton;

    UIBarButtonItem *rightButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd  target:self action:@selector(selectRightAction:)];
    self.navigationItem.rightBarButtonItem = rightButton;

六、响应UIBarButtonItem的事件的实现

我们在 action:@selector(selectLeftAction:);

action添加了selectLeftAction和selectRightAction

在RootViewController.m文件中添加代码实现：

-(void)selectLeftAction:(id)sender
{
    UIAlertView *alter = [[UIAlertView alloc] initWithTitle:@"提示" message:@"你点击了导航栏左按钮" delegate:self  cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];
    [alter show];
}

-(void)selectRightAction:(id)sender
{
    UIAlertView *alter = [[UIAlertView alloc] initWithTitle:@"提示" message:@"你点击了导航栏右按钮" delegate:self  cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];
    [alter show];
}

这里重点介绍下

UIBarButtonItem *leftButton = [[UIBarButtonItemalloc]initWithBarButtonSystemItem:UIBarButtonSystemItemActiontarget:selfaction:@selector(selectLeftAction:)];

UIBarButtonSystemItemAction的风格，这是系统自带的按钮风格，看下图，你不用一个个试验，你也知道想用那个item，如下图：
[img]
[img]http://dl.iteye.com/upload/attachment/0078/5361/fd2121fc-3234-33f3-859f-d6adcaf3e702.png[/img]
[/img]