Swiftベースのツールバーと検索バー

2930 ワード

一、UItoolBar-ツールバー
ツールバーを初期化し、UIBarButtonItemを追加します.
    //           ,          
    let browserToolbar =  UIToolbar(frame:CGRectMake(0, 20, 320, 44))       
    //                
    self.view.addSubview(browserToolbar)
     
    let btn1 =  UIBarButtonItem(barButtonSystemItem:UIBarButtonSystemItem.Compose,
        target:nil, action:nil);
    let btn2 =  UIBarButtonItem(barButtonSystemItem:UIBarButtonSystemItem.Add,
        target:nil, action:nil);
    let btn3 =  UIBarButtonItem(barButtonSystemItem:UIBarButtonSystemItem.FlexibleSpace,
        target:nil, action:nil);
    let btn4 =  UIBarButtonItem(barButtonSystemItem:UIBarButtonSystemItem.Reply,
        target:nil, action:nil);
     
    browserToolbar.setItems([btn1,btn2,btn3,btn4], animated: false)

ボタンのスタイル:
  • Custom:既定のスタイル
  • Flexible Space:自動伸縮の空白プレースホルダ
  • Fixed Space:固定幅の占有要素
  • Add:「+」プラス記号スタイル
  • Edit:Edit文字スタイル
  • Done:Done文字スタイル
  • Cancel:Cancel文字スタイル
  • Save:Save文字スタイル
  • Undo:Undo文字スタイル
  • Redo:Redo文字スタイル
  • Compose:背景長方形のペンのアイコンスタイル
  • Reply:矢印を返すアイコンスタイル
  • Action:背景矩形に上向き矢印のアイコンスタイル
  • を付ける.
  • Organize:フォルダのアイコンスタイル
  • Trash:ゴミ箱のアイコンスタイル
  • Bookmarks:本のアイコンスタイル
  • Search:ルーペのアイコンスタイル
  • Refresh:時計回りの円形矢印のアイコンスタイル
  • Stop:1×アイコンスタイル
  • Camera:カメラのアイコンスタイル
  • Play:右三角形が再生を表すアイコンスタイル
  • Pause:2本の縦線が再生を表すアイコンスタイル
  • Rewind:左の2つの三角に戻るアイコンスタイル
  • を表します.
  • Fast Forward:右の2つの三角は早送りのアイコンスタイル
  • を表します.
  • Page Curl:ページ回転のアイコンスタイル.Xcode 6では
  • は表示されないようです
    間隔の作成
    1.弾性間隔var btngap 1=UIBarButtonItem(barButtonSystemItem:UIBarButtonSystemItem.FlexibleSpace,target:nil,action:nil)2.固定間隔var btngap 1=UIBarButtonItem(barButtonSystemItem:UIBarButtonSystemItem.FixedSpace,target:nil,action:nil)btngap 1.width = 50
    二、UIsearchBar-検索バー
    検索バーを作成するには
        self.search = UISearchBar(frame: CGRectMake(10,20,200,50))
        self.search.placeholder = "    "
        self.search.backgroundImage = UIImage(named: "seach")
        self.search.barStyle = .Default
        //Default   
        //Black   
        //BlackTranslucent      
        self.search.barTintColor = UIColor.brownColor()//      
        self.search.enablesReturnKeyAutomatically = true //  return    
        self.search.imageForSearchBarIcon(UISearchBarIcon.Bookmark, state: .Highlighted)
        self.search.searchBarStyle = .Default
        //Prominent     
        //Minimal     
        //Default     
        self.view.addSubview(search!)
    

    UIsearchBarのエージェントを設定し、エージェントメソッドを実装します.
      self.search.delegate = self
    
          UISearchBarDelegate  ,             
      func searchBar(searchBar: UISearchBar, textDidChange searchText: String) {
      
      }
      //     UISearchBarDelegate  ,        Search     
      func searchBarSearchButtonClicked(searchBar: UISearchBar) {
        searchBar.resignFirstResponder()
      }