PKHUDを使ってみる

ボタンアクションや画面遷移時のアニメーション用ライブラリー「PKHUD」の紹介
とてもシンプルですが、アプリの雰囲気が良くなります(なった気がします)

公式→ https://github.com/pkluz/PKHUD

完成形はこれ

メジャーな動作を4種類作成しました。他にも色々とアニメーションがあるので、気になる方は公式サイト参照(´∀`)

ライブラリーのインストール

cocoapodsでインストールできます

  pod 'PKHUD'

Main.Storyboardの編集

押したボタンが分かりやすいようにラベルを1つ、ボタンを4つ配置。

ViewController.swiftの編集


import UIKit
import PKHUD

class ViewController: UIViewController {

    //押したボタンを表示するだけのラベル
    @IBOutlet weak var label1: UILabel!
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
    
    }
    
    //ボタン1 チェックマーク表示
    @IBAction func button1(_ sender: Any) {
        HUD.flash(.success, delay: 1.0)
        label1.text = "ボタン1の動作"
    }
    
    //ボタン2 エラーマーク表示 記述方法が違うバージョン
    @IBAction func button2(_ sender: Any) {
        HUD.show(.error)
        HUD.hide(afterDelay: 1.0)
        label1.text = "ボタン2の動作"
    }
    
    //ボタン3 ローディング画面の後にチェックマーク
    @IBAction func button3(_ sender: Any) {
        label1.text = "ボタン3の動作"
        HUD.show(.progress)
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
            HUD.flash(.success, delay: 1.0)
        }
    }
    
    //ボタン4 コメントを表示させる
    @IBAction func button4(_ sender: Any) {
        label1.text = "ボタン4の動作"
        HUD.flash(.label("しばらくお待ちください"), delay: 0.8) { _ in
            HUD.show(.progress)
            DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) {
                HUD.flash(.success, delay: 1.0)
            }
        }
    }
}

コメント

タイトルとURLをコピーしました