UIActivityIndicatorView サンプル
サンプルで動作を確認 コピーペーストで確認できます。
全体をコピー後、不必要な部分を削除することでコーディングを素早くできます。
// インジケータインスタンスを作成 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)
// スタイル一覧 enum UIActivityIndicatorViewStyle : Int { case WhiteLarge case White case Gray } // スタイルを指定してインスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge)
インスタンスメソッド
■ インジケータのアニメーションを開始
func startAnimating()
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge) // アニメーションを開始する. activityIndicatorView.startAnimating()
■ インジケータのアニメーションを停止
func stopAnimating()
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge) // アニメーションを停止する. activityIndicatorView.stopAnimating()
■ アニメーションの開始中、停止中の状態を確認
func isAnimating() -> Bool
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge) // アニメーションの開始中、停止中の状態を確認 activityIndicatorView.isAnimating()
プロパティ
■ アニメーション停止時のインジケータの表示を設定
var hidesWhenStopped: Bool
非表示にする場合は true 表示のままにする場合は false で設定できます。
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge) // インジケータ停止中は非表示にする。 activityIndicatorView.hidesWhenStopped = true
■ インジケータのスタイルを設定
var activityIndicatorViewStyle: UIActivityIndicatorViewStyle
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView() // インジケータのスタイルを設定 activityIndicatorView.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.White
■ インジケータの色を設定
var color: UIColor?
// インスタンスを作成 let activityIndicatorView : UIActivityIndicatorView! = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge) // インジケータの色を赤で設定 activityIndicatorView.color = UIColor.redColor()
利用できるインジケータの種類
■ UIActivityIndicatorViewStyle
スタイル一覧
// 大サイズ白 UIActivityIndicatorViewStyle.WhiteLarge // 標準サイズ白 UIActivityIndicatorViewStyle.White // 標準サイズ灰色 UIActivityIndicatorViewStyle.Gray
おすすめの本