【Xcode/Swift】BulletinBoardを使ってみよう

今回はBulletinBoardというライブラリを使って、AirPods等を同期するときに表示される半モーダルビュー(正式名称不明)を作ります。

今回の完成形

Contents 非表示

必要な準備
まとめ

必要な準備

Storyboard

BulletinBoardのインストール

参考GitHub – alexisakers/BulletinBoard: General-purpose contextual cards for iOSGitHub

Terminal

pod 'BulletinBoard'

ViewController.swift内の記述

コード全体

import UIKit
import BLTNBoard

class ViewController: UIViewController {
    
    @IBOutlet weak var button: UIButton!
    
    //BLTNPageItemの作成
    var boardManager: BLTNItemManager = {
        let item = BLTNPageItem(title: "Let's Ride On a BigWave!")
        item.actionButtonTitle = "Yes let's!!!"
        item.alternativeButtonTitle = "No thank you"
        item.image = UIImage(named: "bigwave") //表示したい画像(Assets.xcassetsに入れておく)
        item.actionHandler = { _ in
            ViewController.didTapActionButton()
        }
        item.alternativeHandler = { _ in
            ViewController.didTapAlternativeButton()
        }
        return BLTNItemManager(rootItem: item)
    }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        //ボタンを角丸にする
        button.layer.cornerRadius = 20.0
    }
    
    @IBAction func buttonAction(_ sender: Any) {
        boardManager.showBulletin(above: self) //モーダルビューの表示
    }
    
    static func didTapActionButton() {
        print("Top Button Pressed") //上のボタンが押されたとき
    }
    
    static func didTapAlternativeButton() {
        print("Bottom Button Pressed") //下のボタンが押されたとき
    }
    
}