【iOS分享之路-快速搭建电商平台】十二、物流信息展示

duwenquan-方形LOGO.png

引述

最近，一直收到读者的点赞和喜欢，以及关注，心里很高兴。也激发我继续努力的写下去。将自己多年的积累毫无保留的全部奉上。对于一个电商平台，当我下完单，卖家发货后，我们最关心的是什么？肯定是货物的物流信息了吧。于是，本人封装了一个物流信息展示框架，能够让你简单快速的在项目中使用。

DWQLogisticsInformation

首先，咱们来看看淘宝的物流信息展示是什么样子的。

物流展示.png

在我们看到这个物流信息展示的时候，我相信，作为一个iOS开发者来说，这是一个UITableView。对，没错，这就是TableView，做iOS多年来，我一直坚信那么一件事情，没有TableView完不成的界面，即使APPLE后来推出了UIcollectionView，我一般情况下也是更喜欢使用TableView。

实现这个界面对于每一个开发者来说我想并不难，只需要自定义Cell即可，自定义的Cell包含左侧轨迹的imageview，物流详情的label，时间的label，再加上逻辑判断等，完全能实现类似淘宝的物流轨迹界面。

DWQLogisticsInformation的使用

DWQLogisticsInformation是为了更方便开发者集成类似淘宝的物流轨迹做的封装，能够让开发者快速的在自己的项目中使用。那么，接下来讲述下如何使用。

1、引入头文件

#import "DWQLogisticModel.h"
#import "DWQLogisticsView.h"
#import "DWQConfigFile.h"

2、下载数据，保存模型，需要将数据解析成两个数组，一个是物流详情数组，另外一个就是时间数组，类似示例代码：

 NSArray *arr = @[@"北包裹正在等待揽收",@"[太原市]百世快递 阳曲收件员 已揽件",@"[太原市]阳曲 已发出",@"[太原市]快件已到达 太原转运中心",@"[太原市]太原转运中心 已发出",@"到济南市【济南转运中心】",@"[济南市]快件已到达 济南转运中心",@"[济南市]济南转运中心 已发出",@"[济南市]【已签收，签收人是拍照签收】，感谢使用百世快递，期待再次为您服务"];
    
    NSArray *dateArray=@[@"2015-6-5",@"2015-6-6",@"2015-6-7",@"2015-6-8",@"2015-6-9",@"2015-6-10",@"2015-6-11",@"2015-6-12",@"2015-6-13"];

3、转模型，将模型存如模型数组

for (NSInteger i =arr.count-1; i>=0 ; i--) {
        DWQLogisticModel *model = [[DWQLogisticModel alloc]init];
        
        model.dsc = [arr objectAtIndex:i];
        
        model.date = [dateArray objectAtIndex:i];
        [self.dataArray addObject:model];
        
 
    }

4、创建DWQLogisticsView,并添加到view上。

  DWQLogisticsView *logis = [[DWQLogisticsView alloc]initWithDatas:self.dataArray];
    
    
    logis.frame = CGRectMake(0, 0, DWQScreenWidth, DWQScreenHeight);
    
    [self.view addSubview:logis];

5、效果展示：

物流.gif

注意：

本框架基于Masonry布局，如遇到和自己项目中的冲突，请自行删除其中一个

Demo下载

DWQLogisticsInformation

喜欢的大家给个点赞和喜欢，下载Demo时候记得给GitHub上点歌Star噢~~~~！

最后编辑于：2018.07.24 14:38:23

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

【iOS分享之路-快速搭建电商平台】十二、物流信息展示