46
45

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?