Trình tải hoạt ảnh như Snapchat

Question

Tôi đã tự hỏi làm thế nào Snapchat hoạt hình mà ma điều khi bạn kéo xuống để làm mới? Tôi muốn thực hiện điều đó trong ứng dụng của mình và tự hỏi nó đã được thực hiện như thế nào.

Answer 1

Tôi nghĩ bạn cần viết giải pháp của riêng mình. Nhưng nó thực sự không phải là khó.

Bạn cần tạo chế độ xem tiêu đề bảng tùy chỉnh chứa hình ảnh có thể kéo dài và thực hiện một số thao tác trong UITableViewDelegate. Dưới đây là một triển khai khá chung chung về xử lý kiểm soát làm mới tùy chỉnh.

1) tạo ra một UIView tùy chỉnh để phục vụ như xem chỉ kéo xuống của bạn:

header file:

#import <UIKit/UIKit.h> 

typedef enum UpdateListViewState 
{ 
    UpdateListViewStatePull, 
    UpdateListViewStateRelease, 
    UpdateListViewStateUpdate 

}UpdateListViewState; 


@interface UpdateListView : UIView 
@property (nonatomic,readwrite) UpdateListViewState state; 
@property (nonatomic,strong) UIImageView imageView; 
@end 

2) Giao headerView như tiêu đề tableView:

self.header = [[UpdateListView alloc] init]; 
self.table.tableHeaderView = self.header; 

3) Trong UITableViewDelegate của bạn , Thực hiện xử lý cuộn bảng:

const int UPDATE_DRAG_HEIGHT = -70; 

- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset 
{ 
    if (self.header.state == UpdateListViewStateRelease) { 
     //Perform update stuff here & perhaps refresh animation 
     self.header.state = UpdateListViewStateInitial; 

    } 
} 

-(void)scrollViewDidScroll:(UIScrollView *)scrollView 
{ 
    //adjust size of self.header.imageView here according to scrollView.ContentOffset 
    if (scrollView.contentOffset.y < UPDATE_DRAG_HEIGHT && self.header.state != UpdateListViewStateUpdate) { 
      self.header.state = UpdateListViewStateRelease; 
    } 
}