导航条或者说导航栏目现在在App中基本上也算是标配，类似于父子级别的味道在里面，UINavigationController就是负责简化这一实现功能的，属于iOS开发中比较常用的一种容器View controller，很多人都用，实现起来相对比较容易，可以先看张图片了解NavigationController：
界面布局
上面看着很高大上，下面看个个人的，从控件库中拖入一个Navigation Controller，然后新建两个ViewController：
拖入的一个NavigationController可以直接使用，需要演示，后面有多加了一个View:
Demo实现
主页的ViewController中初始化一下数据:
|
1
2
3
4
5
6
7
|
- (
void
)viewDidLoad {
[
super
viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
data=[[
NSArray
alloc] initWithObjects:@
"前端"
,@
"后端"
,
nil
];
[
self
.tableView setDelegate:
self
];
[
self
.tableView setDataSource:
self
];
}
|
设置组数，行数和内容:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
}
//分组的数量
- (
NSInteger
)numberOfSectionsInTableView:(UITableView *)tableView{
return
1;
}
//分组的行数
- (
NSInteger
)tableView:(UITableView *)tableView numberOfRowsInSection:(
NSInteger
)section{
return
[data count];
}
//返回TableCell中内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(
NSIndexPath
*)indexPath{
UITableViewCell *cell=[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:
nil
];
[cell.textLabel setText:data[indexPath.row]];
return
cell;
}
|
设置行高:
|
1
2
3
|
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(
NSIndexPath
*)indexPath{
return
40;
}
|
设置跳转事件:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
- (
void
)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(
NSIndexPath
*)indexPath{
NSArray
*notificationData=[[
NSArray
alloc]init];
NSInteger
index=[
self
.tableView indexPathForSelectedRow].row;
if
(index==0) {
notificationData=[[
NSArray
alloc]initWithObjects:@
"Android"
,@
"iOS"
,@
"JS"
,
nil
];
}
else
{
notificationData=[[
NSArray
alloc]initWithObjects:@
"Java"
,@
"C#"
,@
"Python"
,
nil
];
}
SecondViewController *controller = [
self
.storyboard instantiateViewControllerWithIdentifier:@
"SecondStoryID"
];
controller.data=notificationData;
[
self
.navigationController pushViewController:controller animated:
YES
];
}
|
详情的ViewController和第一个类似，之前已经写过很多TableView的实现，直接贴代码，就不一一解释:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
- (
void
)viewDidLoad {
[
super
viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
}
- (
void
)notificationHandler:(
NSNotification
*)notification{
self
.data=[notification object];
}
//分组的数量
- (
NSInteger
)numberOfSectionsInTableView:(UITableView *)tableView{
return
1;
}
//分组的行数
- (
NSInteger
)tableView:(UITableView *)tableView numberOfRowsInSection:(
NSInteger
)section{
return
[
self
.data count];
}
//返回TableCell中内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(
NSIndexPath
*)indexPath{
UITableViewCell *cell=[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:
nil
];
[cell.textLabel setText:
self
.data[indexPath.row]];
NSLog
(@
"%@"
,
self
.data[indexPath.row]);
return
cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(
NSIndexPath
*)indexPath{
return
40;
}
|
不过详情的头文件中要设置一下:
|
1
2
3
4
5
|
@interface
SecondViewController : UIViewController
@property
(
nonatomic
,strong)
NSArray
*data;
@end
|
最终实现的效果如下：
绿色背景的导航条需要个人设置:
本文转自Fly_Elephant博客园博客，原文链接：http://www.cnblogs.com/xiaofeixiang/p/4251837.html，如需转载请自行联系原作者
