2013/08/29

[iOS][Objective-C]SVProgressHUDの導入方法

Pinterestなどでよく使われるレイヤーが表示され、さらにその上にローディング画像が現れるUIですが、実は、
SVProgressHUD
というソースが使われていることが判明。
(どうして知ったかについては、Pinterestのアプリ内のところにオープンソースの断りに書いてあったから)

前々からちょっと使ってみたいなーっと思ったので、その導入方法について書きたいと思います。

もう、めちゃくちゃ簡単で、
SVProgressHUDでソースをダウンロード。

で、次に、SVProgressHUDフォルダをそのままXcodeにコピペする。

現時点での、SVProgressHUDフォルダの構成は下記の通り。

SVProgressHUD-Prefix.pch
SVProgressHUD.bundle
SVProgressHUD.h
SVProgressHUD.m
次に実際に使いたいところで下のようインポート行う。
#import "SVProgressHUD.h"
実行は、下のたった一行で表示することができる。
[SVProgressHUD show];
表示している間、そのレイヤーの下側のViewを触らせないようにマスクをつける場合は、
[SVProgressHUD showWithMaskType:SVProgressHUDMaskTypeClear];
とすることで、透明なマスクをつけることができる。

この時に、黒色にしたい場合は、
[SVProgressHUD showWithMaskType: SVProgressHUDMaskTypeBlack];
とすることで、マスクの色を変えることができる。

で、表示されたレイヤーを消したい場合は、
[SVProgressHUD dismiss];
で非表示にすることができる。

ただ、これだとちょっと味気ない場合、トランザクション中に表示している時など、結果どうなったのかUIで表したいときがあります。

そんなときは、
[SVProgressHUD showSuccessWithStatus:@"saved"];
と書くことにより、正常終了を表現することもできるし、失敗した場合は、
[SVProgressHUD showErrorWithStatus:@"failed"];
なんてすることもできる。

ちょっとgithubだけの説明だと、わからないところがあったので、1エントリーにまとめましたー。

0 コメント:

コメントを投稿