iOS 物流信息时间轴

代码地址如下:
http://www.demodashi.com/demo/11958.html

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

准备工作

  • 引入Masonry,YYkit库

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

原理

1.自定义view

@interface OKLogisticsView : UIView

/**
 运单号码
 */
@property (copy, nonatomic)NSString *number;

/**
 承运公司
 */
@property (copy, nonatomic)NSString *company;

/**
 官方电话
 */
@property (copy, nonatomic)NSString *phone;

/**
 物流状态
 */
@property (nonatomic,copy) NSString * wltype;

/**
 图片url
 */
@property (nonatomic,copy) NSString * imageUrl;
@property (strong, nonatomic)NSArray *datas;
@property (nonatomic,strong) OKTableHeaderView *header ;
- (instancetype)initWithDatas:(NSArray*)array;
- (void)reloadDataWithDatas:(NSArray *)array;
@end

设置自定义view的tableView的headView为自定义headView。
在自定义view 的set方法中为headview的属性赋值

- (void)setWltype:(NSString *)wltype {
    _wltype = wltype;
    self.header.wltype = wltype;
}
-(void)setNumber:(NSString *)number {
    _number = number;
    self.header.number = number;
}
- (void)setCompany:(NSString *)company {
    _company = company;
    self.header.company = company;
}
- (void)setPhone:(NSString *)phone {
    _phone = phone;
    self.header.phone = phone;
}
- (void)setImageUrl:(NSString *)imageUrl {
    _imageUrl = imageUrl;
    self.header.imageUrl = imageUrl;
}

* 对外提供的刷新数据方法*

- (void)setDatas:(NSArray *)datas {
    if (_datas == datas) {

        _datas = datas;
    }

    [self
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值