8

我同时是 Swift 和 ReactiveCocoa 菜鸟。使用 MVVM 和 Reactive Cocoa v3.0-beta.4 框架，我想实现这个设置，以了解新 RAC 3 框架的基础知识。

我有一个文本字段，我希望文本输入包含 3 个以上的字母，以进行验证。如果文本通过验证，则应启用下方的按钮。当按钮接收到按下事件时，我想使用视图模型的属性触发一个动作。

由于目前关于 RAC 3.0 beta 的资源很少，我通过阅读框架的 Github repo 上的 QAs 来实现以下内容。到目前为止，这是我能想到的：

ViewModel.swift

class ViewModel {

    var text = MutableProperty<String>("")
    let action: Action<String, Bool, NoError>
    let validatedTextProducer: SignalProducer<AnyObject?, NoError>

    init() {
        let validation: Signal<String, NoError> -> Signal<AnyObject?, NoError> = map ({
            string in
            return (count(string) > 3) as AnyObject?
        })

        validatedTextProducer = text.producer.lift(validation)

        //Dummy action for now. Will make a network request using the text property in the real app. 
        action = Action { _ in
            return SignalProducer { sink, disposable in
                sendNext(sink, true)
                sendCompleted(sink)
            }
        }
    }
}

ViewController.swift

class ViewController: UIViewController {

    private lazy var txtField: UITextField = {
        return createTextFieldAsSubviewOfView(self.view)
    }()

    private lazy var button: UIButton = {
        return createButtonAsSubviewOfView(self.view)
    }()

    private lazy var buttonEnabled: DynamicProperty = {
       return DynamicProperty(object: self.button, keyPath: "enabled")
    }()

    private let viewModel = ViewModel()
    private var cocoaAction: CocoaAction?

    override func viewDidLoad() {
        super.viewDidLoad()
        view.setNeedsUpdateConstraints()

        bindSignals()
    }

    func bindSignals() {
        viewModel.text <~ textSignal(txtField)
        buttonEnabled <~ viewModel.validatedTextProducer

        cocoaAction = CocoaAction(viewModel.action, input:"Actually I don't need any input.")
        button.addTarget(cocoaAction, action: CocoaAction.selector, forControlEvents: UIControlEvents.TouchDown)

        viewModel.action.values.observe(next: {value in
            println("view model action result \(value)")
        })
    }

    override func updateViewConstraints() {
        super.updateViewConstraints()

        //Some autolayout code here
    }
}

RACUtilities.swift

func textSignal(textField: UITextField) -> SignalProducer<String, NoError> {
    return textField.rac_textSignal().toSignalProducer()
        |> map { $0! as! String }
        |> catch {_ in SignalProducer(value: "") }
}

使用此设置，当视图模型的文本长度超过 3 个字符时，按钮将启用。当用户点击按钮时，视图模型的动作就会运行，我可以将返回值设为 true。到目前为止，一切都很好。

我的问题是：在视图模型的操作中，我想使用其存储的文本属性并更新代码以使用它发出网络请求。所以，我不需要来自视图控制器的输入。我的 Action 属性如何不需要输入？

4

2 回答 2

4

从ReactiveCocoa/CHANGELOG.md：

一个动作必须表明它接受的输入类型、它产生的输出类型以及可能发生的错误类型（如果有的话）。

所以目前没有办法在Action没有输入的情况下定义一个。

我想你可以声明你不关心输入，方法是制作它AnyObject?并CocoaAction使用方便的初始化程序创建：

cocoaAction = CocoaAction(viewModel.action)

附加说明

  • 我不喜欢使用AnyObject?代替Boolfor validatedTextProducer。我想您更喜欢它，因为绑定到buttonEnabled属性需要AnyObject?. 我宁愿把它放在那里，而不是牺牲我的视图模型的类型清晰度（见下面的例子）。

  • 您可能希望限制Action视图模型级别以及 UI 上的执行，例如：

    class ViewModel {

    var text = MutableProperty<String>("")
    let action: Action<AnyObject?, Bool, NoError>

    // if you want to provide outside access to the property
    var textValid: PropertyOf<Bool> {
        return PropertyOf(_textValid)
    }

    private let _textValid = MutableProperty(false)

    init() {
        let validation: Signal<String, NoError> -> Signal<Bool, NoError> = map { string in
            return count(string) > 3
        }

        _textValid <~ text.producer |> validation

        action = Action(enabledIf:_textValid) { _ in
            //...
        }
    }
}

    并绑定到buttonEnabled：

    func bindSignals() {
    buttonEnabled <~ viewModel.action.enabled.producer |> map { $0 as AnyObject }
    //...
}
于 2015-05-12T11:12:27.477 回答
2

如果你看一下 Colin Eberhardt关于 ReactiveCocoa 3 的博客文章，有一个很好的方法来解决这个问题。

基本上因为它仍处于测试阶段，所以没有任何扩展UIView可以使这些属性易于与 RAC3 一起使用，但您可以轻松添加它们。我建议添加一个UIKit+RAC3.swift扩展并根据需要添加它们：

import UIKit
import ReactiveCocoa

struct AssociationKey {
    static var hidden: UInt8 = 1
    static var alpha: UInt8 = 2
    static var text: UInt8 = 3
    static var enabled: UInt8 = 4
}

func lazyAssociatedProperty<T: AnyObject>(host: AnyObject,
    key: UnsafePointer<Void>, factory: ()->T) -> T {
        var associatedProperty = objc_getAssociatedObject(host, key) as? T

        if associatedProperty == nil {
            associatedProperty = factory()
            objc_setAssociatedObject(host, key, associatedProperty,
                UInt(OBJC_ASSOCIATION_RETAIN))
        }
        return associatedProperty!
}

func lazyMutableProperty<T>(host: AnyObject, key: UnsafePointer<Void>,
    setter: T -> (), getter: () -> T) -> MutableProperty<T> {
        return lazyAssociatedProperty(host, key) {
            var property = MutableProperty<T>(getter())
            property.producer
                .start(next: {
                    newValue in
                    setter(newValue)
                })
            return property
        }
}

extension UIView {
    public var rac_alpha: MutableProperty<CGFloat> {
        return lazyMutableProperty(self, &AssociationKey.alpha, { self.alpha = $0 }, { self.alpha  })
    }

    public var rac_hidden: MutableProperty<Bool> {
        return lazyMutableProperty(self, &AssociationKey.hidden, { self.hidden = $0 }, { self.hidden  })
    }
}

extension UIBarItem {
    public var rac_enabled: MutableProperty<Bool> {
        return lazyMutableProperty(self, &AssociationKey.enabled, { self.enabled = $0 }, { self.enabled  })
    }
}

这样，您只需将RAC = RACObserve逻辑替换为（例如）：

var date = MutableProperty<NSDate?>(nil)
var time = MutableProperty<Int?>(nil)

let doneItem = UIBarButtonItem()
doneItem.rac_enabled <~ date.producer
        |> combineLatestWith(time.producer)
        |> map { return $0.0 != nil && $0.1 != nil }

同样，这一切都来自他的博客文章，比这个答案更具描述性。我强烈建议任何对使用 RAC 3 感兴趣的人阅读他的精彩文章和教程：

于 2015-05-21T16:18:53.733 回答