Swift転職なら=>【LevTech】
Swift基礎知識
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大
覚え書き
覚え書き
外部サイト

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

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

HOME > UIAlertViewでポップアップ表示

UIAlertView(UIAlertController)でポップアップ表示

アラートサンプル画像

iOS8になってUIAlertViewがUIAlertControllerクラスになりました(厳密にはiOS8からはUIAlertControllerの使用が推奨されています。UIAlertViewも使えますが、推奨UIAlertControllerの説明を行います)。画面の上にポン！とダイアログ表示するメッセージアラートの説明です

UIAlertControllerのクラス階層

NSObject
↑
UIResponder
↑
UIViewController
↑
UIAlertController


参考：【iOS】【Swift】UIAlertControllerの基本的動作のまとめ
参考：iOS8でUIAlertViewはこうやってUIAlertControllerに置き換える
参考：UIKit Framework Reference UIAlertController Class Reference

やってみる

それではサンプルを実行させてみます。単純にAlertを出すだけの処理を実施してみます。以下のコードをViewControllerのviewDidLoadにセット。


let alert:UIAlertController = UIAlertController(title:"Swiftサラリーマン",
            message: "今朝ヒゲ剃るの忘れました",
            preferredStyle: UIAlertControllerStyle.Alert)
presentViewController(alert, animated: true, completion: nil)

実行すると、、、以下のエラーが発生しました


2015-01-22 07:23:26.592 test[530:9742] Warning: Attempt to present 
UIAlertController: 0x7fdca2c9b360 on test.ViewController: 0x7fdca2c97f70
whose view is not in the window hierarchy!

ん、どうやらwindowの階層に追加されていない？ちょっとよくわかりません。presentViewControllerでViewが 追加されてるってことじゃないのかな。それとも親UIViewCotrollerが読み込み完了していないからでしょうか。

↓

こちらどうやら親ViewはvideDidLoadの時点ではwindow階層の中に含まれていない様です。viewDidLoadからviewDidAppearに 切り替えることで解決しました。改めて実行すると、無事以下のアラートが表示されました。

アラートサンプル画像

スタイルをActionSheetで表示してみる

UIAlertControllerの引数preferedStyleを切り替えると変更できます


let alert:UIAlertController = UIAlertController(title:"Swiftサラリーマン",
            message: "今朝ヒゲ剃るの忘れました",
            preferredStyle: UIAlertControllerStyle.ActionSheet)
presentViewController(alert, animated: true, completion: nil)

こんな風に画面下にひっそりグレイの色でメッセージが現れます。

アラートサンプル画像

ボタンを追加してみる

アラートボックスにCancelボタンを追加してみます


let alert:UIAlertController = UIAlertController(title:"Swiftサラリーマン",
            message: "今朝ヒゲ剃るの忘れました",
            preferredStyle: UIAlertControllerStyle.Alert)
presentViewController(alert, animated: true, completion: nil)


//キャンセルアクション
let cancelAction:UIAlertAction = UIAlertAction(title: "Cancel",
            style: UIAlertActionStyle.Cancel,
            handler:{
            (action:UIAlertAction!) -> Void in
                println("Cancel")
})
alert.addAction(cancelAction)


self.presentViewController(alert, animated: true, completion: nil)

実行すると、またもやエラー発生、、、、


2015-01-22 07:44:21.845 test[818:18820] 
*** Terminating app due to uncaught exception 'NSInvalidArgumentException', 
reason: 'Application tried to present modally an active controller test.ViewController: 0x7fde6bc5ff70.'

簡単に実装できると思っていたのですが、手間取っています。

↓

解決しましたが、、、、いまいちわかっていません。Stockoverflowの記事には、 tableViewCotrollerはnavigationViewControllerにembedされているからモーダルではなくPushを利用しなさいとの記載がありました。となると、、、おそらくUIViewCotrollerもnavigationViewControllerにembededされているのでしょうか？ そうであればpushを利用できるー＞できた、そんな状態です。。。。間違ったことを書いていましたらゴメンなさい。

解決方法はpreserntViewCotrolerではなくてpushViewCotrollerを利用する方法です


let alert:UIAlertController = UIAlertController(title:"Swiftサラリーマン",
            message: "今朝ヒゲ剃るの忘れました",
            preferredStyle: UIAlertControllerStyle.Alert)
presentViewController(alert, animated: true, completion: nil)

let cancelAction:UIAlertAction = UIAlertAction(title: "Cancel",
            style: UIAlertActionStyle.Cancel,
            handler:{
            (action:UIAlertAction!) -> Void in
                println("Cancel")
})
alert.addAction(cancelAction)

self.navigationController?.pushViewController(alert, animated: true)

できました！親のオブジェクト次第でモーダルにもできるはずですので調整してみてください

