IOS 入门开发之创建标题栏UINavigationBar的使用

转自：http://xys289187120.blog.51cto.com/3361352/685746

IOS 入门开发之创建标题栏UINavigationBar的使用

    IOS 开发有关界面的东西不仅可以使用代码来编写，也可以使用Interface Builder可视化工具来编写。今天有个朋友问我这两个有什么区别，首先说 说IB ，使用它编辑出来的控件其实底层还是调用代码只是苹果封装出来让开发者更好使用而已。它的优点是方便、快捷最重要的是安全，因为控件的释放它会帮我们完成 不用手动释放。缺点是多人开发不好维护，就好比谁写的IB谁能看懂，别人看的话就比较费劲，不利于代码的维护。两种方式各有利弊，不过我个人还是比较喜欢 纯代码，因为任何程序语言，或者任何脚本语言，代码和可视化工具比起来永远是最底层的。

利用代码在屏幕中添加一个标题栏，并且在标题栏左右两方在添加两个按钮，点击后响应这两个按钮。
这里设置标题栏的显示范围。

1. //创建一个导航栏
2. UINavigationBar *navigationBar = [[UINavigationBar alloc] initWithFrame:CGRectMake(0, 0, 320, 44)];

  有了标题栏后，须要在标题栏上添加一个集合Item用来放置 标题内容，按钮等。

1. //创建一个导航栏集合
2. UINavigationItem *navigationItem = [[UINavigationItem alloc] initWithTitle:nil];

在这个集合Item中添加标题，按钮。

style:设置按钮的风格，一共有3中选择。
action:@selector:设置按钮点击事件。

1. //创建一个左边按钮
2. UIBarButtonItem *leftButton = [[UIBarButtonItem alloc] initWithTitle:@"左边"
3. style:UIBarButtonItemStyleBordered
4. target:self
5. action:@selector(clickLeftButton)];
6. //创建一个右边按钮
7. UIBarButtonItem *rightButton = [[UIBarButtonItem alloc] initWithTitle:@"右边"
8. style:UIBarButtonItemStyleDone
9. target:self
10. action:@selector(clickRightButton)];
11. //设置导航栏内容
12. [navigationItem setTitle:@"雨松MOMO程序世界"];

将标题栏中的内容全部添加到主视图当中。

1. //把导航栏添加到视图中
2. [self.view addSubview:navigationBar];

最后将控件在内存中释放掉，避免内存泄漏。

1. //释放对象
2. [navigationItem release];
3. [leftButton release];
4. [rightButton release];

如图所示：添加这两个按钮的点击响应事件。

1. -(void)clickLeftButton
2. {
3. [self showDialog:@"点击了导航栏左边按钮"];
4. }
5. -(void)clickRightButton
6. {
7. [self showDialog:@"点击了导航栏右边按钮"];
8. }

点击后打开一个Dialog对话框，根据点击不同的按钮传入不同的显示内容。

1. -(void)showDialog:(NSString *) str
2. {
3. UIAlertView * alert= [[UIAlertView alloc] initWithTitle:@"这是一个对话框" message:str delegate:self cancelButtonTitle:@"确定" otherButtonTitles: nil];
4. [alert show];
5. [alert release];
6. }

最后贴上完整的代码

1. #import "TitleViewController.h"
2. @implementation TitleViewController
3. - (void)didReceiveMemoryWarning
4. {
5. // Releases the view if it doesn't have a superview.
6. [super didReceiveMemoryWarning];
7. // Release any cached data, images, etc that aren't in use.
8. }
9. #pragma mark - View lifecycle
10. // Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
11. - (void)viewDidLoad
12. {
13. [super viewDidLoad];
14. //创建一个导航栏
15. UINavigationBar *navigationBar = [[UINavigationBar alloc] initWithFrame:CGRectMake(0, 0, 320, 44)];
16. //创建一个导航栏集合
17. UINavigationItem *navigationItem = [[UINavigationItem alloc] initWithTitle:nil];
18. //创建一个左边按钮
19. UIBarButtonItem *leftButton = [[UIBarButtonItem alloc] initWithTitle:@"左边"
20. style:UIBarButtonItemStyleBordered
21. target:self
22. action:@selector(clickLeftButton)];
23. //创建一个右边按钮
24. UIBarButtonItem *rightButton = [[UIBarButtonItem alloc] initWithTitle:@"右边"
25. style:UIBarButtonItemStyleDone
26. target:self
27. action:@selector(clickRightButton)];
28. //设置导航栏内容
29. [navigationItem setTitle:@"雨松MOMO程序世界"];
30. //把导航栏集合添加入导航栏中，设置动画关闭
31. [navigationBar pushNavigationItem:navigationItem animated:NO];
32. //把左右两个按钮添加入导航栏集合中
33. [navigationItem setLeftBarButtonItem:leftButton];
34. [navigationItem setRightBarButtonItem:rightButton];
35. //把导航栏添加到视图中
36. [self.view addSubview:navigationBar];
37. //释放对象
38. [navigationItem release];
39. [leftButton release];
40. [rightButton release];
41. }
42. -(void)clickLeftButton
43. {
44. [self showDialog:@"点击了导航栏左边按钮"];
45. }
46. -(void)clickRightButton
47. {
48. [self showDialog:@"点击了导航栏右边按钮"];
49. }
50. -(void)showDialog:(NSString *) str
51. {
52. UIAlertView * alert= [[UIAlertView alloc] initWithTitle:@"这是一个对话框" message:str delegate:self cancelButtonTitle:@"确定" otherButtonTitles: nil];
53. [alert show];
54. [alert release];
55. }
56. - (void)viewDidUnload
57. {
58. [super viewDidUnload];
59. // Release any retained subviews of the main view.
60. // e.g. self.myOutlet = nil;
61. }
62. - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
63. {
64. // Return YES for supported orientations
65. return (interfaceOrientation == UIInterfaceOrientationPortrait);
66. }
67. @end

最后如果你还是觉得我写的不够详细 看的不够爽 不要紧我把源代码的下载地址贴出来 欢迎大家一起讨论学习雨松MOMO希望可以和大家一起进步。

 

 

下载地址：http://down.51cto.com/data/263731

本文出自 “雨松MOMO的程序世界” 博客，请务必保留此出处http://xys289187120.blog.51cto.com/3361352/685746