想要實現上面這種界面，一般都會顯示的與預期的不一致，盡管我們設置的顏色是一樣。通過下面的步驟就可以實現：

1.關閉navigationBar的透明度

 

self.navigationController.navigationBar.translucent = NO;

2.利用本機數碼測色計，測出導航欄顏色的rgb，再次設置導航欄的顏色和下面view的背景顏色。

3.去除導航欄下面的灰色分割線

 

 

[self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc]init] forBarMetrics:UIBarMetricsDefault];

[self.navigationController.navigationBar setShadowImage:[[UIImage alloc]init]];

 

去掉導航欄的邊界灰線

[self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault];

self.navigationController.navigationBar.shadowImage = [[UIImage alloc] init];

去掉搜索框的邊界黑線

 

[self.mySearchBar setBackgroundImage:[[UIImage alloc] init]];

去掉搜索框的文本輸入框的陰影

 

在stroryboard中：選中搜索框——>右邊in attribute inspector——>View 在Tint的顏色欄中選擇 clear color