2017-04-18 76 views
0

这是UI的形象,我想创建搜索栏这样的:如何编辑默认导航栏?

但是,但是,在故事板,我不能让这一点。

enter image description here

为了达到我想要的效果,我该怎么办呢?

我想将我的默认导航栏更改为上方,其上有一个搜索栏。


更新

如果我在检查选择Top BarNone,我得到这个下方的导航栏用透明吧。(忽略其下方的红色观点,我补充一点。)

enter image description here

+0

可能重复[如何更改iOS 7中的导航栏颜色?](http://stackoverflow.com/questions/18929864/how-to-change-navigation-bar-color-in-ios-7) –

回答

1

您无法实现从故事板中寻找的内容。您必须以编程方式将搜索栏添加到UINavigationBarnavigationItem。像这样,

let searchBar = UISearchBar() // Your Search bar 
self.navigationController.navigationItem.titleView = searchBar 

你可以考虑的唯一的另一件事是,这不应该是一个UINavigationBar而是用UISearchBar子视图UIView。你可以放在故事板中。


编辑(答案评论)

“和取消按钮,我怎么能增加吗?”

这个你可以很容易地添加。事情是这样的:

let cancelButton = UIBarButtonItem(title: "Cancel", style: .done, target: self, action: #selector(cancelButtonTapped)) 
self.navigationController.navigationItem.rightBarButtonItem = cancelButton 

“我可以隐藏我的导航栏在故事板?”

是的。选择您要隐藏UINavigationBar的视图控制器,选择检查器窗格,然后选择“顶部栏”选择“无”。

enter image description here

+0

和取消按钮我怎么可以添加它? –

+0

@ three-blocks我更新了我的回答以征求您的意见 –

+0

我可以隐藏故事板中的导航条吗? –

0

答案已经由布兰登给出的,现在如果你不想做的代码工作,你可以创建故事板你自己的导航栏。请执行以下步骤

  1. 隐藏导航控制器上的本地导航栏。
  2. 现在采取领先,尾随,顶部0空间和恒定高度64的视图。
  3. 无论您想要什么,都可以添加搜索栏按钮标题,并按照您的要求给出约束条件并执行您想要的操作。

对于更多查询,你可以问。