UISearchBar

サーチバー画像

ナビゲーションバー等と一緒に利用されるサーチバーです。検索機能をコントロールに追加したい場合にご利用ください

UISearchBarのクラス階層

NSObject
↑
UIResponder
↑
UIView
↑
UISearchBar

参考：UIKit Framework Reference UISearchBar Class Reference
参考：025 UISearchBarの表示
参考：Swift: UISearchBar: Get text when search button clicked
参考：How to Add Table View Search in Swift
参考：UISearchBarに決定ボタンを追加するカスタマイズ方法について

やってみた

シンプルな作成方法です。


let mySearchBar = UISearchBar()
mySearchBar.delegate = self　//UISearchBarDelegate
mySearchBar.frame = CGRectMake(0, 0, 300, 50)
mySearchBar.layer.position = CGPoint(x: self.view.bounds.width/2, y: 50)
mySearchBar.showsCancelButton = true
mySearchBar.placeholder = "会社への不満を入力して下さい"
self.view.addSubview(mySearchBar)

上記ではSearchBarをローカルに宣言していますので使い勝手がすこし悪いので、全体のコードをも載せておきます。


import UIKit
class ViewController: UIViewController, UISearchBarDelegate {
    
    var mySearchBar: UISearchBar!
    var myLabel : UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
       
         //サーチバー作成
        mySearchBar = UISearchBar()
        mySearchBar.delegate = self
        mySearchBar.frame = CGRectMake(0, 0, 300, 50)
        mySearchBar.layer.position = CGPoint(x: self.view.bounds.width/2, y: 50)
        mySearchBar.showsCancelButton = true
        mySearchBar.placeholder = "会社への不満を入力して下さい"
        self.view.addSubview(mySearchBar)
        
        //ラベル（出力管理用）
        myLabel = UILabel(frame: CGRectMake(10,80,300,30))
        myLabel.layer.borderWidth = 1.0
        myLabel.layer.borderColor = UIColor.grayColor().CGColor
        self.view.addSubview(myLabel)
        
    }
    
     //サーチバー更新時(UISearchBarDelegateを関連づけておく必要があります）
    func searchBar(searchBar: UISearchBar, textDidChange searchText: String) {
        myLabel.text = searchText
    }
    
    //キャンセルクリック時(UISearchBarDelegateを関連づけておく必要があります）
    func searchBarCancelButtonClicked(searchBar: UISearchBar) {
        myLabel.text = ""
        mySearchBar.text = ""
    }
    
    //サーチボタンクリック時(UISearchBarDelegateを関連づけておく必要があります）
    func searchBarSearchButtonClicked(searchBar: UISearchBar) {
        myLabel.text = "社内に同じ意見があるか検索中..."
        mySearchBar.text = ""
        self.view.endEditing(true)
    }
    
}

その他、サーチバーに影をつけたり、タイトル付けたり、キャンセルボタンではなく決定ボタンへ等のカスタマイズ等も可能です。 Swift Docsさんがとても分かりやすいのでぜひご確認ください。

サーチバー画像

↓こんな記事もありますよ！

	GはGoogle他のアルファベットを勝手に妄想してみるさて昨日はGoogleが衝撃的な発表でAlphabetという親会社をつくって、Googleはアルファベットの中のGがGoogleとの位置づけで今後展開していくとの事。ネーミングもですが、今後の期待を大きく感じる、またわかりやすく好印象だったのか株価も大きく上がったとのことでした。さて、その他残りのアルファベットはどんな風になるのかなぁと勝手に歩きながら妄想してみました。
	Pintoを1年利用してほんとにプログラマーの背筋がピンとなった(P!nto) 猫背どうにかならないかな、、、、。プログラマーとしての職業上日中8割9割は画面と押し問答している私は、熱中すればするほど画面に食い入り知らず知らずに前のめりの姿勢に。姿勢が悪い、、、、分かってるんだけど、やめられない。
	Rebuildfm(Poadcast)の技術話＋オタ話が超絶に面白い、、、、、去年の暮れ頃から聞いているPodcastを紹介します。IT企業の友人から「RebuldFM」が面白いよ〜と、私が Swiftサラリーマンを始めたことでSwiftの話をしてたら「知ってる知ってる」との話になって、どこで聞いたの？「Rebuldfm」ってPodcastがあるんだよ、と。

右側のFacebookのLikeをクリック頂けると記事更新の際に通知されますので宜しければご利用下さい！

Swiftサラリーマン

UISearchBar

UISearchBarのクラス階層

やってみた

↓こんな記事もありますよ！

GはGoogle他のアルファベットを勝手に妄想してみる

Pintoを1年利用してほんとにプログラマーの背筋がピンとなった(P!nto)

Rebuildfm(Poadcast)の技術話＋オタ話が超絶に面白い、、、、、