iOS 实现类似抖音翻页滚动结果

这里是结果图

参考抖音的滚动结果，需要我们在竣事拖动的时候，动画设置偏移量
这里有一个注意点，由于我们是在拖动竣事的时候，手动改变tableview的偏移量，
改变了tableView 自身原有的的滚动结果，所以我们
需要讲tableView 的frame的高度设置为三个cell的高度，然后，设置contentInset
的顶部和底部都是cell的高度，否则会导致我们滚动的过程中cell还没有加载出来
，展示成一片空白的结果
直接上代码

1. //
2. //  DouyinScrollViewController.m
3. //  TEXT
4. //
5. //  Created by mac on 2024/4/28.
6. //  Copyright © 2024 刘博. All rights reserved.
7. //
9. #import "DouyinScrollViewController.h"
10. #import "DouyinScrollTableViewCell.h"
12. static CGFloat const height = 700;
14. @interface DouyinScrollViewController () <UITableViewDelegate, UITableViewDataSource>
16. @property (nonatomic, strong) UITableView *tableView;
18. @property (nonatomic, assign) NSInteger currentIndex;
20. @property (nonatomic, assign) CGFloat velocity;
22. @property (nonatomic, strong) NSMutableArray *colorArray;
24. @end
26. @implementation DouyinScrollViewController
28. - (void)viewDidLoad {
29.     [super viewDidLoad];
30.     [self.view addSubview:self.tableView];
31.     self.colorArray = [NSMutableArray array];
32.     for (int i = 0; i < 10; i ++) {
33.         int r = arc4random() % 255;
34.         int g = arc4random() % 255;
35.         int b = arc4random() % 255;
36.         CGFloat rr = r / 255.0;
37.         CGFloat rg = g / 255.0;
38.         CGFloat rb = b / 255.0;
39.         UIColor *color = [[UIColor alloc]initWithRed:rr green:rg blue:rb alpha:1];
40.         [self.colorArray addObject:color];
41.     }
42.     [self.tableView reloadData];
43.     // Do any additional setup after loading the view.
44. }
46. #pragma mark - UITableViewDelegate, UITableViewDataSource
48. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
49. {
50.     DouyinScrollTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:NSStringFromClass([DouyinScrollTableViewCell class])];
51.     [cell updateWithColor:self.colorArray[indexPath.row]];
52.     //    cell.textLabel.text = [NSString stringWithFormat:@"%ld",indexPath.row];
53.     //    cell.backgroundColor = self.colorArray[indexPath.row];
54.     //    if (!cell.contentView.backgroundColor) {
55.     //        cell.contentView.backgroundColor = self.colorArray[indexPath.row];
56.     //    }
57.     //    return cell;
58.     return cell;
59. }
61. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
62. {
63.     return 10;
64. }
66. - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
67. {
68.     return height;
69. }
71. #pragma mark - scrolllVIewDelegate
73. - (void)scrollViewDidScroll:(UIScrollView *)scrollView
74. {
75.    
76. }
78. - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset
79. {
80.     self.velocity = velocity.y;
81. }
83. - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
84. {
85.     dispatch_async(dispatch_get_main_queue(), ^{
86.         CGPoint translatedPoint = [scrollView.panGestureRecognizer translationInView:scrollView];
87.         //UITableView禁止响应其他滑动手势
88.         scrollView.panGestureRecognizer.enabled = NO;
89.         CGFloat translateCheck = 60;
90.         NSLog(@"哈哈哈哈获取停止拖动时候的速度%f", self.velocity);
91.         if (fabs(self.velocity) > 0.4) {
92.             translateCheck = 8;
93.         }
94.         
95.         
96.         if(translatedPoint.y < -translateCheck && self.currentIndex < 10) {
97.             self.currentIndex ++;   //向下滑动索引递增
98.         }
99.         if(translatedPoint.y > translateCheck && self.currentIndex > 0) {
100.             self.currentIndex --;   //向上滑动索引递减
101.         }
102.         [UIView animateWithDuration:0.15
103.                               delay:0.0
104.                             options:UIViewAnimationOptionCurveEaseOut animations:^{
105.             //UITableView滑动到指定cell
106.             [self.tableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:self.currentIndex inSection:0] atScrollPosition:UITableViewScrollPositionTop animated:NO];
107.         } completion:^(BOOL finished) {
108.             //UITableView可以响应其他滑动手势
109.             scrollView.panGestureRecognizer.enabled = YES;
110.         }];
111.         
112.     });
113. }
115. #pragma mark - lazy load
117. - (UITableView *)tableView
118. {
119.     if (!_tableView) {
120.         _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 60 - height, CGRectGetWidth(self.view.bounds), height * 3) style:UITableViewStylePlain];
121.         [_tableView registerClass:[DouyinScrollTableViewCell class] forCellReuseIdentifier:NSStringFromClass([DouyinScrollTableViewCell class])];
122.         _tableView.rowHeight = height;
123.         _tableView.contentInset = UIEdgeInsetsMake(height , 0, height, 0);
124.         _tableView.estimatedRowHeight = height;
125.         _tableView.delegate = self;
126.         _tableView.dataSource = self;
127.         _tableView.backgroundColor = [UIColor redColor];
128.         _tableView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
129.         _tableView.separatorInset = UIEdgeInsetsZero;
130.     }
131.     return _tableView;
132. }
134. /*
135. #pragma mark - Navigation
137. // In a storyboard-based application, you will often want to do a little preparation before navigation
138. - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
139. // Get the new view controller using [segue destinationViewController].
140. // Pass the selected object to the new view controller.
141. }
142. */
144. @end

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。