iOS 物流信息时间轴效果

timelineLogistics 是模仿淘宝物流信息时间轴界面的自定义View

效果

Markdown

使用正则表达式判断字符是否为电话号码，用YYLable进行富文本电话拨打

使用

• 引入Masonry,YYkit库

  • 使用了MAsonry进行布局
  • 使用了YYkit中的YYLable进行富文本电话号码点击拨打电话

• 初始化数组

   NSArray *titleArr = [NSArray arrayWithObjects:
                 @"[北京通州区杨庄公司锦园服务部]快件已被27号楼e站代签收",
                 @"[北京通州区杨庄公司]到达目的地网店，快件将很快进行派送" ,
                 @"[北京通州区杨庄公司]进行派件扫描；派送业务员：周志军；联系电话：13522464946",
                 @"[北京分拨中心]在分拨中心进行卸车扫描",
                 @"[浙江杭州分拨中心]在分拨中心进行称重扫描",
                 @"[浙江杭州下城区三里亭公司]进行揽件扫描",nil];
   NSArray *timeArr = [NSArray arrayWithObjects:
                @"2017-07-04 12:59:00",
                @"2017-07-03 10:59:00",
                @"2017-07-03 08:22:00",
                @"2017-07-03 03:34:22",
                @"2017-07-02 12:59:00",
                @"2017-07-02 08:10:00",nil];

• 转为模型

 for (NSInteger i = titleArr.count-1;i>=0 ; i--) 
 { 
    OKLogisticModel * model = [[OKLogisticModel alloc]init];
    model.dsc = [titleArr objectAtIndex:i];
    model.date = [timeArr objectAtIndex:i];
    [self.dataArry addObject:model];
    }

• 初始化控制器

OKLogisticsView * logis = [[OKLogisticsView alloc]initWithDatas:self.dataArry];
  // 给headView赋值
  logis.wltype=@"已签收";
  logis.number = @"3908723967437";
  logis.company = @"韵达快运";
  logis.phone = @"400-821-6789";
  logis.imageUrl = @"http://pic40.nipic.com/20140420/12064170_201114370112_2.jpg";
  logis.frame = CGRectMake(0, 64, OKScreenWidth, OKScreenHeight-64);
  [self.view addSubview:logis];

Demo下载,如果对你有帮助麻烦点个Star