【新サービス告知】いつでもどこでもイベントを開催できる。スマホのWebカメラを利用したVRイベントスペースサービス(Meetatcube.com)
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大

頭痛が減ったので共有です!

rebuild.fmを応援しています!

HOME > UIToolbar

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: "朝方4時に起きた次女を抱っこ紐で抱えたままコーディング中。冬の朝寒い眠い。",
                    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のバージ...
このエントリーをはてなブックマークに追加
右側のFacebookのLikeをクリック頂けると記事更新の際に通知されますので宜しければご利用下さい!