【iOS】知乎日报第一周总结

知乎日报第一周总结


  
前言

   笔者在本周算是正式开始写项目了，本周主要是大抵完成了主页的内容，大抵完成了主页面的ui以及实现了点击进入单个cell的效果，但还存在一些小问题，之后找到解决方法会补充上去。
  网络异步导致视图无法加载

因为网络申请的异步经常会导致我们的视图无法实现正常的加载，会导致我们的视图已经加载好了但是上面没有任何内容。背面笔者查阅了一下资料后知道了应该在我们的block回调函数内里参加dispatch_async(dispatch_get_main_queue(), <#^(void)block#>)，这个函数的含义是一个异步执行的GCD，他可以保证我们在其他线程的使命完成后回到主线程中执行相关函数，在iOS开发中，布局UI的工作永久都是由主线程去完成的，以是我们必须要在主线程中执行布局ui的相关函数，这里自然也包罗[self.iView.tableView reloadData]下面笔者申请网络请求后重新加载数据的部分代码：

1. [[Manger sharedManger] urlDataLoad:^(MainPageModel * _Nonnull model) {
2.         self.iModel = [NSMutableArray arrayWithObject:model];
3.         dispatch_async(dispatch_get_main_queue(), ^{
4.             [self.iView.tableView reloadData];
5.             [self.iView.headActivity stopAnimating];
6.         });
7.     }];

复制代码

加载网络上的图片

这里笔者采取了一个第三方库SDWebImage这个库来申请我们从网络上获取的图片，具体的使用同样是通过一个cocopods库来举行一个导入就可以实现一个加载网络上的图片。笔者这里就简单先容一下怎样实现一个加载网络图片：

1. TopContentView* iView = [[TopContentView alloc] initWithFrame:CGRectMake(i * WIDTH, 0, WIDTH, WIDTH - 20)];
2. [iView.imageView sd_setImageWithURL:[NSURL URLWithString:topModel.image]];

复制代码

实现一个上拉刷新的效果

实现的效果图：

我们必要实现一个一个上拉刷新的一个效果，同时也必要一个加载的显示，笔者这里没有采取第三方库来实现，而是采取了UIScrollView的协议函数以及UIActivityIndicatorView这两个东西来实现，笔者这里采取的协议函数是- (void)scrollViewDidScrollUIScrollView *)scrollView这个函数来及时监控他的一个滑动，在他划到最底端的时候开始举行一个网络请求申请一个新的数据：

1. - (void)scrollViewDidScroll:(UIScrollView *)scrollView {
2.     if (scrollView.tag == 100) {
3.         CGFloat x = scrollView.contentOffset.x;
4.         //CGFloat y = scrollView.contentOffset.y;
5.         CGFloat contentWidth = scrollView.contentSize.width;
6.         if (x >= contentWidth - WIDTH) {
7.             [scrollView setContentOffset:CGPointMake(WIDTH, 0) animated:NO];
8.             NSLog(@"1");
9.         } else if (x <= 0) {
10.             [scrollView setContentOffset:CGPointMake(contentWidth - 2 * WIDTH, 0) animated:NO];
11.             NSLog(@"2");
12.         } else {
13.             self.iView.page.currentPage = x / WIDTH - 1;
14.         }
15.     } else if (scrollView.tag == 101 && !self.loading) {
16.         CGFloat y = scrollView.contentOffset.y;
17.         CGFloat contentHeight = scrollView.contentSize.height;
18.         CGFloat height = scrollView.bounds.size.height;
19.         NSLog(@"%lf ? %lf", height, contentHeight);
20.         NSLog(@"%lf", y);
21.         if (y + height >= contentHeight + 10) { // 滑到接近底部的位置
22.             NSLog(@"%lf", y);
23.             [self loadData];
24.         } else if (y < -100) {
25.             [self download];
26.         }
27.     }
28. }
29. -(void)loadData {
30.     if (self.loading) {
31.         return;
32.     }
33.     self.loading = YES;
34.     NSInteger num = [self.dateModel.headString intValue];
35.     NSString* str = [NSString stringWithFormat:@"%ld", num - self.iModel.count + 1];
36.     NSLog(@"%@", str);
37.     self.iView.tableView.tableFooterView = self.iView.footerView;
38.     [self.iView.activity startAnimating];
39.     //[self.iView.activity startAnimating];
40.     [[Manger sharedManger] newDateLoad:^(MainPageModel * _Nonnull model) {
41.         [self.iModel addObject:model];
42.         NSLog(@"%ld", self.iModel.count);
43.         dispatch_async(dispatch_get_main_queue(), ^{
44.             [self.iView.tableView reloadData];
45.             [self.iView.activity stopAnimating];
46.             self.iView.tableView.tableFooterView = nil;
47.             self.loading = NO;
48.         });
49.     } andNsstring:str];
50. }

