美文网首页iOS开发iOS学习iOS开发
UICollectionView刷新时页面会有闪烁问题的解决

UICollectionView刷新时页面会有闪烁问题的解决

作者: 扑腾的蛾子 | 来源:发表于2017-03-14 14:28 被阅读3691次

    近期有些浮躁,开始找不到自己的方向了,迷茫的不知所措,昨听到一些故事,深受启发,决定戒掉好高骛远心浮气躁的毛病。做手机开发已经快两年了,对开发有一些小的了解,但是还是有很大的不足之处,遂决定从现在开始记录自己在开发过程中遇到的问题和解决方法,希望对各位有启发,并希望提出宝贵意见,大家共同提高。

    一、出现的问题(1)


    个人中心.PNG

    这个页面是个人中心,里面会展示用户自己创建的情境,用户可以创建很多的情境,而且在请求数据的时候我设定成了一页展示8条数据也就是一页只有8个情境,所以在这个页面增加了上拉加载更多的功能(用的是小马哥的刷新库)。


    请求数据量.png
    整个页面是一个UICollectionView,当获取更多数据的网络请求成功后,数据源数组添加模型之后,[self.myCollectionView reloadData],这时页面上的其他情境就会闪烁一下,给人的感觉很不好,所以想要解决。

    二、出现的问题(2)
    个人中心是在viewWillAppear的时候进行刷新的,因为页面比较特殊所以没有下拉刷新,所以每次返回到个人中心都会重新加载,画面抖动,给人的感觉很不好。

    三、解决方法(1)
    页面闪烁应该是整个UICollectionView所有的cell进行了刷新,所以应该可以在数据源数组添加模型之后,只刷新新增的cell,NSMutableArray *indexAry = [NSMutableArray array]; NSIndexPath *index = [NSIndexPath indexPathForRow:_sceneListMarr.count+i inSection:2];
    [indexAry addObject:index]; [self.myCollectionView reloadItemsAtIndexPaths:indexAry];可是这样会报错Assertion failure in -[UICollectionView _endItemAnimationsWithInvalidationContext:tentativelyForReordering:animator:]大概的意思就是说在section2中只有_sceneListMarr.count个item,所以刷新就会超出范围报错。

    回过头来想一下,是不是cell在加载图片的时候有问题所以导致的闪烁,self.bgImageView.alpha = 0;
    [self.bgImageView sd_setImageWithURL:[NSURL URLWithString:model.coverUrl] placeholderImage:[UIImage imageNamed:@""] completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
    [UIView animateWithDuration:.5 animations:^{
    self.bgImageView.alpha = 1.0f;
    }];
    }];
    原来是cell上的imageview透明度出现了问题,将透明度初始值就设为1,加载更多后刷新就不会出现闪烁的问题了。

    四、解决方法(2)
    在没有情境的时候会有提示用户创建情景的按钮,最不好的地方就是一刷新会先出现按钮,然后才出现情境。


    问题代码.png

    现在要解决的就是只要有情境就一次都不会出现创建按钮,避免闪烁。
    像是微信的朋友圈是有的并不会重新去全部加载,应该是用了类似于数据库一样的东西,这样避免了每次进入都会重复请求的问题,也是他们的数据量很大,如果每次都删掉重新请求会很麻烦。

    相关文章

      网友评论

      • 梁森的简书:我的调用reload方法发现并没有走numberOfItemsInSection方法
      • JackSteven:把刷新相关代码,放在这个里面
        [UIView performWithoutAnimation:^{
        //刷新界面
        [self.collectionView reloadData];
        }];
        等风_8a32:没有效果呀
        扑腾的蛾子:@JackSteven 好的,谢谢
      • 就biu了:[CATransaction begin];
        [CATransaction setDisableActions:YES];
        在刷新时可去掉闪的动画。 楼主可以试一下
        f1535a71d2d8:还真可以
        扑腾的蛾子:@就biu了 好的,谢谢

      本文标题:UICollectionView刷新时页面会有闪烁问题的解决

      本文链接:https://www.haomeiwen.com/subject/rnecnttx.html