Làm cách nào để tạo Thanh Điều hướng Tùy chỉnh như Ứng dụng BestBuy?

Question

Tôi muốn tạo thanh điều hướng tùy chỉnh giống như trong Ứng dụng BestBuy hoặc như được hiển thị trong ảnh chụp màn hình bên dưới.

Tôi muốn loại Navigation là luôn luôn trên đầu trang của mỗi và mọi viewController.

Nếu bất kỳ ai cũng có thể cho tôi biết quy trình hoặc bất kỳ trợ giúp nào sẽ được đánh giá cao. Cảm ơn.

Answer 1

viết một lớp con của UINavigationBar mà bạn vẽ tùy chỉnh và thêm các bản xem phụ nếu cần.

sau đó cho navigationController của bạn để sử dụng lớp đó bởi initing nó bằng cách sử initWithNavigationBarClass:toolBarClass:

ví dụ

@interface MyBar : UINavigationBar 
@end 

@implementation MyBar 
.... //like any UIView 
@end 

---

UINavigationController *navi = [[UINavigationController alloc] initWithNavigationBarClass:[MyBar class] toolbarClass:nil]; 

thay vì initWithRootViewController

---

mẫu

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 
{ 
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; 
// Override point for customization after application launch. 
if ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone) { 
    self.mainViewController = [[FDMainViewController alloc] initWithNibName:@"FDMainViewController_iPhone" bundle:nil]; 
} else { 
    self.mainViewController = [[FDMainViewController alloc] initWithNibName:@"FDMainViewController_iPad" bundle:nil]; 
} 

UINavigationController *navi = [[UINavigationController alloc] initWithNavigationBarClass:[UINavigationBar class] toolbarClass:nil]; 
navi.viewControllers = @[self.mainViewController]; 
self.window.rootViewController = navi; 
[self.window makeKeyAndVisible]; 
return YES; 
} 

Answer 2

Navigationbar thể mất ba quan điểm, hai nút ở mỗi bên trái và bên phải, bạn cũng có thể thêm một cái nhìn cho tiêu đề ,,

//this will set a background image to your navigation bar. 
[[self.navigationController navigationBar] setBackgroundImage:[UIImage imageNamed:@"top-bar.png"] forBarMetrics:UIBarMetricsDefault]; 

UIButton *leftButton = [UIButton buttonWithType:UIButtonTypeCustom]; 
[leftButton setBackgroundImage:[UIImage imageNamed:@"backBtn.png"] forState:UIControlStateNormal]; 
leftButton.frame = CGRectMake(0, 0, 66, 30); 
[leftButton addTarget:self action:@selector(navBack) forControlEvents:UIControlEventTouchUpInside]; 
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:leftButton]; 

UIImage *image=[UIImage imageNamed:@"add-btn.png"]; 
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; 
button.bounds = CGRectMake(0, 0, image.size.width, image.size.height); 
[button setBackgroundImage:image forState:UIControlStateNormal]; 
[button addTarget:self action:@selector(doneAct) forControlEvents:UIControlEventTouchUpInside]; 
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:button]; 

và để thêm vào thanh tìm kiếm

self.navigationItem.titleView = mySearchbarView;