読者です 読者をやめる 読者になる 読者になる

恥知らずのウェブエンジニア -web engineer, shameless

これは一歩を踏み出すことができない者たちのブログ

ios SVProgressHUDをつかって超絶簡単にローディング表示する

iosアプリ開発中にhttp通信しているところがあったので、
ローディング画面を表示したくなった。

どうやらSVProgressHUDなるライブラリで実装できるとのこと。
さっそくインストール。
samvermette/SVProgressHUD · GitHub

Podfileに追記
pod 'SVProgressHUD', '~> 1.0'

pod update

使い方は超絶簡単!
対象クラスでSVProgressHUDをインポートして、
ローディング表示、終了メソッドを任意の箇所で呼ぶだけ。

#import <SVProgressHUD/SVProgressHUD.h>

//ローディング画面表示
[SVProgressHUD show];

//ローディング終了
[SVProgressHUD dismiss];


さらにSVProgressHUD.hを見てみると
・ローディング表示の見た目、文字や進捗のパーセント表示
・成功、エラー表示
・背景色、各種画像、フォント、サイズ
などもいじれるよう。

せっかくなのでいくつか試してみた

//文字列+対象マスクで表示。
[SVProgressHUD showWithStatus:@"loading!" maskType:SVProgressHUDMaskTypeGradient];

//進捗表示+文字列+対象マスクで表示。
[SVProgressHUD progress:0.5 status:@"loading" maskType:SVProgressHUDMaskTypeGradient];

//成功画像+文字列表示。1秒後消える
[SVProgressHUD showSuccessWithStatus:@"no network..."];

//エラー画像+文字列表示。1秒後消える
[SVProgressHUD showErrorWithStatus:@"no network..."];

//背景色、フォント変更
[[SVProgressHUD appearance] setHudFont:[UIFont fontWithName:@"MarkerFelt-Thin" size:[UIFont systemFontSize]]];
[[SVProgressHUD appearance] setHudBackgroundColor:[UIColor redColor]];


最初は.hファイルってなんだよとか思ってましたが、
ライブラリを見るときはメソッドとかまとめてみれるのでいい感じですね!




感謝致します。

ディスプレイ買ったった!

BenQ 24型ワイドディスプレイ(5ms/フルHD/HDMI×1) GL2460HM

BenQ 24型ワイドディスプレイ(5ms/フルHD/HDMI×1) GL2460HM

f:id:ogataka50:20140513214609j:plain