时间:2021-05-20
购物软件不可避免有添加购物车的页面,那么购物车功能是怎么实现的呐?这里提供一种简单的思路,插入本地数据库。
先看效果
页面结构
本页面是由一个tableview和底部的底部的bottomView构成
底部的bottomView上有按钮,也可以添加其他属性,比如总价格,总重量等参数。
代码结构
思路
看到这样的需求,我想到的是插入本地数据库,每一条数据都有对应的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:@"请选择物品"]; }}代码下载:PurchuseCar_Demo_jb51.rar
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了jQuery实现购物车计算价格功能的方法。分享给大家供大家参考。具体如下:目的实现在html界面修改购物车的件数,购物车商品价格的小计和总计要修改
本文实例为大家分享了java实现购物车功能的具体代码,供大家参考,具体内容如下1需要实现1、实现淘淘商城的购物车功能2购物车功能2.1功能说明1、商品加入购物车
Android实现购物车加减功能,效果图如下所示:publicclassadderViewextendsLinearLayoutimplementsView.O
本文实例讲述了原生js模拟淘宝购物车实现代码。分享给大家供大家参考。具体如下:通过JavaScript实现类似与淘宝的购物车效果,包括商品的单选、全选、删除、修
本文实例为大家分享了vuex实现购物车功能的具体代码,供大家参考,具体内容如下先看效果:代码:vuex购物车案例importAddFromfrom'./Add.