UIToolBar

画面の端っこに追加できるツールバーコントロール。アプリにピリッとアクセントを付けます。機能を追加したい時なんかに便利です。

ツールバー画像

UIToolbarのクラス階層

NSObject
↑
UIResponder
↑
UIView
↑
UIToolbar

参考：027 UIToolBarの表示
参考：UIKit Framework Reference UIToolbar Class Reference
参考：Swift UIToolBar Append UIBarButtonItem Items
参考：UIToolbarでツールバーを作る

やってみた

ツールバー画像

Toolbarの作成して画面下端に設置、その中にボタンを追加します


        //Toolbar作成
        var myToolbar: UIToolbar!
        self.view.backgroundColor = UIColor.cyanColor()
        myToolbar = UIToolbar(frame: CGRectMake(0, self.view.bounds.size.height - 44, self.view.bounds.size.width, 40.0))
        myToolbar.layer.position = CGPoint(x: self.view.bounds.width/2, y: self.view.bounds.height-20.0)
        myToolbar.barStyle = UIBarStyle.BlackTranslucent
        myToolbar.tintColor = UIColor.whiteColor()
        myToolbar.backgroundColor = UIColor.blackColor()
        
        //Toolbarに追加するボタンの作成
        let myUIBarButtonTweet: UIBarButtonItem = UIBarButtonItem(title: "つぶやき", style:.Bordered, target: self, action: "onToolBarButtonClick:")
        myUIBarButtonTweet.tag = 1
        myToolbar.items = [myUIBarButtonTweet]
        
        self.view.addSubview(myToolbar)

以下関数をセットしてイベントを受け取ります。


        //Toolbarのボタンクリックで取得する為の関数
        func onToolBarButtonClick(sender: UIBarButtonItem) {
            if sender.tag == 1 {
               　let alert:UIAlertController = UIAlertController(title:"Swiftサラリーマン",
                    message: "朝方４時に起きた次女を抱っこ紐で抱えたままコーディング中。冬の朝寒い眠い。",
                    preferredStyle: UIAlertControllerStyle.Alert)
                presentViewController(alert, animated: true, completion: nil)
            }
        }

ツールバー画像

カスタマイズ

ボタンを複数追加すること場合は、Toolbarコントロールのitemsに追加します


        let myUIBarButtonTweet: UIBarButtonItem = UIBarButtonItem(title: "つぶやき", style:.Bordered, target: self, action: "onToolBarButtonClick:")
        myUIBarButtonTweet.tag = 1
        let myUIBarButtonTweet2: UIBarButtonItem = UIBarButtonItem(title: "つぶやき2", style:.Bordered, target: self, action: "onToolBarButtonClick:")
        myUIBarButtonTweet.tag = 2
        let myUIBarButtonTweet3: UIBarButtonItem = UIBarButtonItem(title: "つぶやき3", style:.Bordered, target: self, action: "onToolBarButtonClick:")
        myUIBarButtonTweet.tag = 3
        myToolbar.items = [myUIBarButtonTweet,myUIBarButtonTweet2,myUIBarButtonTweet3]

ツールバー画像

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

2021-04-22 14:54:53	かっこいいカルーセル厳選3点！WebGLを使った渋い画像スライダー。昨日カッコいいスライダーを探す旅にでていました。よく使われるswiper など、シンプルで使いやすくデザインも良いのですが、何かもの足りない、、、。そこで調べていくと、webglを使...
2021-04-20 14:46:43	Twillioとは何？？skywayとは何が違うのか。webrtcを使う際に判断する情報。先日webrtc開発で「twillio」といった名前を聞きました。以前自分でskywayを使ってwebrtcを試していた際に調べた時には、無かったような気もするんだけと、KDDIが絡んでいる...
2021-04-19 13:58:21	先日久々にアップデートした妊娠週刊パパのAndroid版も。アカウント移管したいんだけど、注文ID見当たらないよ。先日の妊娠、出産、育児関連のアプリ「妊娠週刊パパ」をAndroid studioで再リリースしようと思ってるんだけど、コンパイル失敗してエミュレータで動かせない。多分sdkとかapiのバージ...