iOS Navigation Bar的简单设置
2012-10-19 21:01
399 查看
前面的一篇文章《iOS开发16：使用NavigationController切换视图》中的小例子在运行时，屏幕上方出现的工具栏就是NavigationBar，而所谓UINavigationItem就可以理解为NavigationBar中的内容，通过编辑UINavigationItem，我们可以使得在NavigationBar中显示想要的东西，比如设置标题、添加按钮等。
这篇博客将会以一个小例子来演示如何设置UINavigationItem。
现在我用的是Xcode4.3，在使用上跟Xcode4.2差不多。
1、首先运行Xcode4.3，创建一个SingleViewApplication，名称为UINavigationItemTest：
2、其次，我们要使得程序运行时能够显示NavigationBar：
2.1单击AppDelegate.h，向其中添加属性：
2.2打开AppDelegate.m，在@synthesizeviewController=_viewController;之后添加代码：
2.3修改didFinishLaunchingWithOptions方法代码如下：
下面讲一下关于NavigationItem的简单设置。
3、设置标题：
打开ViewController.m，在viewDidLoad方法中[superviewDidLoad];之后添加代码：
运行：
4、自定义标题，设置titleView：
如果我们想改变标题的颜色和字体，就需要自己定义一个UILabel，并且已经设置好这个Label的内容，可以设置自己想要的字体、大小和颜色等。然后执行self.navigationItem.titleView=myLabel;就可以看到想要的效果。
4.1打开ViewController.h，向其中添加属性：
4.2打开ViewController.m，在@implementationViewController下面一行添加代码：
4.3在viewDidLoad方法中，去掉self.navigationItem.title=@"标题";，并添加代码：
实际上，不仅仅可以将titleView设置成Label，只要是UIView的对象都可以设为titleView，例如，将4.3中的代码改成：
则运行起来效果如下：
5、为NavigationBar添加左按钮
以下是进行leftBarButtonItem设置的代码：
其实很简单，只要定义好一个UIBarButtonItem，然后执行上述某行代码就行了。
5.1为了使得运行时不出错，我们在ViewController.m中添加一个空方法，由将要创建的左右按钮使用：
5.2添加一个左按钮：
在ViewDidLoad方法最后添加代码：
创建一个UIBarButtonItem用的方法主要有：
在第一个方法中，我们可以使用的按钮样式有：
效果分别如下：
看上去第一个和第三个样式效果是一样的。
6、添加一个右按钮
在ViewDidLoad方法最后添加代码：
这里创建UIBarButtonItem用的方法是
用了系统自带的按钮样式，这些样式的标签和效果如下：
注意，UIBarButtonSystemItemPageCurl只能在ToolBar上显示。
7、添加多个右按钮
在ViewDidLoad方法中最后添加代码：
上面的UIBarButtonSystemItemFixedSpace和UIBarButtonSystemItemFlexibleSpace都是系统提供的用于占位的按钮样式。
8、设置NavigationBar背景颜色
在viewDidLoad方法后面添加代码：
运行如下：
9、设置NavigationBar背景图片
首先将准备好作为背景的图片拖到工程中，我用的图片名称是title_bg.png。
将上面的代码改成：
这篇博客将会以一个小例子来演示如何设置UINavigationItem。
现在我用的是Xcode4.3，在使用上跟Xcode4.2差不多。
1、首先运行Xcode4.3，创建一个SingleViewApplication，名称为UINavigationItemTest：
2、其次，我们要使得程序运行时能够显示NavigationBar：
2.1单击AppDelegate.h，向其中添加属性：
@property(strong,nonatomic)UINavigationController*navController;
2.2打开AppDelegate.m，在@synthesizeviewController=_viewController;之后添加代码：
@synthesizenavController;
#pragmamark-
#pragmamarkApplicationlifecycle
2.3修改didFinishLaunchingWithOptions方法代码如下：
-(BOOL)application:(UIApplication*)applicationdidFinishLaunchingWithOptions:(NSDictionary*)launchOptions
{self.window=[[UIWindowalloc]initWithFrame:[[UIScreenmainScreen]bounds]];
//Overridepointforcustomizationafterapplicationlaunch.
self.viewController=[[ViewControlleralloc]initWithNibName:@"ViewController"bundle:nil];
self.navController=[[UINavigationControlleralloc]initWithRootViewController:self.viewController];
[self.windowaddSubview:navController.view];
[self.windowmakeKeyAndVisible];
returnYES;
}
此时运行程序，会发现出现了NavigationBar：
下面讲一下关于NavigationItem的简单设置。
3、设置标题：
打开ViewController.m，在viewDidLoad方法中[superviewDidLoad];之后添加代码：
self.navigationItem.title=@"标题";
运行：
4、自定义标题，设置titleView：
如果我们想改变标题的颜色和字体，就需要自己定义一个UILabel，并且已经设置好这个Label的内容，可以设置自己想要的字体、大小和颜色等。然后执行self.navigationItem.titleView=myLabel;就可以看到想要的效果。
4.1打开ViewController.h，向其中添加属性：
@property(strong,nonatomic)UILabel*titleLabel;
4.2打开ViewController.m，在@implementationViewController下面一行添加代码：
@synthesizetitleLabel;
4.3在viewDidLoad方法中，去掉self.navigationItem.title=@"标题";，并添加代码：
4.3在viewDidLoad方法中，去掉self.navigationItem.title=@"标题";，并添加代码：
//自定义标题
titleLabel=[[UILabelalloc]initWithFrame:CGRectMake(0,0,100,44)];
titleLabel.backgroundColor=[UIColorclearColor];//设置Label背景透明
titleLabel.font=[UIFontboldSystemFontOfSize:20];//设置文本字体与大小
titleLabel.textColor=[UIColorcolorWithRed:(0.0/255.0)green:(255.0/255.0)blue:(0.0/255.0)alpha:1];//设置文本颜色
titleLabel.textAlignment=UITextAlignmentCenter;
titleLabel.text=@"自定义标题";//设置标题
self.navigationItem.titleView=self.titleLabel;
运行：
实际上，不仅仅可以将titleView设置成Label，只要是UIView的对象都可以设为titleView，例如，将4.3中的代码改成：
UIButton*button=[UIButtonbuttonWithType:
UIButtonTypeRoundedRect];
[buttonsetTitle:@"按钮"forState:UIControlStateNormal];
[buttonsizeToFit];
self.navigationItem.titleView=button;
则运行起来效果如下：
5、为NavigationBar添加左按钮
以下是进行leftBarButtonItem设置的代码：
self.navigationItem.leftBarButtonItem=(UIBarButtonItem*)
self.navigationItem.leftBarButtonItems=(UIBarButtonItem*)
self.navigationItemsetLeftBarButtonItem:(UIBarButtonItem*)
self.navigationItemsetLeftBarButtonItem:(UIBarButtonItem*)animated:(BOOL)
self.navigationItemsetLeftBarButtonItems:(NSArray*)
self.navigationItemsetLeftBarButtonItems:(NSArray*)animated:(BOOL)
其实很简单，只要定义好一个UIBarButtonItem，然后执行上述某行代码就行了。
5.1为了使得运行时不出错，我们在ViewController.m中添加一个空方法，由将要创建的左右按钮使用：
//空方法-(void)myAction
{}
5.2添加一个左按钮：
在ViewDidLoad方法最后添加代码：
//添加左按钮
UIBarButtonItem*leftButton=[[UIBarButtonItemalloc]
initWithTitle:@"左按钮"
style:UIBarButtonItemStylePlain
target:self
action:@selector(myAction)];
[self.navigationItemsetLeftBarButtonItem:leftButton];
运行效果如下：
创建一个UIBarButtonItem用的方法主要有：
[UIBarButtonItemalloc]initWithTitle:(NSString*)style:(UIBarButtonItemStyle)target:(id)action:(SEL)[UIBarButtonItemalloc]initWithBarButtonSystemItem:(UIBarButtonSystemItem)target:(id)action:(SEL)
在第一个方法中，我们可以使用的按钮样式有：
UIBarButtonItemStyleBordered
UIBarButtonItemStyleDone
UIBarButtonItemStylePlain
效果分别如下：
看上去第一个和第三个样式效果是一样的。
6、添加一个右按钮
在ViewDidLoad方法最后添加代码：
//添加右按钮
UIBarButtonItem*rightButton=[[UIBarButtonItemalloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemUndo
target:self
action:@selector(myAction)];
self.navigationItem.rightBarButtonItem=rightButton;
运行如下：
这里创建UIBarButtonItem用的方法是
[UIBarButtonItemalloc]initWithBarButtonSystemItem:(UIBarButtonSystemItem)target:(id)action:(SEL)
用了系统自带的按钮样式，这些样式的标签和效果如下：
| 标签 | 效果 | 标签 | 效果 |
| UIBarButtonSystemItemAction | UIBarButtonSystemItemPause | ||
| UIBarButtonSystemItemAdd | UIBarButtonSystemItemPlay | ||
| UIBarButtonSystemItemBookmarks | UIBarButtonSystemItemRedo | ||
| UIBarButtonSystemItemCamera | UIBarButtonSystemItemRefresh | ||
| UIBarButtonSystemItemCancel | UIBarButtonSystemItemReply | ||
| UIBarButtonSystemItemCompose | UIBarButtonSystemItemRewind | ||
| UIBarButtonSystemItemDone | UIBarButtonSystemItemSave | ||
| UIBarButtonSystemItemEdit | UIBarButtonSystemItemSearch | ||
| UIBarButtonSystemItemFastForward | UIBarButtonSystemItemStop | ||
| UIBarButtonSystemItemOrganize | UIBarButtonSystemItemTrash | ||
| UIBarButtonSystemItemPageCurl | UIBarButtonSystemItemUndo |
7、添加多个右按钮
在ViewDidLoad方法中最后添加代码：
//添加多个右按钮
UIBarButtonItem*rightButton1=[[UIBarButtonItemalloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemDone
target:self
action:@selector(myAction)];
UIBarButtonItem*rightButton2=[[UIBarButtonItemalloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace
target:nil
action:nil];
UIBarButtonItem*rightButton3=[[UIBarButtonItemalloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemEdit
target:self
action:@selector(myAction)];
UIBarButtonItem*rightButton4=[[UIBarButtonItemalloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace
target:nil
action:nil];
UIBarButtonItem*rightButton5=[[UIBarButtonItemalloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemOrganize
target:self
action:@selector(myAction)];
NSArray*buttonArray=[[NSArrayalloc]
initWithObjects:rightButton1,rightButton2,
rightButton3,rightButton4,rightButton5,nil];
self.navigationItem.rightBarButtonItems=buttonArray;
为了更好的显示效果，把设置titleView以及设置leftBarButtonItem的代码注释掉，运行效果如下：
上面的UIBarButtonSystemItemFixedSpace和UIBarButtonSystemItemFlexibleSpace都是系统提供的用于占位的按钮样式。
8、设置NavigationBar背景颜色
在viewDidLoad方法后面添加代码：
//设置NavigationBar颜色self.navigationController.navigationBar.tintColor=[UIColorcolorWithRed:(218.0/255.0)green:(228.0/255.0)blue:(250.0/255.0)alpha:1];
运行如下：
9、设置NavigationBar背景图片
首先将准备好作为背景的图片拖到工程中，我用的图片名称是title_bg.png。
将上面的代码改成：
//设置NavigationBar背景图片
UIImage*title_bg=[UIImageimageNamed:@"title_bg.png"];//获取图片
CGSizetitleSize=self.navigationController.navigationBar.bounds.size;//获取NavigationBar的位置和大小
title_bg=[selfscaleToSize:title_bgsize:titleSize];//设置图片的大小与NavigationBar相同
[self.navigationController.navigationBar
setBackgroundImage:title_bg
forBarMetrics:UIBarMetricsDefault];//设置背景
之后，在ViewController.m中添加一个方法用于调整图片大小：
//调整图片大小
-(UIImage*)scaleToSize:(UIImage*)imgsize:(CGSize)size{UIGraphicsBeginImageContext(size);
[imgdrawInRect:CGRectMake(0,0,size.width,size.height)];
UIImage*scaledImage=UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
returnscaledImage;
}
运行：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- iOS开发19：Navigation Bar的简单设置
- iOS开发------Navigation Bar的简单设置
- iOS开发19：Navigation Bar的简单设置
- iOS开发 : Navigation Bar的简单设置
- iOS开发：Navigation Bar的简单设置
- iOS Navigation Bar的简单设置
- iOS开发 : Navigation Bar的简单设置
- iOS 偏好设置存储简单用法－数据持久化
- Navigation Bar的简单设置
- IOS 给Button设置一个简单的动画
- 三种简单的动画设置——IOS
- iOS多线程-SDWebImage简单介绍 1 设置imageView的图片 (内存缓存&磁盘缓存) 1 [cell.imageView sd_setImageWithURL:[NSURL URL
- iOS tabbarviewControll的简单使用设置
- iOS开发UI篇—iOS开发中三种简单的动画设置
- ios关于button高亮不同背景的简单设置方法
- iOS一个简单的设置圆角不引起性能问题的分类
- ios开发中 应用设置的简单开发 (Settings.bundle)
- OS开发UI篇—iOS开发中三种简单的动画设置
- IOS设置圆形按钮的简单实现
- iOS navigation bar的背景色设置