vdeep

*

vdeepはプログラミング、IT、Web技術、ライフハックの事などなどを管理人okutaniがつぶやくブログです。月間13万PV〜。

swiftで簡単にアニメーションを実装できるSpringライブラリ使い方

      2017/01/31

LINEで送る
Pocket

ios-spring
こんにちは、okutaniです。今回はアニメーションを手軽に実装する「Spring」ライブラリを導入してみました。

使い方も載せておきますので参考にしてください。

スポンサーリンク

GithubからSpringをダウンロード

まずはGithubからSpringをダウンロードしましょう。

LINKMengTo/Spring · GitHub

ios-spring2

解凍後、フォルダ内にある「Springフォルダ」を利用したいプロジェクトにドラッグ&ドロップします。

ios-spring3

ドロップ後、以下の画面が表示されるので「Copy items if needed」にチェック、Finishをクリックします。

ios-spring4

以上の手順でSpringが導入できました。

Spring利用方法

実際にSpringを利用してみましょう。今回はボタンを作成して、アニメーションを付けていきます。

ボタンとSpringを紐付ける

まずはMain.storyboardからButtonをViewControllerに追加します。

ios-spring5

ラベルを選択後、アイデンティティインスペクタからClassを「SpringLabel」に変更。

ios-spring6

これでSpringでボタンを扱えるようになりました。

Xcode上でアニメーションを付ける

ボタンの設定ができたので、さっそくアニメーションを付けていきましょう。アトリビュートインスペクタからAutostartを「On」、Animationに「shake」と入力します。

ios-spring7

これで実行すると、ボタンが横にシェイクされます。実行してみて動きがちゃんと付いているか確認してみましょう。

spring-sample

ボタンが横にシェイクされました。

swiftからアニメーションを操作する

アニメーションはコード上からも操作できます。

まずはButtonのOutletを作成しましょう。「Ctrl&ドラッグ」でButtonをViewController.swiftにOutletで接続します。

ios-spring8

アニメーションさせたい場所に下記コードを記述します。今回はViewDidLoad内に記述してみました。

override func viewDidLoad() {
  super.viewDidLoad()
  animateButton.animation = "shake"
  animateButton.animate()
}

シミュレーターを起動すると、アニメーションが実行されるかと思います。これで好きなタイミングでアニメーションを実行することができますね。

アニメーションの種類

Animationで入力できるアニメーションは以下の26種類です。

shake
pop
morph
squeeze
wobble
swing
flipX
flipY
fall
squeezeLeft
squeezeRight
squeezeDown
squeezeUp
slideLeft
slideRight
slideDown
slideUp
fadeIn
fadeOut
fadeInLeft
fadeInRight
fadeInDown
fadeInUp
zoomIn
zoomOut
flash

また、button以外にもViewやimageにもアニメーションを付けることができます。

さらに詳しい使い方は公式のGitHubを参照してみてください。

参考MengTo/Spring · GitHub

Springライブラリの使い方は以上です。お疲れ様でした。

まとめ

Githubからダウンロード、プロジェクトにドロップするだけで簡単に利用できました。

Springライブラリを使うことで、多彩なアニメーションをiOSで扱うことができますね。

この記事が気に入ったら
いいね ! しよう

Twitter で
LINEで送る
Pocket

okutani (@okutani_t) のヒトコト
ボタンをタッチしたときにSpringを利用するといい感じかもです。色々試してみよっと。

 - iOSアプリ開発

スポンサーリンク

PC用AdSense

PC用AdSense

Share
  • このエントリーをはてなブックマークに追加

  こちらの関連記事もどうぞ

[iOS開発] swiftでFontAwesomeKitライブラリを使う

こんにちは、okutani(@okutani_t)です。 iOSアプリを作成する …

iOSアプリ開発超入門!Xcodeの導入からSwiftを使ったHello Worldまで

以前はiOSアプリ開発に「Objective-C」が使われていましたが、現在は2 …

[iOS開発] Xcode7から無料で実機デバッグができるようになったよ!

こんにちは、okutani(@okutani_t)です。Xcode7から無料で実 …

[Xcode6.3] CocoaPodsでAlamofire-SwiftyJSONを導入 (エラー対処あり)

CocoaPodsがv0.36.0より、Swiftライブラリに対応しています。 …

複数バージョンのXcodeを入れる方法。ダウングレードは不要です

こんにちは、okutani(@okutani_t)です。Xcodeは1つのMac …

vdeepのトップページへ戻る画像です。風船の形をした島を女の子が掴んでいます。