复制代码

这里给这个视图控制器设置了一个bool型的变量，如果这个变量的为YES的时候就分析他正在加载，就会直接退出防止他进入网络申请，从而导致多次申请网络请求，从而导致了加载的问题。
尚有下面的加载图案是笔者使用了一个UIActivityIndicatorView的控件，把这个空间添加到一个UIVIew上面，然后把谁人UIView加到uitableView的footerView上就可以实现一个加载的效果。然后在网络申请竣事之后给这个tableView的footerView重新变成nil就可以实现了，这里笔者给出一张UITabeleView中一些属性和控件的位置关系和图片：

从这张图片上我们就可以看出一条公式也就是contentOffset.y == content的顶部 和 frame.origin.y 的差值，以是只要两者接近的时候就一意味着我们其实已经滑动的快接近底部了，以是就可以举行一个网络请求，但这里其实尚有一个frame和bounds的区别，这里笔者之后会撰写一篇博客来特别讲述这部分内容。
左上角的时间

左上角的时间笔者是采取了一个NSDate类来实现，通过NSDate来获取当前的时间从而加载到坐上角的视图中。

1. - (void)judgeDate {
2.     NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
3.     [dateFormatter setDateFormat:@"MM-dd"];
4.     NSString* str0 = [dateFormatter stringFromDate:self.nowDate];
5.     NSString* str = [str0 substringWithRange: NSMakeRange(0, 2)];
6.     NSDictionary* monthDicty = @{@"01":@"正月",@"02":@"杏月",@"03":@"桃月",@"04":@"槐月",@"05":@"榴月",@"06":@"荷月",@"07":@"霜月",@"08":@"桂月",@"09":@"玄月",@"10":@"阳月",@"11":@"冬月",@"12":@"腊月"};
7. //    NSDictionary* dataDicty = @{@"1":@"一",@"2":@"二",@"3":@"三",@"4":@"四",@"5":@"五",@"6":@"六",@"7":@"七",@"8":@"八",@"9":@"九"};
8.     NSString* str2 = [str0 substringWithRange: NSMakeRange(3, 1)];
9.     NSString* str3 = [str0 substringWithRange:NSMakeRange(4, 1)];
10.     self.monthString = [monthDicty[str] copy];
11.     self.dateString = [NSString stringWithFormat:@"%@%@", str2, str3];
12.     self.date = [NSString stringWithFormat:@"%@%@", str2, str3];
13.     self.month = [str copy];
14.     self.headString = [NSString stringWithFormat:@"2024%@%@%@", str, str2, str3];
15. }
16. - (NSMutableArray*)yesterDay:(NSInteger) section {
17.     NSInteger dateNum = [self.date intValue];
18.     NSInteger monthNum = [self.month intValue];
19.     NSString* dateStr = [NSString stringWithFormat:@"%ld", dateNum - section];
20.     NSString* monthStr = [NSString stringWithFormat:@"%ld", monthNum];
21.     return [NSMutableArray arrayWithArray:@[dateStr, monthStr]];
22. }

复制代码

初步实现了点击cell进入网页

这里只是初步实现，采取了一个WKweb这个类来实现，具体内容会在下篇博客中讲。
小结

笔者这里尚有挺多问题未解决，如无限轮播图下面的一个毛玻璃效果还未实现，以及右上角的导航栏的头像还没布局，笔者预备最后写收藏中央的时候一并加上，这周学到很多知识，也复习了很多内容，发现自己对于各类知识的把握仍有一些问题，iOS的学习任重而道远，笔者会继续积极学习相关内容。

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