23.navigationBar导航条

原创 2015年11月21日 10:20:11

==============================

设置导航条的颜色

self.navigationController.navigationBar.barTintColor = [UIColor greenColor];

设置背景图片

1. 图片高度 < 44 , 效果:平铺

2. 图片高度 = 44 , 效果:只覆盖导航条

3. 图片高度 大于 44 小于64 ,效果:平铺

4. 图片高度 = 44 , 效果:覆盖导航条与状态栏

[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@”32064”] forBarMetrics:(UIBarMetricsDefault)];

iOS 7.0后 导航条默认是半透明的

起始点从屏幕的左上角 开始计算

关闭半透明后 起始点从导航条下面开始计算

self.navigationController.navigationBar.translucent = NO;

一般咱们是使用 默认的半透明状态 不用考虑起始点的

==================================

导航条上的按钮 使用UIBarButtonItem

创建一个UIBarButtonItem按钮可以用字符串标识

UIBarButtonItem *barButton = [[UIBarButtonItem alloc] initWithTitle:@”左边的” style:(UIBarButtonItemStylePlain) target:self action:@selector(barButtonItemClick:)];

把创建的UIBarButtonItem按钮设置为左按钮

self.navigationItem.leftBarButtonItem = barButton;

释放

[barButton release];

==================================

创建一个UIBarButtonItem按钮可以用图片标识

UIBarButtonItem *rightButton = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@”right”] style:(UIBarButtonItemStylePlain) target:self action:@selector(rightButtonClick:)];

把创建的UIBarButtonItem按钮设置为右按钮

self.navigationItem.rightBarButtonItem = rightButton;

释放

[rightButton release];

创建一个UIBarButtonItem按钮可以系统提供的标识

UIBarButtonItem *barButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:(UIBarButtonSystemItemEdit) target:self action:@selector(barButtonItemClick:)];

把创建的UIBarButtonItem按钮设置为左按钮

self.navigationItem.leftBarButtonItem = barButton;

释放

[barButton release];

// 设置页面导航栏 标题

// self.navigationItem.title = @”首页”;

// 在标题位置 设置一个视图

UIView *titleView = [[UITextField alloc] initWithFrame:CGRectMake(0, 0, 150, 44)];

titleView.backgroundColor = [UIColor greenColor];

self.navigationItem.titleView = titleView;

[titleView release];

}

实现右按钮 点击方法

-(void)rightButtonClick:(UIBarButtonItem *)barButton

{

NSLog(@”我是右按钮”);

}

实现左按钮 点击方法

- (void)barButtonItemClick:(UIBarButtonItem *)barButton

{

NSLog(@”我是左按钮”);

}

================================

版权声明:本文为博主原创文章,未经博主允许不得转载。

iOS源码学习-导航条加阴影,自定义导航条的背景图片

介绍: 给导航条的下方加上阴影,自定义导航条的背景图片。 适用环境:Xcode 4.3, iOS 5.0。 下载地址:github.com 更多源码,请访问开源苹果 运行...
  • setiger
  • setiger
  • 2012年12月15日 16:17
  • 33414

Bootstrap 导航条

导航条与导航的区别就是多了一个“条”,就是菜单项背后有一个可以看见的背景条。 一、基础导航条 在普通导航的ul元素上应用.navbar-nav样式,然后在外部父元素容器上应用.navbar样式以及...
  • u010874036
  • u010874036
  • 2016年03月17日 08:41
  • 423

Bootstrap 教程第二课:制作网站导航条

上一课介绍了用Bootstrap前端框架制作一个简易的主页,其中介绍了使用Bootstrap框架所需要的准备工作,以及文档格式要求,在这里及以后将不再复述,如有不明白的地方,可以查看上一节的内容(Bo...
  • kl28978113
  • kl28978113
  • 2016年06月20日 15:46
  • 2223

横向导航条页面居中的方法

实现图中效果,使横向导航条页面居中
  • Milk_o3o
  • Milk_o3o
  • 2017年07月22日 11:28
  • 501

Bootstrap 学习之(十)------ 导航与导航条

导航 Bootstrap 中的导航组件都依赖同一个 .nav 类,状态类也是共用的。改变修饰类可以改变样式。 标签页 注意 .nav-tabs 类依赖 .nav 基类。 Home P...
  • csdn9_14
  • csdn9_14
  • 2016年10月31日 15:56
  • 1753

用Asp.net制作顶部导航控件

一、效果简介  当点击一级栏目时(如首页),被点击的一级栏目的单元格背景色发生变色,如果该一级栏目下有二级栏目,则会在下一行显示出来,否则二级栏目这一行不会显示任何东西,但会占一定的高度。当点击二级栏...
  • jelink
  • jelink
  • 2006年09月01日 16:07
  • 1140

css制作 平行四边形和梯形导航条

1.平行四边形 导航条 这个效果看起来不错吧!其实实现起来很简单平行四边形的制作运用了CSS 2D变形中的skew( ) 倾斜属性,因为我们只是在水平方向上倾斜 所以skew( x, y) 中...
  • qq_35679291
  • qq_35679291
  • 2017年09月19日 10:01
  • 285

web前端-导航条

HTML代码: div id="nav"> ul> li class="change">a href="#">首页a>li> li>a href="#">...
  • liona_koukou
  • liona_koukou
  • 2016年07月18日 17:37
  • 623

导航条

1.固定 静态http://reg.banma.com/Flow.aspx2.tab  静态http://reg.banma.com/3.tab 有选项 动态(划过显示另外内容)http://www....
  • chenchengtao
  • chenchengtao
  • 2008年05月19日 08:51
  • 170

导航条

Stunning Vista inspired menu from PSDTuts Slick blue navigation menu from SigTutorials Glossy naviga...
  • hhp895
  • hhp895
  • 2008年09月06日 15:32
  • 292
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:23.navigationBar导航条
举报原因:
原因补充:

(最多只允许输入30个字)