しめ鯖日記

swift, iPhoneアプリ開発, ruby on rails等のTipsや入門記事書いてます

DOFavoriteButtonでアニメーション付きお気に入りボタンを実装する

DOFavoriteButtonというアニメーション付きのボタンを実装できるライブラリを試してみました。

github.com

f:id:llcc:20180603191058g:plain

DOFavoriteButtonのインストール

CocoaPodsでインストールしました。
本家はSwift4に対応してないようなので、fumiyasacさんのSwift4対応フォークリポジトリを利用させていただきました。

target 'MyApp' do
  use_frameworks!

  pod 'DOFavoriteButton', git: 'git@github.com:fumiyasac/DOFavoriteButton.git'
end

DOFavoriteButtonの使い方

まずはアイコンの画像をプロジェクトに追加します。

f:id:llcc:20180603191740p:plain

次は画面上にUIButtonを配置してクラスをDOFavoriteButtonにします。

f:id:llcc:20180603192040p:plain

f:id:llcc:20180603192050p:plain

クラスをDOFavoriteButtonにしたら選択時の色やアニメーションの円の色などを設定します。

f:id:llcc:20180603192356p:plain

最後にボタンタップ時の挙動を追加します。

import UIKit
import DOFavoriteButton

class ViewController: UIViewController {
    @IBAction func tapBtn(_ sender: DOFavoriteButton) {
        if sender.isSelected {
            sender.deselect()
        } else {
            sender.select()
        }
    }
}

これでボタンがアニメーション付きでON/OFF切り替わるようになりました。

f:id:llcc:20180603192715p:plain