Swift転職なら=>【LevTech】
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大

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

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]
        

ツールバー画像

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

UINavigationController

TabBarとUITableViewControllerを利用して一つのUIViewControllerだけをクリックすると右にスライドするUINavigationControlerを 利用したサンプルを記載します。というのも、AppDelegate内でUINavigationをself.windowのrootviewcontrollerにセットする 方法は多々あったのですが、AppDelegate内を利用しないでNavigationを実装する方法がなくハマっていましたのでを以下記載します

UITabBarController

スマホ画面下にタブが出てきて画面を切り替えできるUITabBarViewControllerクラスです。UITabBarItemの記事を追加しましたがUITabbarの記事がなかったので追加しました。(※目のチカチカにご注意ください。)

Swiftがオープンソース化!!!(WWDC2015)

2:22:00からSwiftの話です!オープンソースを発表したタイミングは2:23:28のあたり。拍手喝采です。
このエントリーをはてなブックマークに追加
右側のFacebookのLikeをクリック頂けると記事更新の際に通知されますので宜しければご利用下さい!