iOS 购物车

整理一个简单的购物车小demo。主要利用“通知”来实现事件的传递。通知的发布和监听、移除通知。(资料来源于小码哥)
  • UITableView 搭建基本骨架、加减按钮的圆角边框处理、底部工具条及数据显示
  • model
  • UITableViewCell 自定义
  • NSNotificationCenter 监听发布及移除
效果图.png
如上图所示：点击加减按钮可以改变购物数量，底部工具条上的总价也随之变化计算出相应的价格总和。减号按钮、清空购物车按钮 默认不能点击，当数量大于0时可以点击。
model.m文件
#import <Foundation/Foundation.h>

@interface MRootModle : NSObject
@property (copy, nonatomic) NSString *money;
@property (copy, nonatomic) NSString *name;
@property (copy, nonatomic) NSString *image;
//
@property (nonatomic,assign)int count;
@end

RootViewController.m文件

#import "RootViewController.h"
#import "RootTableViewCell.h"
#import "MRootModle.h"
#import "MJExtension.h"
#define ScreenWidth  [UIScreen mainScreen].bounds.size.width
#define ScreenHeight  [UIScreen mainScreen].bounds.size.height

@interface RootViewController ()<UITableViewDelegate,UITableViewDataSource>
@property (nonatomic,strong)UITableView *tableView;
@property (nonatomic,strong)NSArray *dataArray;//数据源
@property (nonatomic,strong)UILabel *priceLabel;//总价价格
@property (nonatomic,strong)UILabel *zongjiaLabel;//总价
@property (nonatomic,strong)UIButton *clearBtn;//清空购物车
@property (nonatomic,strong)UIButton *buyBtn;//购物
@end

