LoginSignup
46
45

More than 5 years have passed since last update.

UIアニメーションライブラリ(ボタン)を触ってみた(ios)

Last updated at Posted at 2016-10-17

今回はCocoaPodsで入れられるUIボタン関連を触ってみた

iOSCookiesなどでいろいろ探してみました。

環境

Xcode 7.3.1
Swift version 2.2
iOS 9.3

1. PaperSwitch

paperswich.gif
Viewに対して背景色を変化させてON/OFFを表示させることができる。
使い方はstoryboardにボタンを配置してClassを設定するだけで簡単にできる。
Tint(色合い)を指定しないといけません(実行時エラーが発生する)。
ライセンスを見ると無償ですが、使用の際は表記義務があるようです。

2. LiquidFloatingActionButton

LiquidFloatingActionButton.gif
押すとメニューが表示されるボタンを実現できる。
使い方はLiquidFloatingActionButtonにLiquidFloatingCellの配列を入れる。
それぞれのボタンをカスタムすることができるので、遷移先を変えたり、動作を変更したりできる。
(上記の実装例はアイコンが一緒の例だが、個別に設定できる)
まだ詳しく見れていないが、動きもカスタムできそう?サンプルコードが載ってるのでわりやすい。
こちらもライセンスを見ると無償ですが、使用の際は表記義務があるようです。

3. DOFavoriteButton

いいね!ボタンが簡単に実装できるらしい。
使い方はstoryboardにボタンを配置してClassを設定するだけで簡単にできる。
色は自由に設定できる。
fab.gifスクリーンショット 2016-10-18 0.28.18.png

※使用できるアイコンは一色シルエット画像になる仕様らしい。
buttonの画像選択後、左が右の画像になりました(サイズはうまく調整できます)。
face.pngスクリーンショット 2016-10-18 0.19.58.png
こちらもライセンスを見ると無償ですが、使用の際は表記義務があるようです。

公式画像を見ると、こんなにも可愛らしく実装できます。
demo.gif

その他にも見た目が面白そうなライブラリだが、触っていないもの(以下画像公式から)

4. GBKUIButtonProgressView

ボタンとプログレスビューを簡単に実装できるみたいです。

Inspired by Apple’s download progress buttons in the app store

とのことで、公式のダウンロードボタンに似てますね。
ちょっと参考ソースが少なく、私自身で実装がまだできてないです。
storyboardにカスタムビューとして設定すると使用できるみたいです。

公式画像から下。
progres.gif

5. LoadingButton

loading-button.gif
ローディングのぐるぐるを簡単に表現できるボタン。
コードで実装するらしい。
利用場所は多そう。

6. KYShutterButton

ボタン.gif
かっこいいボタン。
動画録画などのカメラアプリのボタンとして使えるみたい
使い方はstoryboardにボタンを配置してClassを設定するだけで簡単にできるらしい。

7. Custom On/Off Animated UIButton

チェック.gif
これもまた、オンオフをかっこよく表現できるボタン。
チェックボタンとかに使えそう。
使い方はstoryboardにボタンを配置してClassを設定するだけで簡単にできるらしい。

46
45
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
46
45