购物车界面实现

作者: qazws | 来源:发表于2017-02-09 09:34 被阅读213次

购物软件不可避免有添加购物车的页面,那么购物车功能是怎么实现的呐?这里提供一种简单的思路,插入本地数据库。

先看效果

Simulator Screen Shot 2017年2月9日 上午9.21.49.png Simulator Screen Shot 2017年2月9日 上午9.21.55.png

页面结构

本页面是由一个tableview和底部的底部的bottomView构成
底部的bottomView上有按钮,也可以添加其他属性,比如总价格,总重量等参数。

代码结构

屏幕快照 2017-02-09 上午9.29.01.png

思路

看到这样的需求,我想到的是插入本地数据库,每一条数据都有对应的id和其他的例如价格等的参数,根据id插入本地是一条可行的方法,为了避免刷新的时候选中的单元格和没选中的单元格的复用,我们需要对按钮做一点操作。

@interface CustomButton : UIButton
@property (nonatomic,assign)NSInteger indexPathRow;
@end

在这个GoodCell里面自定义协议,为了取到某一行的值。
最重要的是选中与没选中的按钮要显示不同的颜色

#pragma mark - selectedBtnAction
-(void)selectedBtnAction:(CustomButton *)btn
{
    btn.selected=!btn.selected;
    [self.delegate GoodsCellDelegateWithIndexPath:btn.indexPathRow];
}

-(void)configWithModel:(GoodsModel *)model{
    self.model = model;
    if (model.btnIsSelected==YES) {
        [self.selectedBtn setImage:[UIImage imageNamed:@"sendcar_selected"] forState:UIControlStateNormal];
    }else{
        [self.selectedBtn setImage:[UIImage imageNamed:@"sendcar_unselected"] forState:UIControlStateNormal];
    }
    //运单号
    self.cardLabel.text = [NSString stringWithFormat:@"运单号:%@",self.model.Ticket_No];
}

控制器界面

代理协议的实现

#pragma mark - delegate
-(void)GoodsCellDelegateWithIndexPath:(NSInteger)indexPathRow
{

    GoodsModel *cacheModel = self.dataArr[indexPathRow];
    if (cacheModel.btnIsSelected) {
//        NSLog(@"YES==%@",cacheModel.Ticket_No);
        cacheModel.btnIsSelected = NO;
    } else {
//        NSLog(@"NO==%@",cacheModel.Ticket_No);
        cacheModel.btnIsSelected = YES;
    }
    //插入---删除   反复切换
    [self.dataManager insertDataFromModel:cacheModel Ticket_No:cacheModel.Ticket_No];
     //每次执行插入删除操作就会刷新底部的车辆的按钮
    [self reloadBottonViewUI];
   [self.tableView reloadRowsAtIndexPaths:@[[NSIndexPath indexPathForRow:indexPathRow inSection:0]] withRowAnimation:UITableViewRowAnimationNone];
}
#pragma mark - 刷新底部的选车的数量   reloadBottonViewUI
-(void)reloadBottonViewUI
{
    if ([self.dataManager getAllGoodsArrCount]>0) {
        [self.toSelectCarBtn setTitle:[NSString stringWithFormat:@"去发车(%ld)",(long)[self.dataManager getAllGoodsArrCount]] forState:UIControlStateNormal];
    }else{
        [self.toSelectCarBtn setTitle:@"去发车" forState:UIControlStateNormal];
    }
}

去往下个页面需要选中的有数据

#pragma mark - 去选车
-(void)toSelectCarBtnAction
{
    if ([self.dataManager getAllGoodsArrCount]>0) {
        //do something
        [self showSingleAlertViewWith:self title:@"提示" message:@"do something"];
    }else{
        [self showSingleAlertViewWith:self title:@"提示" message:@"请选择物品"];
    }
}

代码传送门

相关文章

  • 购物车界面实现

    购物软件不可避免有添加购物车的页面,那么购物车功能是怎么实现的呐?这里提供一种简单的思路,插入本地数据库。 先看效...

  • 购物车的逻辑及处理

    ********《MVC模式下的购物车》******** ViewController: 购物车界面 整个界面就是...

  • 安卓应用之简易购物车实现

    基本要求 1、分三个界面,商品界面、购物车界面和商品详情界面 2、使用adapter填充数据 3、点击购买后购物车...

  • iOS - 购物车界面的实现

    在商城类APP的开发中,购物车功能是必不可少的。在上一个app的开发中生活又对我这个菜鸟下手了,我被安排实现购物车...

  • iOS 购物车

    1、加入购物车动画界面比较简单,画面比较丑,但是基本功能可以实现 在自定制cell界面 在.m文件 在viewCo...

  • Vue + Vuex 实现购物车2

    上篇完成了商品从详情页添加到购物车界面的逻辑,现在在购物车界面已经可以拿到购物车里的商品列表,现在要处理在购物车界...

  • iOS开发 -- 简化购物车多选&全选功能 Tips

    有这样一个界面,类似与淘宝的购物车功能,但要比购物车简单,没有删除和编辑功能。 下面我们先理一理实现该功能的思路吧...

  • 图书购物车

    显示图书购物车界面,移除所有书籍之后,显示购物车为空

  • 酒水购物车

    PurChase酒水购物车 TableView 嵌套 TableView 的模式搭建界面 界面简介: PurCha...

  • 简单的购物车功能实现

    实现一个简单的购物车的功能,界面比较丑见笑了,主要是说一下实现的思路,写起来还是挺简单的。 大致的实现思路是:1....

网友评论

    本文标题:购物车界面实现

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