デフォルトのナビゲーションバーを編集するには？

Question

これは私がこのような検索バーを作成したい、UI画像です：

しかし、しかし、ストーリーボードでは、私はこれを取得することはできません。

どのように私はそれを行うことができます私が欲しい効果を達成するために？

デフォルトのナビゲーションバーを上部に変更したい場合は、上部に検索バーがあります。

---

更新

私はNoneにTop Barを選択する検査した場合、私は透明のバーでnavigationBarの下にこれを取得する。（その赤いビューの下に、私はそれを追加を無視する。）

Answer 1

あなたが探しているものをストーリーボードから達成することはできません。検索バーをUINavigationBarのnavigationItemにプログラムで追加する必要があります。これと同じように、あなたは考えるかもしれません

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

唯一の他の事は、これはUISearchBarサブビューとUINavigationBar代わりUIViewことはずのことです。あなたはストーリーボードにまとめることができます。

---

EDIT（コメントのための答え）

"私はそれを追加する方法とキャンセルボタン？"

これは簡単に追加できます。このような何か：

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

---

は、 "私はストーリーボードに私のnavigationBarを隠すことができますか？"

はい。 UINavigationBarを非表示にするビューコントローラを選択し、インスペクタペインを選択し、 "トップバー"で "なし"を選択します。

Answer 2

回答は、すでに今、あなたがストーリーボードから独自のナビゲーションバーを作成することができ、コードの作業を行うにはしたくない場合は、ブランドンで与えられます。以下の手順を実行します

1. ナビゲーションコントローラのネイティブナビゲーションバーを非表示にします。
2. 先頭と末尾の0のスペースと一定の高さ64で表示してください。
3. 検索バーのタイトルに必要なものを追加し、要件に応じて制約を与えて、

詳細については、お問い合わせください。