How to Use the IOS navigation bar

How to Use the IOS navigation bar

This article uses pure code to implement the effect of a navigation bar. Click the button to generate an event. The basic idea is:

1. Create a navigation bar (UINavigationBar object)

2. Create a navigation bar set (UINavigationItem object)

3. Create a button on the left and a button on the right (UIBarButtonItem object), and implement corresponding event methods.

4. Add the navigation bar set to the navigation bar and disable the animation.

5. Add the left and right buttons to the navigation bar collection.

6. display the currently created navigation bar in the view

 

The specific implementation code is as follows:

The code in ViewController. h file does not need to be changed, as shown below:

 

[Cpp]View plaincopy

1. # Import <UIKit/UIKit. h>
3. @ Interface ViewController: UIViewController
5. @ End

 

Code in the ViewController. m file:

 

[Cpp]View plaincopy

1. # Import "ViewController. h"
3. @ Interface ViewController ()
5. @ End
7. @ Implementation ViewController
9. -(Void) viewDidLoad
10. {
11. [Super viewDidLoad];
12. // Do any additional setup after loading the view, typically from a nib.
14. // Create a navigation bar
15. UINavigationBar * navBar = [[UINavigationBar alloc] initWithFrame: CGRectMake (0, 0,320, 44)];
16. // Create a navigation bar set
17. UINavigationItem * navItem = [[UINavigationItem alloc] initWithTitle: nil];
18. // Add the title and button to this set Item
19. // Style: Set the button style. There are three options.
20. // Action: @ selector: Click Event of the set button
21. // Create a button on the left
22. UIBarButtonItem * leftButton = [[UIBarButtonItem alloc] initWithTitle: @ "Left" style: UIBarButtonItemStyleBordered target: self action: @ selector (clickLeftButton)];
23. // Create a button on the right
24. UIBarButtonItem * rightButton = [[UIBarButtonItem alloc] initWithTitle: @ "right" style: UIBarButtonItemStyleDone target: self action: @ selector (clickRightButton)];
26. // Set the content in the navigation bar
27. [NavItem setTitle: @ "Lingling paint"];
29. // Add the navigation bar set to the navigation bar and disable the animation.
30. [NavBar pushNavigationItem: navItem animated: NO];
32. // Add the left and right buttons to the navigation bar collection.
33. [NavItem setLeftBarButtonItem: leftButton];
34. [NavItem setRightBarButtonItem: rightButton];
36. // Add all content in the title bar to the main view
37. [Self. view addSubview: navBar];
39. // Finally, release the control in the memory to avoid Memory leakage.
40. [NavItem release];
41. [LeftButton release];
42. [RightButton release];
43. }
45. -(Void) showDialog :( NSString *) str
46. {
47. UIAlertView * alert = [[UIAlertView alloc] initWithTitle: @ "this is a dialog box" message: str delegate: self cancelButtonTitle: @ "OK" otherButtonTitles: nil];
48. [Alert show];
49. [Alert release];
50. }
52. -(Void) clickLeftButton
53. {
54. [Self showDialog: @ "click the button on the left of the navigation bar"];
55. }
57. -(Void) clickRightButton
58. {
59. [Self showDialog: @ "click the button on the right of the navigation bar"];
60. }
62. -(Void) viewDidUnload
63. {
64. [Super viewDidUnload];
65. // Release any retained subviews of the main view.
66. }
68. -(BOOL) shouldAutorotateToInterfaceOrientation :( UIInterfaceOrientation) interfaceOrientation
69. {
70. Return (interfaceOrientation! = UIInterfaceOrientationPortraitUpsideDown );
71. }
73. @ End

What is the special and outstanding design of the navigation bar (nav bar) for iOS apps?

The overall style is very concise. Like Metro, fine fonts also play an important role in Jetsetter navigation. The navigation bar cleverly integrates the product Logo (displayed on the homepage of each topic), the loaded chrysanthemum (displayed during the transfer), and the buttons on the returned topic homepage, all are black circles as the background, and there is a smooth flip effect during the transition. 500px has never liked the drop-down box control. Hiding the function in an unknown menu is not very good. However, using the drop-down box on the navigation bar of the App 500px is a good design. Because he grabbed the user's need to go to the App as a graph-based user, and put complicated but not especially necessary navigation to the top navigation bar, and then appeared in the form of a drop-down box, compared with the traditional navigation bar, adding a Tab bar can save a little space, ensuring that users can easily access the App as soon as they open it. The form of this navigation bar (Logo/return + current page type icon/Avatar + title text) is also consistent in the detailed page at the end.
The biggest feature of Linkedin is the "Triangle". No matter which page you choose, you only need to identify the Logo or the triangle under the title and click it to go back to the homepage.
The SparrowSparrow navigation bar also has a small triangle design. However, this is under the title of the e-mail interface with a dialog, and its function is different from that of Linkedin. It is used to switch the current email interface and the dialog record list. In the mail list interface, that is, the home page, the navigation bar supports slide Gestures/clicks to switch between Inbox, Unread, And Starred. At first glance, I thought the three dots under Inbox were too small to see clearly, but I knew it as soon as I thought. There were three items in total, so I was not worried that users could not find where they were, the main function is to let users who are used to this form know that the title bar supports gesture sliding.
Gmail's navigation bar is special... You can use an iPhone to run Android applications. Do you think I don't know you if you have a triangle vest from the original three to the present? Hahaha

How to use navigation for a map of ios613

What navigation do you mean? The map navigation is third-party navigation.