LoginSignup
19
16

More than 5 years have passed since last update.

ボタンタップ時のアニメーションをカスタマイズできるUIButton

Last updated at Posted at 2016-01-16

漫画アプリのcomicoの応援ボタンをタップした時のアニメーションが素晴らしいと思って、わたしもそれらしいボタンタップアニメーションを作りたいと思って作ってみました。
ほとんどコード書いてないが。。。
iOS7環境がなかったので、試してないですが、多分iOS7でも動くのでは?と思っています。

PPPerticleButton.gif

利用方法

  1. 上記githubからPPParticleButton.swiftをコピー
  2. File->New->File...->Resource->SpriteKit Particle Fileを選択して、sksファイルを作成。sparkなどのdefaultの画像でParticle Fileが作成されるが、次で変更する。
  3. Particle File(sksファイル)を好みに編集。好みの画像をParticle Textureにセット。
    PPPerticleButtonSKS_2.gif

  4. コードでPPParticleButtonクラス(UIButtonサブクラス)を初期化または、storyboardのUIButtonのClassにPPParticleButtonクラスを設定する。
    スクリーンショット 2016-01-17 5.19.48.png



5. あとはPPPerticleButtonのparticleFileNameMapプロパティにParticle File名(拡張子除く)を設定するだけ。

  • ボタンタップ時、常にアニメーションしたい場合
ppparticleButton.particleFileNameMap[PPParticleButtonEffectType.Normal] = "Particle File名"


  • ボタンタップ時、ボタンがselected=falseのときだけアニメーションしたい場合
ppparticleButton.particleFileNameMap[PPParticleButtonEffectType.UnSelected] = "Particle File名"


  • ボタンタップ時、ボタンがselected=trueのときだけアニメーションしたい場合
ppparticleButton.particleFileNameMap[PPParticleButtonEffectType.Selected] = "Particle File名"


まとめ

sksファイルはXcodeでグラフィカルに編集できるので、アニメーションの細かい設定をデザイナーさんにもやってもらえそうな気がしています。
まだ、作ったばかりですが、CocoaPodsに対応したり、Wikiもちゃんと書いたりしていこうと思います。
よかったら、ぜひ、使ってみてください!

19
16
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
19
16