UIActivityIndicatorView サンプル
サンプルで動作を確認 コピーペーストで確認できます。
全体をコピー後、不必要な部分を削除することでコーディングを素早くできます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
// インジケータインスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView() // 表示位置、サイズを設定 activityIndicatorView.frame = CGRectMake(100, 100, 50, 50) // 中心位置を指定 activityIndicatorView.center = self.view.center // インジケータの色を赤で設定 activityIndicatorView.color = UIColor.redColor() // アニメーションが停止している時もインジケータを表示 activityIndicatorView.hidesWhenStopped = true // インジケータのスタイルを設定 activityIndicatorView.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.White // アニメーションを開始 activityIndicatorView.startAnimating() // アニメーションを停止 activityIndicatorView.stopAnimating() // インジケータをViewに追加 self.view.addSubview(activityIndicatorView) // インジケータの開始、停止、状態を確認 print(activityIndicatorView.isAnimating()) |
UIActivityIndicatorView 概要
UIKit のラベルを利用する時に利用します。
- Import Statement
import UIKit - Available
iOS 2.0 and later - Inherits
UIView
イニシャライザー (初期化)
■ スタイルを指定してインスタンスを作成
init(activityIndicatorStyle style: UIActivityIndicatorViewStyle)
|
1 2 3 4 5 6 7 8 9 |
// スタイル一覧 enum UIActivityIndicatorViewStyle : Int { case WhiteLarge case White case Gray } // スタイルを指定してインスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge) |
インスタンスメソッド
■ インジケータのアニメーションを開始
func startAnimating()
|
1 2 3 4 |
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge) // アニメーションを開始する. activityIndicatorView.startAnimating() |
■ インジケータのアニメーションを停止
func stopAnimating()
|
1 2 3 4 |
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge) // アニメーションを停止する. activityIndicatorView.stopAnimating() |
■ アニメーションの開始中、停止中の状態を確認
func isAnimating() -> Bool
|
1 2 3 4 |
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge) // アニメーションの開始中、停止中の状態を確認 activityIndicatorView.isAnimating() |
プロパティ
■ アニメーション停止時のインジケータの表示を設定
var hidesWhenStopped: Bool
非表示にする場合は true 表示のままにする場合は false で設定できます。
|
1 2 3 4 |
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge) // インジケータ停止中は非表示にする。 activityIndicatorView.hidesWhenStopped = true |
■ インジケータのスタイルを設定
var activityIndicatorViewStyle: UIActivityIndicatorViewStyle
|
1 2 3 4 |
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView() // インジケータのスタイルを設定 activityIndicatorView.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.White |
■ インジケータの色を設定
var color: UIColor?
|
1 2 3 4 |
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge) // インジケータの色を赤で設定 activityIndicatorView.color = UIColor.redColor() |
利用できるインジケータの種類
■ UIActivityIndicatorViewStyle
スタイル一覧
|
1 2 3 4 5 6 |
// 大サイズ白 UIActivityIndicatorViewStyle.WhiteLarge // 標準サイズ白 UIActivityIndicatorViewStyle.White // 標準サイズ灰色 UIActivityIndicatorViewStyle.Gray |
おすすめの本