ios - 如何在swift中使用MVVM和RxSwift显示/隐藏progressHUD

Question

我从 MVVM 开始，以便从视图中很好地分离逻辑代码。但是我有点担心在点击发出请求的按钮时将progressHUD相关代码放在哪里。

以前，我曾经这样做过：

//Before 
@IBAction func startRequestTapped() {
   SVProgressHUD.show()
    self.apiClient.requestObservable().subscribe(onError: { (error) in
        SVProgressHUD.hide()                    
    }, onCompleted: { 
        SVProgressHUD.hide()                                        
    })
}

但是当我使用 mvvm 时，我确实喜欢这样：

//In the viewModel
public var validateButtonDidTap = PublishSubject<Void>()
init() {
    validateButtonDidTap.flatMap { (_)
        return self.apiClient.requestObservable()
    }
}


   // In the viewController
viewDidLoad() {
    let tap = self.validateButton.rx.tap
    tap.bindTo(self.viewModel.validateButtonDidTap)
}

其中，我不知道将 ProgressHUD 隐藏或显示在哪里。

score 10 · Accepted Answer

马克的回答是对的，但我会一步一步地指导你。

假设您要尝试登录。

将ActivityIndicator.swift 文件复制到您的项目中。

在viewModel：

//MARK: - Properties

/// The http client
private let apiClient: YourApiClient

/// Clousure when button is tapped
var didTappedButton: () -> Void = {}

/// The user 
var user: Observable<User>

/// Is signing process in progress
let signingIn: Observable<Bool> = ActivityIndicator().asObservable()

//MARK: - Initialization

init(client: YourApiClient) {
    self.client = client

    self.didTappedButton = { [weak self] in
        self.user = self.apiClient
                        .yourSignInRequest()
                        .trackActivity(self.signingIn)
                        .observeOn(MainScheduler.instance)
    }
}

创建 SVProgressHUD 的扩展：（我不知道 SVProgressHUD 库，但应该是这样的。如果需要，请修复它）

extension Reactive where Base: SVProgressHUD {

    /// Bindable sink for `show()`, `hide()` methods.
    public static var isAnimating: UIBindingObserver<Base, Bool> {
        return UIBindingObserver(UIElement: self.base) { progressHUD, isVisible in
            if isVisible {
                progressHUD.show() // or other show methods
            } else {
                progressHUD.dismiss() // or other hide methods
            }
        }
    }

}

在你的viewController：

@IBAction func startRequestTapped() {
    viewModel.didTappedButton()
}

override func viewDidLoad() {

    // ...

    viewModel.signingIn
             .bindTo(SVProgressHUD.rx.isAnimating)
             .addDisposableTo(disposeBag)
}

score 10 · Accepted Answer

接受的答案更新到 Swift 4、RxSwift 4.0.0 和 SVProgressHUD 2.2.2：

3- 扩展：

extension Reactive where Base: SVProgressHUD {

   public static var isAnimating: Binder<Bool> {
      return Binder(UIApplication.shared) {progressHUD, isVisible in
         if isVisible {
            SVProgressHUD.show()
         } else {
            SVProgressHUD.dismiss()
         }
      }
   }

}

4-控制器：

viewModel.signingIn.asObservable().bind(to: SVProgressHUD.rx.isAnimating).disposed(by: disposeBag)

score 3 · Accepted Answer

您可以尝试使用ActivityIndicator.

请参阅此处的示例： https ://github.com/RxSwiftCommunity/RxSwiftUtilities

ios - 如何在swift中使用MVVM和RxSwift显示/隐藏progressHUD

3 回答 3

Related

Reference