LoginSignup
45
43

More than 5 years have passed since last update.

Swiftでロード中アニメーションSVProgressHUDを利用するには

Last updated at Posted at 2014-08-28

要件

Xcode6-Beta5を利用

CocoaPodsをインストール

CocoaPodsをインストールしないとはじまらないので。
CocoaPodsのインストールにはRubyが必要とのことだが、MacはRubyが入っているので割愛。

$ sudo gem install cocoapods

CocoaPodsで扱うライブラリの情報をセットアップ

$ pod setup
Updating spec repo `master'

記のコマンドを実行すると、~/.cocoapodsディレクトリにCocoaPods/Specsにあるファイルが展開される。

Swiftでプロジェクト作成

先ず、Create a new Xcode projectでプロジェクト作成。
スクリーンショット_2014_08_06_9_17.png

今回はSingle View Applicationを選択。
スクリーンショット_2014_08_06_9_19.png

今回名称はsampleで進めます。Lnguageは「Swift」に。
スクリーンショット_2014_08_06_9_21.png

Podfileの作成

先ほど作成したsample.xcodeprojと同じディレクトリにPodfileを作成します。
sample.png

sample$ vi Podfile
Podfile
platform :ios, "8.0"
pod 'SVProgressHUD'

ライブラリのインストール

Podfileが完成したらライブラリをインストール

$ pod install
Analyzing dependencies
Downloading dependencies
Installing SVProgressHUD (1.0)
Generating Pods project
Integrating client project

[!] From now on use `sample.xcworkspace`.

インストールが完了するとsample.xcworkspaceが完成する。
sample.png

このsample.xcworkspaceを開く。

Bridging-Headerを作成

Swiftで使いたいコードのヘッダーをインポートするBriding-Headerを作成する。
New FileメニューからCocoa Touch Classを選択し、言語をObjective-Cにしてクラスを生成する。

sample_xcodeproj.png

「Would you like to configure an Objective-C bridging header?」のメッセージにYes

スクリーンショット_2014_08_06_9_38.png

sample-Bridging-Header.hが出来上がっている。

sample_xcodeproj.png

ここに、下記を追記。

sample-Bridging-Header.h
#import <SVProgressHUD.h>

Swiftから呼び出し

とりあえずストーリーボードで下記のようにボタンを並べる。
Main_storyboard_—_Edited.png

Ctrlを押しながらConnectionでActionを選択。
スクリーンショット 2014-08-19 9.10.14.png

サンプル

作成したボタンにそれぞれ、Actionを割当。
これ以外も色々ありそうだけどとりあえず代表的なもの。

ローディングを表示

SVProgressHUD.show()

スクリーンショット 2014-08-19 9.14.34.png

ローディングを表示(文字を入力)

SVProgressHUD.showWithStatus("読み込み中")

スクリーンショット 2014-08-19 9.18.18.png

成功

SVProgressHUD.showSuccessWithStatus("接続成功!!")

スクリーンショット 2014-08-19 9.20.31.png

失敗

SVProgressHUD.showErrorWithStatus("ネットワーク通信エラーです")

スクリーンショット 2014-08-19 9.21.22.png

引っ込める

SVProgressHUD.dismiss()
45
43
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
45
43