@implementation RootViewController
//数据源
- (NSArray *)dataArray{
    if (!_dataArray) {
        _dataArray = [MRootModle  mj_objectArrayWithFilename:@"wine.plist"];
    }
       return _dataArray;
}
- (UITableView *)tableView{
    if (!_tableView) {
        _tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0,ScreenWidth, ScreenHeight-49) style:UITableViewStylePlain];
        _tableView.delegate = self;
        _tableView.dataSource = self;
        _tableView.tableFooterView = [[UIView alloc]init];
    }
    return _tableView;
}
- (void)viewDidLoad {
    [super viewDidLoad];
    self.navigationItem.title = @"购物车";
    [self.view addSubview:self.tableView];
    [self creatFootView];
    //监听通知
    NSNotificationCenter *center = [NSNotificationCenter defaultCenter];
    [center addObserver:self selector:@selector(plusClick:) name:@"plusClickNSNotification" object:nil];
    [center addObserver:self selector:@selector(minusClick:) name:@"minusClickNSNotification" object:nil];
}
- (void)creatFootView{
    //底部View
    UIView *footView = [[UIView alloc]initWithFrame:CGRectMake(0, ScreenHeight-49, ScreenWidth, 49)];
    footView.backgroundColor = [UIColor whiteColor];
    [self.view addSubview:footView];
    //黑线
    UIView *line = [[UIView alloc]initWithFrame:CGRectMake(0, ScreenHeight-49, ScreenWidth, 1)];
    line.backgroundColor = [UIColor blackColor];
    line.alpha = 0.3;
    [self.view addSubview:line];
    //总价
    _zongjiaLabel = [[UILabel alloc]initWithFrame:CGRectMake(15, 8, 60, 33)];
    _zongjiaLabel.font = [UIFont systemFontOfSize:15];
    _zongjiaLabel.text =@"总价:￥";
    [footView addSubview:_zongjiaLabel];
    //
    _priceLabel = [[UILabel alloc]initWithFrame:CGRectMake(65, 8, 100, 33)];
    _priceLabel.text = @"0";
    _priceLabel.textColor = [UIColor redColor];
    [footView addSubview:_priceLabel];
    //购物
    _buyBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    _buyBtn.frame = CGRectMake(ScreenWidth - 160, 8, 40, 33);
    [_buyBtn setTitle:@"购物" forState:UIControlStateNormal];
    [_buyBtn setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
    _buyBtn.font = [UIFont systemFontOfSize:17];
        [_buyBtn addTarget:self action:@selector(buyClick:) forControlEvents:UIControlEventTouchUpInside];
    [footView addSubview:_buyBtn];
    //清空购物车
    _clearBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    _clearBtn.frame = CGRectMake(ScreenWidth-160, 8, 200, 33);
    [_clearBtn setTitle:@"清空购物车" forState:UIControlStateNormal];
    [_clearBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    _clearBtn.font = [UIFont systemFontOfSize:17];
    [_clearBtn addTarget:self action:@selector(clearClick:) forControlEvents:UIControlEventTouchUpInside];
    [footView addSubview:_clearBtn];
}
//购买
- (void)buyClick:(UIButton *)btn{
    NSLog(@"购买");
}
//清空购物车
- (void)clearClick:(UIButton *)btn{
    //清除模型里的数据
    for (MRootModle *model in _dataArray) {
        model.count = 0;
    }
    //刷新表格数据
    [self.tableView reloadData];
    self.priceLabel.text = @"0";
    self.clearBtn.enabled = NO;
    NSLog(@"清空购物车");
}
//减号的通知事件
- (void)plusClick:(NSNotification *)notif{
    RootTableViewCell *cell =notif.object;
    int price =self.priceLabel.text.intValue+cell.model.money.intValue;
    //如果有文字就不行转换
     _priceLabel.text = [NSString stringWithFormat:@"%d",price];
    if (price>0) {
        _clearBtn.enabled = YES;
        [_buyBtn setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
    }
}
//加号的通知事件
- (void)minusClick:(NSNotification *)notif{

    RootTableViewCell *cell = notif.object;
    int price = self.priceLabel.text.intValue - cell.model.money.intValue;
    _priceLabel.text =[NSString stringWithFormat:@"%d",price];
    if (price==0) {
        _clearBtn.enabled = NO;
        [_buyBtn setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
    }
}

- (void)dealloc{
    //移除通知
    [[NSNotificationCenter defaultCenter]removeObserver:self];
}

/**
 代理
 */

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return self.dataArray.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    RootTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"iden"];
    if (cell == nil) {
        cell= [[RootTableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"iden"];
    }
    cell.model =_dataArray[indexPath.row];

    cell.selectionStyle = UITableViewCellSelectionStyleNone;
    return cell;
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
}
TableViewCell.m文件
@interface RootTableViewCell ()

@property (nonatomic,strong)UIButton *jiaBtn;
@property (nonatomic,strong)UIButton *jianBtn;
@property (nonatomic,strong)UILabel *numLabel;
@property (nonatomic,strong)UIImageView *headerImageView;
@property (nonatomic,strong)UILabel *titletLabel;
@property (nonatomic,strong)UILabel *danjiaLabel;

@end

@implementation RootTableViewCell

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
    if ([super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        [self createUI];
    }
    return self;
}
- (void)createUI{
    //图片
    _headerImageView = [[UIImageView alloc]initWithFrame:CGRectMake(10, 2, 40, 40)];
    _headerImageView.backgroundColor = [UIColor brownColor];
    [self.contentView addSubview:_headerImageView];
    //题目
    _titletLabel = [[UILabel alloc]initWithFrame:CGRectMake(53, 0, 200, 30)];
    _titletLabel.textColor = [UIColor orangeColor];
    _titletLabel.font = [UIFont systemFontOfSize:11];
    [self.contentView addSubview:_titletLabel];
    //单价
    _danjiaLabel = [[UILabel alloc]initWithFrame:CGRectMake(53, 25, 50, 20)];
    _danjiaLabel.textColor = [UIColor orangeColor];
    _danjiaLabel.font = [UIFont systemFontOfSize:11];
    [self.contentView addSubview:_danjiaLabel];
    //加号button
    _jiaBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    _jiaBtn.frame = CGRectMake(ScreenWidth-50, 5, 35, 35);
     [_jiaBtn setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
    [_jiaBtn setTitle:@"+" forState:UIControlStateNormal];
    [_jiaBtn addTarget:self action:@selector(jiaClick) forControlEvents:UIControlEventTouchUpInside];
    [self custombutton:_jiaBtn];
    //数量
    _numLabel =[[UILabel alloc]initWithFrame:CGRectMake(ScreenWidth - 80, 12, 20, 20)];
    _numLabel.font = [UIFont systemFontOfSize:11];
    [self.contentView addSubview:_numLabel];
    //减号button
    _jianBtn = [UIButton buttonWithType:UIButtonTypeSystem];
    [_jianBtn setTitle:@"-" forState:UIControlStateNormal];
    _jianBtn.frame =CGRectMake(ScreenWidth-140, 5, 35, 35);
    _jianBtn.enabled = NO;
    [_jianBtn addTarget:self action:@selector(jianClick) forControlEvents:UIControlEventTouchUpInside];
    [self custombutton:_jianBtn];

}
-(void)setModel:(MRootModle *)model{
    _model =model;
    NSLog(@"%@",model.image);
    _headerImageView.image =[UIImage imageNamed:model.image];
    _titletLabel.text = model.name;
    _danjiaLabel.text = [NSString stringWithFormat:@"￥%@",model.money];
    _numLabel.text =[NSString stringWithFormat:@"%d",model.count];
    //判断减号能不能用
    _jianBtn.enabled = (_model.count>0);
}
// + 按钮
- (void)jiaClick{
    NSLog(@"加一件");
    self.model.count++;
    _numLabel.text =[NSString stringWithFormat:@"%d",self.model.count];
    if (_model.count>0) {
        self.jianBtn.enabled = YES;
    }
    //发布通知
    [[NSNotificationCenter defaultCenter]postNotificationName:@"plusClickNSNotification" object:self];
}
//  — 按钮
- (void)jianClick{

    self.model.count--;
    _numLabel.text =[NSString stringWithFormat:@"%d",self.model.count];
    if (!(self.model.count>0)) {
        _numLabel.text =[NSString stringWithFormat:@"0"];
        _jianBtn.enabled =NO;
    }
    //发布通知
     [[NSNotificationCenter defaultCenter]postNotificationName:@"minusClickNSNotification" object:self];
    NSLog(@"减一件");

}
//处理加减按钮的圆角边框
- (void)custombutton:(UIButton *)btn{

    btn.layer.cornerRadius = btn.frame.size.width*0.5;
    btn.layer.borderWidth = 1;
    btn.layer.borderColor = [UIColor orangeColor].CGColor;
    [btn setTitleColor:[UIColor grayColor] forState:UIControlStateHighlighted];
    btn.titleLabel.font = [UIFont systemFontOfSize:25];
    [self.contentView addSubview:btn];

}
当然也可以用KVO来关联view与model。取代通知下面贴出代码：
- (NSArray *)wineArray
{
    if (!_wineArray) {
        _wineArray = [XMGWine mj_objectArrayWithFilename:@"wine.plist"];
        NSLog(@"数据源%@",_wineArray);
        for (XMGWine *wine in _wineArray) {

            [wine addObserver:self forKeyPath:@"count" options:NSKeyValueObservingOptionNew| NSKeyValueObservingOptionOld context:nil];
        }
    }
    return _wineArray;
}

- (void)viewDidLoad {
    [super viewDidLoad];
}

- (void)dealloc {
    for (XMGWine *wine in _wineArray) {
        [wine removeObserver:self forKeyPath:@"count"];
    }
}

#pragma mark - KVO
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(XMGWine *)wine change:(NSDictionary<NSString *,id> *)change context:(void *)context{
    // NSKeyValueChangeNewKey == @"new"
    int new = [change[NSKeyValueChangeNewKey] intValue];
    // NSKeyValueChangeOldKey == @"old"
    int old = [change[NSKeyValueChangeOldKey] intValue];
    if (new > old) { // 数量增加,点击加号
        // 计算总价
        int totalPrice = self.totalPriceLabel.text.intValue + wine.money.intValue;
        // 设置总价
        self.totalPriceLabel.text = [NSString stringWithFormat:@"%d",totalPrice];
        // 购买按钮一定能点击
        self.buyButton.enabled = YES;
    } else { // 数量减少,点击减号
        // 计算总价
        int totalPrice = self.totalPriceLabel.text.intValue - wine.money.intValue;
        // 设置总价
        self.totalPriceLabel.text = [NSString stringWithFormat:@"%d",totalPrice];
        // 控制购买按钮是否能点击
        self.buyButton.enabled = (totalPrice > 0);

    }
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 203,098评论 5赞 476
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 85,213评论 2赞 380
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 149,960评论 0赞 336
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,519评论 1赞 273
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,512评论 5赞 364
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,533评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,914评论 3赞 395
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,574评论 0赞 256
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,804评论 1赞 296
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2赞 319
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,350评论 4赞 318
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,933评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1赞 259
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2赞 349
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2赞 342

推荐阅读更多精彩内容