iOS实现电商购物车界面示例

先看界面效果图：

主要实现了商品的展示，并且可以对商品进行多选操作，以及改变商品的购买数量。与此同时，计算出，选中的总价格。

做此类型项目：要注意的：视图与数据要分离开来。视图的展现来源是数据模型层。所以我做的操作就是改变数据层的内容，在根据数据内容，去更新视图界面。
已下是具体实现思路与代码：

1. 实现步骤

在AppDelegate.m中包含ViewController.h头文件，创建ViewController对象（vc），接着创建一个UINavigationController对象(nVC)将vc设置为自己的根视图，最后设置self.window.rootViewController为nVC。 在ViewController.m中创建一个全局的可变数组，并往里面添加表格需要的数据字典对象。 创建一个GoodsInfoModel 类，继承于NSObject 类，用于做数据模型 创建一个MyCustomCell 类 ，继承于UITableViewCell，自定义单元格类 在MyCustomCell.m 类中，实现单元格的布局 在 ViewController.m 创建表格视图，并且创建表格尾部视图 MyCustomCell 类中定义协议，实现代理，完成加、减的运算。 在 ViewController.m 实现全选运算。

2. 代码实现

2.1 完成界面的导航栏创建

在AppDelegate.m中包含ViewController.h头文件，创建ViewController对象（vc），接着创建一个UINavigationController对象(nVC)将vc设置为自己的根视图，最后设置self.window.rootViewController为nVC。

2.1.1 代码

在AppDelegate.m的 - (BOOL)application:(UIApplication)application didFinishLaunchingWithOptions:(NSDictionary )launchOptions方法中实现以下代码（记得包含#import "ViewController.h"）：

 //创建窗口
self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];
self.window.backgroundColor = [UIColor whiteColor];

//创建一个导航控制器，成为根视图

UINavigationController *nav = [[UINavigationController alloc]initWithRootViewController:[ViewController new]];
self.window.rootViewController = nav;

//显示窗口
[self.window makeKeyAndVisible];

 self.title = @"购物车";
 //设置标题的属性样式等
[self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName : [UIColor blackColor],NSFontAttributeName:[UIFont systemFontOfSize:23.0f]}];

@interface GoodsInfoModel : NSObject
@property(strong,nonatomic)NSString *imageName;//商品图片
@property(strong,nonatomic)NSString *goodsTitle;//商品标题
@property(strong,nonatomic)NSString *goodsPrice;//商品单价
@property(assign,nonatomic)BOOL selectState;//是否选中状态
@property(assign,nonatomic)int goodsNum;//商品个数

-(instancetype)initWithDict:(NSDictionary *)dict;

@end
GoodsInfoModel.m 中
-(instancetype)initWithDict:(NSDictionary *)dict
{
if (self = [super init])
{
 self.imageName = dict[@"imageName"];
 self.goodsTitle = dict[@"goodsTitle"];
 self.goodsPrice = dict[@"goodsPrice"];
 self.goodsNum = [dict[@"goodsNum"]intValue];
 self.selectState = [dict[@"selectState"]boolValue];

}

return self;

}

								 
 1/5    1 2 3 4 5 下一页 尾页