Question

我正在尝试观察数组更改并将其绑定到按钮的图像。

如果数组为空。设置一个空车的图片。

否则设置购物车的图片。

所以我做的是：

let x = itemsArray.observeNext { [weak self] (v) in
    let image = v.source.isEmpty ? #imageLiteral(resourceName: "emptyCart") : #imageLiteral(resourceName: "cart")
    self?.orderItemsButton.setImage(image, for: .normal)
}

但是，如果我使用这种方式，我必须在viewWillDisappear或类似的东西中处理x ...

这样做的正确方法是什么？

Answer 1

您可以用绑定替换观察。在这种情况下，一次性由框架本身处理（ReactiveKit）。

您需要做的就是：

itemsArray.bind(to: self) { me, array in
    let image = array.source.isEmpty ? #imageLiteral(resourceName: "emptyCart") : #imageLiteral(resourceName: "cart")
    me.orderItemsButton.setImage(image, for: .normal)
}

您可以在文档中找到有关绑定的更多信息： https://github.com/ReactiveKit/ReactiveKit#bindings

我几乎总是建议bind(to:)代替observeNext。它会自动处理weak self，处理并确保在正确的线程上更新对象。

作为奖励，您还可以通过将数组信号映射到图像信号然后将其绑定到按钮来解决此问题（假设您使用的是ReactiveKit + Bond）。

itemsArray
  .map { $0.source.isEmpty ? #imageLiteral(resourceName: "emptyCart") : #imageLiteral(resourceName: "cart") }
  .bind(to: orderItemsButton.reactive.image)

Answer 2

我认为简单的方法可以是这样的

  var itemsArray: [Any] = [] {
        didSet {
            guard oldValue != itemsArray else { return }
            let image = itemsArray.isEmpty ? #imageLiteral(resourceName: "emptyCart") : #imageLiteral(resourceName: "cart")
            orderItemsButton.setImage(image, for: .normal)
        }
    }

每次设置itemsArray didSet都会被调用，并在需要时更改orderItemsButton的图像。

编辑：

根据您在评论中所说的内容，您可以使用委托

protocol CartDelegate: class {
    func setCartImage(isEmpty: Bool)
}


class ViewController: UIViewController, CartDelegate {

    var orderItemsButton: UIButton!
    var someRandomClass: SomeRandomClass!

    func setCartImage(isEmpty: Bool) {
        if isEmpty {
            // set image to empty cart
            orderItemsButton.setImage(nil, for: .normal)
        } else {
            // set image to full cart
            orderItemsButton.setImage(nil, for: .normal)
        }
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        // initate and set delegate to self
        someRandomClass = SomeRandomClass()
        someRandomClass.delegate = self
    }
}


class SomeRandomClass {
    weak var delegate: CartDelegate?

    var itemsArray: [Any] = [] {
        didSet {
            delegate?.setCartImage(isEmpty: itemsArray.isEmpty)
        }
    }
}

如何绑定数组计数以替换按钮图像

2 个答案: