iOS

[Swift]いろんなインジケータを提供してくれるNVActivityIndicatorView

投稿日:

はじめに

こんにちは、nukkyです。
今回はアプリに欠かせないインジケータをいろんなパターン提供してくれ、かつ実装が簡単なNVActivityIndicatorViewを使ってみたので紹介します。

準備

今回もおなじみCarthageを使用します。
Cartfileにこちらを記述してください。

そうしたら、以下のコマンドでビルドしてください。

 

実装

まずはストーリーボードにUIViewを設置します。
今回サンプルでは画面中央に128×128で設置しています。
また、NVActivityIndicatorViewは初期カラーが白のため、サンプルでは背景を見やすく黒にしています。
そしたら、ClassとModuleをNVActivityIndicatorViewに変更します。

コードの方に移ります、まずは以下のインポートを行ってください。

IBOutletで先ほどのViewを接続します。

上記ができたらviewDidLoadに以下の1行を記載してください。

これで実行すれば以下のように表示されるはずです。

ストーリーボードで表示を変更する

ストーリーボードから表示を変更する際は以下の画像のようにAttributeに「typeName」と「color」を追加します。

typeName」で指定する名前は作者様のgithubに表示の見た目と名前があるのでそちらを参考にしてください。
https://github.com/ninjaprox/NVActivityIndicatorView#animation-types
上記画像のように設定すると以下のような表示になります。

コードで表示を変更する

コードで色と見た目を変える際には以下のように「color」と「type」に値を入れてください。

このコードを実行すると以下のような表示になります。

 

さいごに

NVActivityIndicatorViewいかがでしょうか?
自作はそもそも面倒ですし、既存のインジケータを表示するライブラリの中ではオシャレだと思います、個人的にはかなりお気に入りです!

page_footer_300rect




page_footer_300rect




-iOS
-

執筆者:


comment

メールアドレスが公開されることはありません。

CAPTCHA


関連記事

swift

Swift3 [XIBファイル] コードでの呼び出し方まとめ

1 はじめに1.1 前提条件2 TableViewCell2.1 XIBの準備2.2 ViewControllerでの呼び出し3 CollectionView3.1 XIBの準備3.2 ViewCon ...

swift

SwiftでS3への画像アップロード

1 はじめに2 AWS上での事前準備3 CocoaPodsでAWS SDKをインストールをする4 認証の設定をする5 UIImageを保存して、URLを取得する6 S3へアップロードする7 さいごに ...

[Swift4]StringのSwft4変更点と文字列操作

1 はじめに2 Swift4でのString変更点2.1 コレクション化2.2 文字列長の取得2.3 文字列を複数行で定義3 文字列操作3.1 英大文字、小文字変換3.2 ひらがな、カタカナ変換3.3 ...

swift

SwiftでTTTAttributedLabelの文字列からリンク表示

1 はじめに2 TTTAttributedLabelとは3 CocoaPodsでインストール4 実装4.1 Labelの表示4.2 タップの検知5 さいごに はじめに こんにちは。 はじめましてnuk ...

[Swift]アプリのフォアグラウンドに特定の処理を行う。

1 はじめに2 今回の目標3 画面構成4 通知の設定4.1 通知の送信4.2 通知の受信と削除-BaseController5 それぞれの画面の設定5.1 初期画面(FirstViewControll ...

フォロー

follow us in feedly

AppLink

英語

page_side_300rect

2018年4月
« 3月 5月 »
1234567
891011121314
15161718192021
22232425262728
2930 

アプリ情報

目標を達成したい方を応援する、TODOアプリもリリースしております。 下記のアイコンから無料でダウンロードできます。

Web版MyCoach

私たちはより広い方にコーチングを知ってもらいたいと考えています。 下記のサイトにて、コーチの方々を紹介しておりますので、よろしければご覧ください。