duwenquan-方形LOGO.png
引述:
??對于每一個電商平臺來說,當用戶提交訂單或者支付完成時,有那么一個用戶習慣是不得不考慮的,那就是這時候用戶一般比較喜歡去我的訂單頁面查看下剛剛購買的商品。所以,我的訂單成了每個電商平臺不可或缺的模塊。今天,就分享一個類似淘寶我的訂單標簽導航頁面的控件,幫幫助開發者快速的構建我的訂單頁面。效果如下圖所示【圖為初版,細節尚未完善】
訂單列表6.gif
DWQListOfDifferentOrderStatus
DWQListOfDifferentOrderStatus框架的組成主要包括了幾個部分
- 1.orderHeader,頭部標簽模塊,主要包含的屬性,聲明的block和實現的方法
//外部決定有多少模塊
@property (nonatomic,strong) NSArray * items;
//內部選中某一個模塊,傳遞給外部
@property (nonatomic,copy) void(^itemClickAtIndex)(NSInteger index);
//由外部決定選中哪一個模塊
-(void)setSelectAtIndex:(NSInteger)index;
-(void)buttonClick:(UIButton*)button;
- 2.DWQOrderListViewController,此控制器主要做的事情是:
1.創建scrollview
2.創建heardView
3.將自動啟添加到主控制器中
4.通過scrollview調整heardview的選中
5.為了能夠流暢的從上一個頁面跳轉到指定訂單列表,如代付款,待收貨等,需要注意的是:
5.1 -(void)viewWillAppear:(BOOL)animated{
[super viewWillAppear:animated];
if (self.index) {
[self changeScrollview:self.index];
//UIScrollViewDecelerationRateFast;
}
}
5.2 -(void)changeScrollview:(NSInteger)index{
[UIView animateWithDuration:0 animations:^{
_scrollView.contentOffset = CGPointMake(index*_scrollView.bounds.size.width, 0);
}];
}
在頁面即將加載時候通過動畫的方式,流暢的跳轉到指定頁面。
使用方法
1.將DWQView和DWQController兩個文件夾拖入工程中
2.在DWQOrderListViewController根絕需求刪減增加控制器,如增加退換貨等。
3.外部跳轉到DWQOrderListViewController,需要跳轉指定頁面的時候,需要傳入一個index。
4.控制器列表中的Cell根據自己需要進行編碼
Demo下載地址
DWQListOfDifferentOrderStatus 下載
請大家關注我的簡書,在GitHub上給個Star噢~~~~~~