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

blog-page_footer_336




blog-page_footer_336




-iOS
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


関連記事

[初心者向け]続・Xcodeの使い方(よく使うショートカットキーとエディタ)

1 はじめに1.1 前提条件2 ショートカットキー2.1 定義に移動(Jump to Definition)2.2 Quick Help2.3 Rename2.4 Edit All in Scope2 ...

UserNotificationsの使い方について

1 はじめに2 UserNotificationsフレームワーク3 基本実装3.1 デリゲートの設定3.2 ユーザー許可3.3 デバイストークン取得後3.4 バックグラウンドで通知受信3.5 フォアグ ...

swift

Swiftの「UIActivityViewController」でTwitterにだけハッシュタグをつけたい!

1 はじめに2 実装2.1 まずはやってみよう2.2 Twitter連携時のみにハッシュタグをつけたい3 さいごに はじめに こんにちわ、nukkyです。 今回はSNSやメール連携したいときに便利な ...

[Swift]Alamofireを使ってファイルをDLしてみる

1 はじめに1.1 前提条件2 今回やること3 準備4 実装4.1 DLしたファイルへのアクセス5 さいごに はじめに こんにちは、nukkyです。 みなさんSwiftでの通信ライブラリは何を使ってま ...

[Swift] プロトコルを弱参照するために

1 はじめに2 プロトコルとは2.1 プロトコルの作成方法2.2 プロトコルを採用したクラス作成2.3 使用例3 ClassOnlyProtocolとは3.1 メリット3.2 使用例4 最後に5 おす ...

フォロー

blog-page_side_responsive

2018年4月
1234567
891011121314
15161718192021
22232425262728
2930  

アプリ情報

私たちは無料アプリもリリースしています、ぜひご覧ください。 下記のアイコンから無料でダウンロードできます。