025 UISearchBarの表示

Swift3.0に対応した新サイトオープンしました。
http://docs.fabo.io/swift/


Preview

 

Source

ViewController.swift

//

//  ViewController.swift

//  UIKit025

//



import UIKit


class ViewController: UIViewController, UISearchBarDelegate {

    

    private var mySearchBar: UISearchBar!

    private var myLabel : UILabel!

    

    override func viewDidLoad() {

        super.viewDidLoad()

        

        // 背景を白に設定する.

        self.view.backgroundColor = UIColor.whiteColor()

        

        // 検索バーを作成する.

        mySearchBar = UISearchBar()

        mySearchBar.delegate = self

        mySearchBar.frame = CGRectMake(0, 0, 300, 80)

        mySearchBar.layer.position = CGPoint(x: self.view.bounds.width/2, y: 100)

        

        // 影をつける.

        mySearchBar.layer.shadowColor = UIColor.blackColor().CGColor

        mySearchBar.layer.shadowOpacity = 0.5

        mySearchBar.layer.masksToBounds = false

        

        // キャンセルボタンを有効にする.

        mySearchBar.showsCancelButton = true

        

        // ブックマークボタンを無効にする.

        mySearchBar.showsBookmarkButton = false

        

        // バースタイルをDefaultに設定する.

        mySearchBar.searchBarStyle = UISearchBarStyle.Default

        

        // タイトルを設定する.

        mySearchBar.prompt = "タイトル"

        

        // 説明文を設定する.

        mySearchBar.placeholder = "ここに入力してください"

        

        // カーソル、キャンセルボタンの色を設定する.

        mySearchBar.tintColor = UIColor.redColor()

        

        // 検索結果表示ボタンは非表示にする.

        mySearchBar.showsSearchResultsButton = false

        

        // 検索バーをViewに追加する.

        self.view.addSubview(mySearchBar)

        

        // UITextFieldを作成する.

        myLabel = UILabel(frame: CGRectMake(0,0,200,30))

        myLabel.center = CGPoint(x: self.view.frame.width/2, y: self.view.frame.height/2)

        myLabel.text = ""

        myLabel.layer.borderWidth = 1.0

        myLabel.layer.borderColor = UIColor.grayColor().CGColor

        myLabel.layer.cornerRadius = 10.0

        

        // Viewに追加する.

        self.view.addSubview(myLabel)

    }

    

    /*

    テキストが変更される毎に呼ばれる

    */

    func searchBar(searchBar: UISearchBar, textDidChange searchText: String) {

        myLabel.text = searchText

    }

    

    /*

    Cancelボタンが押された時に呼ばれる

    */

    func searchBarCancelButtonClicked(searchBar: UISearchBar) {

        myLabel.text = ""

        mySearchBar.text = ""

    }

    

    /*

    Searchボタンが押された時に呼ばれる

    */

    func searchBarSearchButtonClicked(searchBar: UISearchBar) {

        myLabel.text = "Searching"

        mySearchBar.text = ""

        self.view.endEditing(true)

    }

}


Reference

    UISearchBar

     



Comments