UINavigationbar的背景修改方法集合

UINavigationbar背景修改的方法代码如下:

1
2
3
4
5
6
7
8
9
@implementation UINavigationBar (CustomImage )

- ( void )drawRect : (CGRect )rect
{
UIImage *image = [UIImage imageNamed : @ "navigationbar.png" ];
[image drawInRect :CGRectMake (0,0,self.frame.size.width,self.frame.size.height ) ];
}

@end

发现原来是iOS 5的原因,如果运行在iOS 5以下的版本就没有问题了。经过实验以下方法适合iOS 5(放在ViewDidLoad中):

1
2
3
if ( [self.navigationController.navigationBar respondsToSelector : @selector ( setBackgroundImage :forBarMetrics : ) ] )
{
   [self.navigationController.navigationBar setBackgroundImage : [UIImage imageNamed : @ "navigationbar.png" ] forBarMetrics :UIBarMetricsDefault ];
}

第一条if语句的作用是防止程序在iOS 5以下的版本中崩溃。

这样,依靠这两段代码,我的UINavigationbar的背景问题在iOS 5及以下版本中得到了完美的解决。


iOS5之前是如何自定义UINavigationBar背景的?

在iOS5.0中我们可以非常简单的设置UINavigationBar的背景(setBackgroundImage: forBarMetrics:方法),而这对于之前的版本是不可同日而语的。通过网络收集整理了一下以前的各种方式,只能作为学习笔记做个记录,菜鸟学习而已。高人就跳过吧。
方法一:主要技巧就是用视图的drawInRect:方法绘制
如下为创建了一个UINavigationBar Category

// 其实现代码如下
@implementation UINavigationBar (UINavigationBarCategory) - (void)drawRect:(CGRect)rect { //颜色填充
UIColor *color = [UIColor redColor]; CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSetFillColor(context,CGColorGetComponents([color CGColor])); CGContextFillRect(context,rect); self.tintColor = color;
//图片填充
UIColor *color = [UIColor colorWithRed:46.0f/255.0f green:87.0f/255.0f blue:29.0f/255.0f alpha:1.0f]; UIImage *img = [UIImage imageNamed:@"bg.png"]; [img drawInRect:CGRectMake(0,0,self.frame.size.width,self.frame.size.height)]; self.tintColor = color; }
@end

自定义图片背景以下两句代码是关键:
UIImage *img = [UIImage imageNamed:@"bg.png"];

[img drawInRect:CGRectMake(0,0,self.frame.size.width,self.frame.size.height)];
或者:
UIImage *img = [UIImage imageNamed:@"bg.png"];
CGPoint point = {0,0};
[img drawAtPoint:point];
或者:

//加入旋转坐标系代码

// Drawing code

UIImage*navBarImage = [UIImage imageNamed:@"LOGO_320×44.png"];

CGContextRefcontext = UIGraphicsGetCurrentContext();

CGContextTranslateCTM(context,0.0, self.frame.size.height);

CGContextScaleCTM(context,1.0, -1.0);

CGPointcenter=self.center;

CGImageRefcgImage= CGImageCreateWithImageInRect(navBarImage.CGImage,CGRectMake(0,0, 1, 44));

CGContextDrawImage(context,CGRectMake(center.x-160-80, 0, 80,self.frame.size.height), cgImage);

CGContextDrawImage(context,CGRectMake(center.x-160, 0, 320,self.frame.size.height), navBarImage.CGImage);

CGContextDrawImage(context,CGRectMake(center.x+160, 0, 80,self.frame.size.height), cgImage);
扩展UINavigationBar的drawRect方法的这种自定义方法会影响到工程项目中所有的导航条栏。
类似在iOS5.0中,由于UINavigationBar、UIToolBar和UITabBar的实现方式改变,而drawRect:方法不会被调用了,所以就不支持这种通过定义导航条类别的方式来自定义导航条了。除非在这类控件的子类中实现

//子类可以调用drawRect:方法
@interface MyNavigationBar : UINavigationBar
@end
@implementation MyNavigationBar
- ( void)drawRect:(CGRect)rect
{  
[super drawRect:rect];
}
@end

方法二:定义UINavigationBar的一个static函数

+ (UINavigationBar *)createNavigationBarWithBackgroundImage:(UIImage *)backgroundImage title:(NSString *)title {
       UINavigationBar *customNavigationBar = [[[UINavigationBar alloc] initWithFrame:CGRectMake(0, 0, 320, 44)] autorelease];
       UIImageView *navigationBarBackgroundImageView = [[UIImageView alloc] initWithImage:backgroundImage];
       [customNavigationBar addSubview:navigationBarBackgroundImageView];
       UINavigationItem *navigationTitle = [[UINavigationItem alloc] initWithTitle:title];
       [customNavigationBar pushNavigationItem:navigationTitle animated:NO];
       [navigationTitle release];
       [navigationBarBackgroundImageView release];
       return customNavigationBar;
 }

下面是在需要生成UINavgationBar 的地方添加的代码 *ViewController.m:

self.navigationController.navigationBar.hidden = YES;
 UIImage *navigationBarBackgroundImage =[UIImage imageWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"topbar-bg" ofType:@"png"]];
 UINavigationBar *customNavigationBar = [YOUR_Util_Class createNavigationBarWithBackgroundImage:navigationBarBackgroundImage title:nil];
 [self.view addSubview:customNavigationBar];
 
 UIButton *backButton = [[UIButton alloc] initWithFrame:CGRectMake(0.0, 0.0, 75.0, 30.0)];
 if (_backButtonImage) {
        [backButton setImage:_backButtonImage forState:UIControlStateNormal];
 }else {
        [backButton setImage:[UIImage imageNamed:@"btnback.png"] forState:UIControlStateNormal];
 }
 
 [backButton addTarget:self action:@selector(backButtonCliked:) forControlEvents:UIControlEventTouchUpInside];
 UIBarButtonItem *backBarButton = [[UIBarButtonItem alloc] initWithCustomView:backButton];
 customNavigationBar.topItem.leftBarButtonItem = backBarButton;
 
 [backButton release];
 [backBarButton release];
 
 UIButton *addButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 43, 30)];
 UIBarButtonItem *addBarButton = [[UIBarButtonItem alloc] initWithCustomView:addButton];
 if (_isFromFavorites) {
        [addButton setImage:[UIImage imageNamed:@"btn-delete-0.png"] forState:UIControlStateNormal];
        [addButton addTarget:self action:@selector(deleteButtonClicked:) forControlEvents:UIControlEventTouchUpInside];
 }else {
         [addButton setImage:[UIImage imageNamed:@"btn_add.png"] forState:UIControlStateNormal];
         [addButton addTarget:self action:@selector(addButtonClicked:) forControlEvents:UIControlEventTouchUpInside];
 }
 customNavigationBar.topItem.rightBarButtonItem = addBarButton;
 [addButton release];
 [addBarButton release];

此代码效果图如下:


这一方法转载自:http://www.cnblogs.com/moshengren/archive/2010/10/18/1855191.html
方法三:也是自定义导航条类别,但是重写setBackgroundImage:方法
CustomNavController.h

//  Created by suruiqiang on 8/3/10. 2
//  Copyright 2010 __MyCompanyName__. All rights reserved. 3
// 4
 #pragma once
 #import <UIKit/UIKit.h>
 @interface UINavigationBar (UINavigationBarCategory)
 UIImageView *bg;
 -(UINavigationBar*)setBackgroundImage:(UIImage*)image;
 - (void)insertSubview:(UIView *)view atIndex:(NSInteger)index;
 @end

CustomNavController.m

#import "CustomerNavBarController.h"
 
 @implementation UINavigationBar (UINavigationBarCategory)
 -(UINavigationBar*)setBackgroundImage:(UIImage*)image
 {
     UINavigationBar *NavBar = [[UINavigationBar alloc] initWithFrame:CGRectMake(0, 0, 320, 44)];
     if(image == nil) return NavBar;
     bg = [[UIImageView alloc]initWithImage:image];
     bg.frame = CGRectMake(0.f, 0.f, self.frame.size.width, self.frame.size.height);
     [NavBar addSubview:bg];
     [NavBar sendSubviewToBack:bg];
     [bg release];
     return NavBar;
 }
 
 - (void)insertSubview:(UIView *)view atIndex:(NSInteger)index
 {
     [super insertSubview:view atIndex:index];
     [self sendSubviewToBack:bg];
 }
 @end

调用代码示例:

- (void)viewDidLoad {
[super viewDidLoad];
[[self.navigationController navigationBar] setBackgroundImage:[UIImage imageNamed:@"NavigationBarBackground.png"]];

//在下面添加你自己的功能代码
***********
}

此方法转载自:http://www.cnblogs.com/moshengren/archive/2010/10/18/1855202.html

方法四:通过导入QuartzCore框架绘制CALayer层来自定义

#import <QuartzCore/QuartzCore.h>
@interface DDNavigationViewController : UINavigationController<UINavigationControllerDelegate> 
{
    CALayer *_barBackLayer;
}
@end

 @implementation DDNavigationViewController 
 - (id)initWithRootViewController:(UIViewController *)rootViewController { 
     self = [super initWithRootViewController:rootViewController]; 
     self.delegate = self; 
     return self;

  }
 

- (void)loadView { 
     [super loadView]; 
     UINavigationBar *bar = self.navigationBar; 
     CALayer*layer = [CALayer layer]; 
     UIImage *navBarImage = [UIImage imageNamed:@"navigationBarBackground.png"]; 
     layer.contents = (id)navBarImage.CGImage; 
     layer.frame= CGRectMake(0, 0, 320, navBarImage.size.height); 
     [bar.layer insertSublayer:layer atIndex:0]; 
     _barBackLayer = layer; 
 }  


 #pragma mark - 
 #pragma mark UINavigationControllerDelegate 
 - (void)navigationController:(UINavigationController *)navigationController didShowViewController:(UIViewController *)viewController animated:(BOOL)animated { 
     [_barBackLayer removeFromSuperlayer]; 
     [navigationController.navigationBar.layer insertSublayer:_barBackLayer atIndex:0];
 } 
 @end

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值