質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

1回答

1893閲覧

ProgressHUDの表示

sam3457

総合スコア52

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

0クリップ

投稿2018/03/25 06:26

編集2018/03/25 07:12

KRProgressHUDというローディング中のグルグルが表示されるライブラリを使っています。

新規で作ったプロジェクトにインストールしたのち、以下の様に記述したところ、きちんと表示されるのですが、

swift

1import UIKit 2import KRProgressHUD 3 4class ViewController: UIViewController { 5 6 override func viewDidLoad() { 7 super.viewDidLoad() 8 // Do any additional setup after loading the view, typically from a nib. 9 } 10 11 @IBAction func button(_ sender: Any) { 12 13 //開始 14 KRProgressHUD.show(withMessage: "Loading...") 15 16 //終了 17 let delay = DispatchTime.now() + 2 18 DispatchQueue.main.asyncAfter(deadline: delay) { 19 KRProgressHUD.dismiss() 20 } 21 } 22 23 override func didReceiveMemoryWarning() { 24 super.didReceiveMemoryWarning() 25 // Dispose of any resources that can be recreated. 26 } 27 28 29} 30 31

イメージ説明

今作っているアプリのuserdefaultに保存・firebaseと通信をするボタンの中で呼び出すと表示されません、、

swift

1 //userdefaultとサーバに送る 2 @IBAction func changeProfile(_ sender: Any) { 3 4 //これ↓が表示されない 5 KRProgressHUD.show(withMessage: "Loading...") 6 7 //userdefaultに保存 8 //名前 9 let username = nameTextField.text 10 userDefault.set(username, forKey: "username") 11 12 //アイコン画像 13 var data: Data = Data() 14 if let image = iconImageView.image { 15 data = UIImageJPEGRepresentation(image, 0.1)! as Data 16 } 17 let encodedIcon = data.base64EncodedString(options: Data.Base64EncodingOptions.lineLength64Characters) as String 18 userDefault.set(encodedIcon, forKey: "usericon") 19 20 21 //サーバに保存 22 let ref = Database.database().reference() 23 let uid = Auth.auth().currentUser?.uid 24 25 //アイコンを設定してない場合は"noimage"を送る 26 if iconImageView.image == UIImage(named: "user.png") { 27 let prof: Dictionary = ["username": username, "usericon": "noimage"] 28 ref.child("profs").child(uid!).setValue(prof) 29 30 } else { 31 32 //アイコンを設定している場合はそれを送る 33 let prof: Dictionary = ["username": username, "usericon": encodedIcon] 34 ref.child("profs").child(uid!).setValue(prof) 35 } 36 37 38 KRProgressHUD.dismiss() 39 40 //これ↓は表示されるのでとりあえずコメントアウト 41 //KRProgressHUD.showSuccess(withMessage: "変更しました") 42 43 } 44

この問題の原因を探す方法や、原因をご存知のお方がいらっしゃいましたらお教えいただけると幸いです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

おそらくですが、

swift

1ref.child("profs").child(uid!).setValue(prof)

ここが非同期で行われるため、
loadingをshowした後に
Userdefaultsやサーバーへのアクセスの完了を待たずに、
loadingがhideされてしまっているのかもしれません。

投稿2018/03/25 11:18

saju

総合スコア46

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

sam3457

2018/03/25 13:42

回答ありがとうございます! 回答を受け、非同期処理について調べて見ました。 firebaseの通信など時間のかかる処理は元から非同期で処理される様になっているのですね、、 ならばわざわざインジケーターを回してまで、ユーザーの操作を止めさせる必要性・意味はない。ということでしょうか? また、今SNSアプリ(twitter、insta系)を作っていて、通信は今のところ全てfirebaseを使って実装しています。その中で長い処理待ち中はユーザーにストレスを与えないためにインジケーターを回しておこうと思っていたのですが、そもそもfirebaseを使っている限りそれが必要になることはないのでしょうか?
saju

2018/03/25 16:24

僕は非同期で通信しているからといって、 「インジケーターを出す場面が全くない」ということはないと思っています! 非同期にすることで、通信など時間のかかる処理の終了を待たずに後続の処理を実行することができるのですが、場合によっては非同期であっても同期的(処理の終了を待って)に処理したい場合もあると思います。 これはUXに関する話になってしまいますが、 例をあげるなら、 SNSアプリで 「記事を投稿して、次の画面で投稿した記事をみる」という流れになっているとしたら、 アップロードした結果(成功・失敗)を見てから画面遷移したいと思います。 もし失敗(サーバーエラー、バリデーションエラー etc...)が発生した場合、投稿する画面でそのエラーを確認できた方が良いと思います。そういった場合は非同期処理の完了を待つ間にインジケータを出しても良いと思います。instaのような画像をアップロードするようなとても重い通信をする場合は特にそうです。 まとめると、ユーザーさんに「長い非同期処理の完了を待って欲しい!」と思っている場合はインジケータを出しても良いと思います。待つ必要がない場合は出さなくてもいいと思います。
sam3457

2018/03/26 05:25

なるほど、、 操作が失敗か成功か別れることがある場合などに確認をさせるためにそこまでインジケータをまわしておくのですね、、 UXについても詳しく調べてみる必要がありそうです! めちゃめちゃ参考になりました!! ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問