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 コメント:
コメントを投稿