更新日: 2015年6月17日
Swift & iOS

UISearchBarをNavigation Barに表示（Swift版）

Swift での iOS 開発で、Navigation Bar に UISearchBar を表示する Swift のコードサンプルです。Storyboard のみでは実現が難しかったので、検索して調べて Swift コードを実装して実現しました。

Screen Shot 2015-06-15 at 20.36.21

上記画像のように、ナビゲーションバー内に UISearchBar（検索フォーム用のサーチバー）を表示します。

【お知らせ】英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！

画像付き英語辞書 Imagict | 英単語をイメージで暗記
【開発記録】
英単語を画像イメージで暗記できる英語辞書サービスを作って公開しました

— 環境 —
Swift 1.2
Xcode 6.3.2

UISearchBar を Navigation Bar 内に表示する Swift コード

以下 SearchViewController.swift の例のように書くと、UISearchBar を Navigation Bar 内に表示できます。

SearchViewController.swift

class SearchViewController: UIViewController, UITableViewDelegate, UITableViewDataSource, UISearchBarDelegate {

    var searchBar: UISearchBar!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupSearchBar()
        // ...
    }

    // MARK: - private methods
    private func setupSearchBar() {
        if let navigationBarFrame = navigationController?.navigationBar.bounds {
            let searchBar: UISearchBar = UISearchBar(frame: navigationBarFrame)
            searchBar.delegate = self
            searchBar.placeholder = "Search"
            searchBar.showsCancelButton = true
            searchBar.autocapitalizationType = UITextAutocapitalizationType.None
            searchBar.keyboardType = UIKeyboardType.Default
            navigationItem.titleView = searchBar
            navigationItem.titleView?.frame = searchBar.frame
            self.searchBar = searchBar
            searchBar.becomeFirstResponder()
        }
    }

    // ...
}