【swift】iOSアプリ自作のアラートビューの作成

yamagenii 285views 更新:2016年8月1日

iOSに元々ついているアラートビューじゃなくてデザインをカスタマイズしたビューを使いたい! でもコードは変えたくないという人のためのTips

デザインの対象

以下のようなUIAlertControllerの.Alertスタイル 【Swift】アラートを表示する(Alert/ActionSheet)

let alert: UIAlertController = UIAlertController(title: "アラート表示", message: "保存してもいいですか?", preferredStyle:  UIAlertControllerStyle.Alert)

let defaultAction: UIAlertAction = UIAlertAction(title: "OK", style: UIAlertActionStyle.Default, handler:{
        (action: UIAlertAction!) -> Void in
        print("OK")
    })

let cancelAction: UIAlertAction = UIAlertAction(title: "キャンセル", style: UIAlertActionStyle.Cancel, handler:{
        (action: UIAlertAction!) -> Void in
        print("Cancel")
    })

    alert.addAction(cancelAction)
    alert.addAction(defaultAction)

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

基本的には上の形でコンストラクタの名前のみ変えることで実現することを目指します。


iOSアプリではviewControllerに対してストーリーボードでUIを作っていくことが一般的ですが、コード上でstoryboardを用いた画面の遷移は該当となるstoryboardのインスタンスを作成するので上記のコードでは不可能です。また、上記のコードではライフサイクル変わるため、クロージャの参照が変わります。

なのでxibとviewControllerを結びつけることで、実現します。

その際にxibとviewControllerの紐付けを行うことでstoryboardと同様にUIの編集が行えるようになります。 ViewControllerとxibのひもづけを手動で行う

あとはUIAlertAction,UIAlertControllerの新しいクラスを作成するだけです。


import UIKit enum CustomAlertControllerAction { case Cancel case Default case Destructive } enum CustomAlertControlerStyle { case Alert } class CustomAlertAction : NSObject { var handler: ((action: CustomAlertAction)->())? var style:CustomAlertControllerAction var title:String? init(title: String?, style: CustomAlertControllerAction, handler: ((action: CustomAlertAction) -> ())?){ self.handler = handler self.style = style if let title = title{ self.title = title } } } class CustomAlertController: UIViewController {         //UIの設定 ボタンはキャンセルとOKの二つ @IBOutlet weak var alertMaskBackGround: UIImageView! @IBOutlet weak var titleLabel: UILabel! @IBOutlet weak var messageLabel: UILabel! @IBOutlet weak var acceptButton: UIButton! @IBOutlet weak var cancelButton: UIButton! @IBOutlet weak var panelView: UIView! var actions = [CustomAlertAction]() //MARK: - Initialiser internal convenience init(title: String, message: String, preferredStyle: CustomAlertControlerStyle) { self.init() let nib = loadNibAlertController() if nib != nil{ self.view = nib![0] as! UIView } //値の挿入 acceptButton.addTarget(self, action: #selector(acceptButtonTapped), forControlEvents: .TouchUpInside) cancelButton.addTarget(self, action: #selector(cancelButtonTapped), forControlEvents: .TouchUpInside) } private func loadNibAlertController() -> [AnyObject]?{ let podBundle = NSBundle(forClass: self.classForCoder) if let bundleURL = podBundle.URLForResource("CustomAlertView", withExtension: "bundle") { if let bundle = NSBundle(URL: bundleURL) { return bundle.loadNibNamed("CustomAlertView", owner: self, options: nil) } else { assertionFailure("Could not load the bundle") } } else if let nib = podBundle.loadNibNamed("CustomAlertView", owner: self, options: nil) { return nib } else{ assertionFailure("Could not create a path to the bundle") } return nil } func addAction(action:CustomAlertAction){ actions.append(action) } func acceptButtonTapped() { dismissViewControllerAnimated(true, completion: nil) for action in actions{ if action.style == .Default || action.style == .Destructive{ if let handler = action.handler{ handler(action: action) } } } } func cancelButtonTapped() { dismissViewControllerAnimated(true, completion: nil) for action in actions{ if action.style == .Cancel{ if let handler = action.handler{ handler(action: action) } } } } }

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません