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


関連記事

Flutter開発のはじめかた 開発環境セットアップ〜Widtgetの解説

1 はじめに2 セットアップ2.1 Flutterのインストール2.1.1 Android環境のセットアップ2.1.2 Xcodeのインストール2.1.3 IDEのセットアップ(Android Stu ...

swift

[Swift3] SwitchとEnumを使ってSectionやCellを指定する

1 はじめに1.1 環境2 Enumの用意3 Tableの用意4 Cellの返却にEnumを使用する5 さいごに はじめに どうも、はじめです。 今回はSectionやCellの指定にSwitchとE ...

swift

Swiftでのパーミッション取得を簡単に

1 はじめに2 準備3 実装3.1 とりあえず表示3.2 カスタマイズ4 さいごに はじめに こんにちは、nukkyです。 今回は、アプリにはつきもののユーザへのパーミッションの確認を 簡単に行えるラ ...

iOS14のWidget機能を使ってみた。

1 はじめに2 Xcode 12 betaの入れ方3 WidgetExtensionの追加方法4 デフォルトのコード説明5 Configurationについて6 プロバイダー6.1 snapshot6 ...

swift

iOSアプリのチュートリアルに便利なMMPopLabel

1 はじめに2 準備3 実装3.1 Storyboard3.2 MMPopLabelの準備3.3 MMPopLabelの表示3.4 Delegate4 さいごに はじめに こんにちは、nukkyです。 ...

フォロー

blog-page_side_responsive

2018年4月
1234567
891011121314
15161718192021
22232425262728
2930  

アプリ情報

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