改めて、、、、再トライ：その他のボタンを追加してみる

キャンセルボタンだけでは物足りないので、その他のボタンも追加してみます。


        let alert:UIAlertController = UIAlertController(title:"Swiftサラリーマン",
            message: "今朝ヒゲ剃るの忘れました",
            preferredStyle: UIAlertControllerStyle.Alert)
        presentViewController(alert, animated: true, completion: nil)
        
        let cancelAction:UIAlertAction = UIAlertAction(title: "Cancel",
            style: UIAlertActionStyle.Cancel,
            handler:{
                (action:UIAlertAction!) -> Void in
                println("キャンセルボタンで一番下に表示されます")
        })
        
        let defaultAction:UIAlertAction = UIAlertAction(title: "通常ボタン",
            style: UIAlertActionStyle.Default,
            handler:{
                (action:UIAlertAction!) -> Void in
                println("一般的なボタン")
        })
        
        let destructiveAction:UIAlertAction = UIAlertAction(title: "削除ボタン",
            style: UIAlertActionStyle.Destructive,
            handler:{
                (action:UIAlertAction!) -> Void in
                println("削除や変動的な処理の場合に利用します")
        })
        
        
        alert.addAction(cancelAction)
        alert.addAction(defaultAction)
        alert.addAction(destructiveAction)
        
        self.navigationController?.pushViewController(alert, animated: true)

DefaultボタンとDestructiveボタンを追加しました。キャンセルボタンと加えてこの三パターンのボタンが存在します。キャンセルボタンは一つだけしか追加できません。 二つ追加すると落ちてしまいます。Defaultボタンは一般的なボタン。複数追加も可能です。Destructiveボタンは最初から文字が赤色になっています。削除や変更される可能性のあるボタンとして利用できます。

アラートサンプル画像

アラートサンプル画像

左がpreferedStyleがAlert、右はActionSheetです。

カスタマイズ

Alertはよく使うので簡単なOKとキャンセルのUtilityを作ってみました。突っ込みどころも多いかと思いますが、、、よかったらお使いください。


import UIKit

struct AlertUtl {
    // AlertUtl.ok(self, title: "タイトル", message: "完了しました", completion:{})
    static func ok(target:UIViewController,title:String,message:String,completion: (() -> Void)!)->Void{
        let alert:UIAlertController = UIAlertController(title:title,message:message,preferredStyle: UIAlertControllerStyle.Alert)
        let okAction:UIAlertAction = UIAlertAction(title: "OK",style: UIAlertActionStyle.Cancel,handler:{(action:UIAlertAction!) -> Void in completion()})
        alert.addAction(okAction)
        target.presentViewController(alert, animated: true, completion: nil)
    }
    static func cancel(target:UIViewController,title:String,message:String,completion: (() -> Void)!)->Void{
        let alert:UIAlertController = UIAlertController(title:title,message:message,preferredStyle: UIAlertControllerStyle.Alert)
        let cancelAction:UIAlertAction = UIAlertAction(title: "キャンセル",style: UIAlertActionStyle.Cancel,handler:{(action:UIAlertAction!) -> Void in completion()})
        alert.addAction(cancelAction)
        target.presentViewController(alert, animated: true, completion: nil)
    }
}

おまけ

UIAlertViewControllerを使うべきといわれても、簡単に表示する確認する程度であれば以下のUIAlertViewを使うのがやっぱり簡単。(2015/3/24)


    let alert = UIAlertView()
    alert.title = "Swift-salaryman"
    alert.message = "ホゲホゲ"
    alert.addButtonWithTitle("OK")
    alert.show();

アラートサンプル画像

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

CoreTextでTextViewの一文字の向きを変える(#2)

さて、サンプルそのままだと面白くないので、本日６月から開始する自転車規制強化 にのっかったサンプル＜自転車の転だけ横に曲げる＞にしてみます。(１４歳以上が対象。自転車のイヤホン装着や片手走行、 酔っ払い運転、歩道運転、片手スマホ、、、、今まで誰もがやり通してきたことが「逮捕や補導の対象」となるようです。赤切符もきられる ようになるとのことで、自転車に酔っ払ってのって自動車の免停なんかになりかね無いので注意です)

CoreTextをイラストで理解してみる

上記がAppleのCoreText説明に記載されているイラスト図ですが正直よくわかりません。文章を三角や丸等の領域に表示したり、一行だけ表示したり、一文字だけ表示したり、 と様々な使い方ができるようです。

UIButton

基本的なボタンを動的にコーディングだけで作成する説明をしています。
このエントリーをはてなブックマークに追加
右側のFacebookのLikeをクリック頂けると記事更新の際に通知されますので宜しければご利用下さい！
Swiftサラリーマン