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

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

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

  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)
        }
    }
}

Answer 2

您可以用绑定替换观察。在这种情况下，disposable 由框架本身 (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 { [=11=].source.isEmpty ? #imageLiteral(resourceName: "emptyCart") : #imageLiteral(resourceName: "cart") }
  .bind(to: orderItemsButton.reactive.image)

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

How to bind array count to replace button image

ios

swift

rx-swift

reactivekit