码迷,mamicode.com
首页 > 其他好文 > 详细

NavigationBar 详解 设置

时间:2014-10-14 05:21:58      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:navigationbar 详解 设置


1、设置标题:


self.navigationItem.title =@"系统标题";

运行:

bubuko.com,布布扣

2、自定义标题,设置titleView:

如果我们想改变标题的颜色和字体,就需要自己定义一个UILabel,自己设置好这个Label的内容,可以设置自己想要的字体、大小和颜色等。然后执行self.navigationItem.titleView = myLabel;就可以看到想要的效果。

代码实现:


    //自定义标题

    UILabel *titleLable = [[UILabel alloc]initWithFrame:CGRectMake(0,0,100,44)];  //在这里只有titleLable的高度起作用

    titleLable.backgroundColor = [UIColor  clearColor];      //设置Lable背景的透明

    titleLable.font = [UIFont  boldSystemFontOfSize:20];  //设置文本字体的大小

    titleLable.textColor = [UIColor  blueColor];   //设置文本颜色

    titleLable.textAlignment =NSTextAlignmentCenter;  //设置文本格式位置

    titleLable.text =@"自定义标题";    //设置标题

   self.navigationItem.titleView = titleLable;

运行:

bubuko.com,布布扣

实际上,不仅仅可以将titleView设置成Label,只要是UIView的对象都可以设为titleView,例如,将上述代码改成:


   UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];

    [button setTitle:@"按钮标题" forState:UIControlStateNormal];

    button.backgroundColor = [UIColor yellowColor];

    [button sizeToFit];

   self.navigationItem.titleView = button;

则运行起来效果如下:

bubuko.com,布布扣

3、为Navigation Bar添加左按钮

以下是进行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)

为了在运行时不出错,我们添加一个空方法,由将要创建的左右按钮使用:

//空方法

-(void)myAction 

{

}

添加一个左按钮:

代码实现:


    UIBarButtonItem *leftButton = [[UIBarButtonItem alloc]

                                  initWithTitle:@"左按钮"

                                  style:UIBarButtonItemStyleDone

                                  target:self

                                  action:@selector(myAction)];

    [self.navigationItem setLeftBarButtonItem:leftButton animated:YES];

运行效果如下:

bubuko.com,布布扣

//创建一个UIBarButtonItem用的方法主要有:


    [UIBarButtonItem alloc] initWithTitle:(NSString *) style:(UIBarButtonItemStyle) target:(id) action:(SEL)

    [UIBarButtonItem alloc] initWithBarButtonSystemItem:(UIBarButtonSystemItem) target:(id) action:(SEL)

4、添加一个右按钮

在ViewDidLoad方法最后添加代码:

//添加一个右按钮

   UIBarButtonItem *rightButton = [[UIBarButtonItem alloc]

                                   initWithBarButtonSystemItem:UIBarButtonSystemItemUndo

                                   target:self

                                   action:@selector(myAction)];

   self.navigationItem.rightBarButtonItem = rightButton; 

运行如下:

bubuko.com,布布扣

这里创建UIBarButtonItem用的方法是


[[UIBarButtonItem alloc] initWithBarButtonSystemItem:(UIBarButtonSystemItem) target:(id) action:(SEL)];

 

 

用了系统自带的按钮样式,这些样式的标签和效果如下

  bubuko.com,布布扣bubuko.com,布布扣

bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣


注意,UIBarButtonSystemItemPageCurl只能在Tool Bar上显示。

5、添加多个右按钮

代码实现:


     //添加多个右按钮

   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 = [[NSArray alloc]

                           initWithObjects:rightButton1,rightButton2,

                            rightButton3,rightButton4,rightButton5,nil];

   self.navigationItem.rightBarButtonItems = buttonArray;

运行效果如下:

bubuko.com,布布扣

上面的UIBarButtonSystemItemFixedSpace和UIBarButtonSystemItemFlexibleSpace都是系统提供的用于占位的按钮样式。

6、设置Navigation Bar背景颜色


//设置navigationBar的背景颜色

   self.navigationController.navigationBar.barTintColor = [UIColor  colorWithRed:79 /255.0green:195 /255.0blue:137 /255.0alpha:1.0]; 

运行如下:

bubuko.com,布布扣

7.设置状态条的颜色

由于设置的是白色,所以基于视图6.在NavigationController.m中写入下列代码:

代码实现:


- (UIStatusBarStyle)preferredStatusBarStyle

{

   return  UIStatusBarStyleLightContent;

}

运行如下:

bubuko.com,布布扣

8、设置Navigation Bar背景图片

代码实现:


    //设置Navigation Bar背景图片

    UIImage *title_bg = [UIImage imageNamed:@"title_bg.jpg"]; //获取图片

   CGSize titleSize =self.navigationController.navigationBar.bounds.size//获取Navigation Bar的位置和大小

    title_bg = [selfscaleToSize:title_bgsize:titleSize];//设置图片的大小与Navigation Bar相同

    [self.navigationController.navigationBar

    setBackgroundImage:title_bg

    forBarMetrics:UIBarMetricsDefault]; //设置背景

添加一个方法用于调整图片大小:


- (UIImage *)scaleToSize:(UIImage *)img size:(CGSize)size{

   UIGraphicsBeginImageContext(size);

    [img drawInRect:CGRectMake(0, 0, size.width, size.height)];

   UIImage* scaledImage =UIGraphicsGetImageFromCurrentImageContext();

   UIGraphicsEndImageContext();

    return scaledImage;

}

运行效果:

bubuko.com,布布扣


NavigationBar 详解 设置

标签:navigationbar 详解 设置

原文地址:http://9217856.blog.51cto.com/9207856/1563507

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!