代码地址如下:
http://www.demodashi.com/demo/11958.htmltimelineLogistics 是模仿淘宝物流信息时间轴界面的自定义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