美文网首页
day11购物车07-KVO的应用

day11购物车07-KVO的应用

作者: js_huh | 来源:发表于2020-07-17 19:57 被阅读0次

购物车01-搭建基本骨架
购物车02-圆角按钮处理
购物车03-显示数据
购物车04-加号减号点击处理
购物车05-通知的应用
购物车06-清空和购买

NSNotification - 通知
NSNotificationCenter - 通知中心
模拟通知
KVO 浅谈
KVO 原理


是什么?

  • 使用KVO的方式实现点击➕ / ➖, 改变"总价" ?

思路

购买数量发生改变时,就发送个通知给总价

  • 在哪里添加监听呢?

    • 逻辑:
      • 必须为每一个Cell的购买数量添加监听.
      • Cell的购买数量Wine.count来决定得.
      • 那么只要对每一个 Wine模型的count属性添加监听即可.
      • Cell 里面的模型数据是从哪里来得?
        '懒加载'里,通过字典-->模型得到得。
    • 所以在"懒加载"里,给模型赋值时添加监听,那么所有Cell就有了监听了。
  • 怎么区分,是点击了➕ 按钮,还是➖ 按钮?

    • 添加监听时,将'以前的值''现在的值'一起监听.
    • 响应监听时,将'以前的值''现在的值'拿来对比.
    • 现在值(现在的购买数量) > 以前值(以前的购买数量) = 点击了➕ 按钮
    -(NSArray<Wine *> *)wineData{
    if (_wineData == nil) {
      for (NSDictionary* dic in wineArray) {
        ....
        -- KVO - 为每一个模型,添加观察者
        [wine addObserver:self forKeyPath:@"count" options:NSKeyValueObservingOptionNew|NSKeyValueObservingOptionOld context:nil];
        }
      }
    }
    
    - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context{
      int old = [change[NSKeyValueChangeOldKey] intValue]; //获取更改前的值
      int new = [change[NSKeyValueChangeNewKey] intValue]; //获取更改后的值
      if(new > old){
          [self plusTotal:object];  -- 调用加号按钮事件
      }else if(new < old){
          [self minusTotal:object]; -- 调用减号按钮事件
      }
    }
    
  • 为什么点击清空购物车会出现负数?

    • 点击清空购物车,会实现
      总价 = 0,
      所有购买数量为0
    • 购买数量 发生改变会触发KVO
    • 引发 ➖ 按钮事件, 总价 = 总价 - 单价
      也就是 总价 = 0 - 单价,所以是负数.
  • 为什么第二次点击清空购物车, 总价为0,没有变成负数?

    • 第2次点击,没有更改购买数量,也就没有触发KVO.
    • 所以仅仅是将总价改为0

      解决方案: 手动修改,当总价<0时,更改为0
       -(void)minusTotal:(Wine *) wine {
        int total = self.totalLabel.text.intValue - wine.money.intValue;
        if(total<0){
            total = 0;
          } ....
        }
      
  • 移除监听
    removeObserver: forKeyPath:

    -- 移除监听
    - (void)dealloc{
      for (Wine *wine in self.wineData) {
          [wine removeObserver:self forKeyPath:@"count"];
      }
    }
    

相关文章

  • day11购物车07-KVO的应用

    购物车01-搭建基本骨架购物车02-圆角按钮处理购物车03-显示数据购物车04-加号减号点击处理购物车05-通知的...

  • vue指令应用

    应用1: 购物车 代码如下: 应用2: 选项卡 代码如下: 应用3: 用户管理 代码如下:

  • 07-KVO的底层分析

    OC底层原理探索文档汇总[https://www.jianshu.com/p/04883ea4f5aa] 主要内容...

  • 应用:购物车练习

  • Day11 pygame应用

    01.pygame事件 02.鼠标事件的应用 03.鼠标事件的应用2 04.动画效果 05.ballGame 06...

  • day11 pygame应用

    01 pygame事件 02 鼠标事件的运用 03 鼠标事件的应用2 要求:先在屏幕上显示一张图片,鼠标按下移动的...

  • Redux在Flutter中的使用

    为什么要用Redux 当前的问题 举个例子,假如我们现在有一款拥有购物车的应用,那这个购物车肯定是需要能被不同的页...

  • 移动端购物车的实现

    1,一般会在商品详情页里提供一个加购物车的按钮,这是购物车里内容的来源。但是现在很多应用里商品详情里不再提供直接购...

  • 卟弃丰盛日记Day 11

    卟弃丰盛日记Day11 卟弃今日计划Day11 2020.11.1...

  • 综合应用-《正面管教》

    Day11 阅读《正面管教》第11章 综合应用 1、冷静期可以有哪些方式? 答:a.卫生间的使用技巧;b.小说的使...

网友评论

      本文标题:day11购物车07-KVO的应用

      本文链接:https://www.haomeiwen.com/subject/ljkjhktx.html