iOS5：定制导航栏

---

原文：http://www.altinkonline.nl/tutorials/xcode/uinavigationbar/customizing-background-tintcolor-and-selected-image/

 

想定制导航栏吗？从iOS5开始你就可以改变导航栏的背景图片、tintcolor或者标题文本。

这里我们将介绍如何在Xcode中定制导航栏。

 

从这里你可以下载到本文用到的按钮： Buttons.zip

首先需要获取UINavigationController引用。你可以在创建UINavigationController时定制导航栏，也可以在ViewController加载到UINavigationController时定制导航栏。

打开要引用UINavigationController的类，在viewDidLoad方法中定制导航栏的背景图片，如下列代码所示：

 

UIImage *navbarPortrait= [[UIImageimageNamed:@"navbar_44.png"]                              

 resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];    

UIImage *navbarLandscape =[[UIImage imageNamed:@"navbar_32.png"]                               

resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];      

// Setbackgroundimage for all navigationcontrollers    

[[UINavigationBar appearance] setBackgroundImage:navbarPortrait                                       

forBarMetrics:UIBarMetricsDefault];    

[[UINavigationBarappearance] setBackgroundImage:navbarLandscape                                      

 forBarMetrics:UIBarMetricsLandscapePhone];

 

 

导航栏的背景图片必须是下列高度：

竖屏：44px(retina 屏则为 88px)
横屏：32px (retina 屏则为 64px)

 

BarButton（包括backButton）的背景图片用backgroundimage属性设置。BarButton的背景图片必须是下列高度：

竖屏：30px(retina 屏则为 60px)
横屏：24px(retina 屏则为 48px)

 

如果标题文本过长（超过按钮图片的宽度）图片将被缩放。

   

// Setbackgroundimage for all buttons    

UIImage *buttonPortait= [[UIImageimageNamed:@"button_30.png"]                              

resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 5)];    

UIImage *buttonLandscape =[[UIImage imageNamed:@"button_24.png"]                                

resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 5)];    

[[UIBarButtonItem appearance] setBackgroundImage:buttonPortait                                            

forState:UIControlStateNormal                                           

barMetrics:UIBarMetricsDefault];    

[[UIBarButtonItemappearance] setBackgroundImage:buttonLandscape                                            

forState:UIControlStateNormal                                          

barMetrics:UIBarMetricsLandscapePhone];    

// Setbackgroundimage for all backbuttons    

UIImage *backButtonPortait= [[UIImageimageNamed:@"back_button_30.png"]                                 

 resizableImageWithCapInsets:UIEdgeInsetsMake(0, 13, 0, 5)];    

UIImage *backButtonLandscape =[[UIImage imageNamed:@"back_button_24.png"]                                   

 resizableImageWithCapInsets:UIEdgeInsetsMake(0, 10, 0, 4)];   

[[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonPortait                                                     

 forState:UIControlStateNormal                                                    

barMetrics:UIBarMetricsDefault];    

[[UIBarButtonItemappearance] setBackButtonBackgroundImage:backButtonLandscape                                                     

forState:UIControlStateNormal                                                    

barMetrics:UIBarMetricsLandscapePhone];

 

还可以通过titleTextAttriutes属性定制UIBarButton。setTitleTextAttributes:方法用一个NSDictionary参数指定所需选项：

UITextAttributeTextColor，定制文字颜色。

UITextAttributeTextShadowColor，定制文字的阴影色。

UITextAttributeTextShadowOffset，定制阴影的偏移位置。

UITextAttributeFont，定制文本字体。

 

// Settitletext attributes    

NSMutableDictionary *attributes= [[NSMutableDictionary alloc] init];

    

[attributessetValue:[UIColor blackColor] forKey:UITextAttributeTextColor];    

[attributessetValue:[UIColor whiteColor] forKey:UITextAttributeTextShadowColor];    

[attributessetValue:[NSValue valueWithUIOffset:UIOffsetMake(0, 1)] forKey:UITextAttributeTextShadowOffset];    

[attributessetValue:[UIFont fontWithName:@"Verdana"size:0.0] forKey:UITextAttributeFont];      

[[UIBarButtonItemappearance] setTitleTextAttributes:attributes forState:UIControlStateNormal];    

[attributesrelease];

 

完。