美文网首页
TABAnimation骨架屏框架闪白问题

TABAnimation骨架屏框架闪白问题

作者: 凌晨四点的洛杉矶 | 来源:发表于2022-09-07 11:00 被阅读0次

TABAnimation骨架屏框架闪白问题

在使用TABAnimation骨架屏框架时,UITableView首次加载会出现除第一行以外都闪白得情况,稍纵即逝,断点断不到,图层也找不到白色的这一层。在普通白色主题色App中很难被发现,但在深色项目中尤其明显。

通过对TABAnimation库的排查以及项目框架的排查,抽丝剥茧,终于找到了问题原因:
在iOS14开始,系统新增了两个单元格配置:

  • 内容配置 UIContentConfiguration
    可以帮助您操作单元格的内容,如图片、文本、辅助文本、布局指标和行为。
  • 背景配置 UIBackgroundConfiguration
    可以帮助操作背景颜色、视觉效果、笔画、插入和角半径。所有单元格会继承默认的后台配置。

在项目图层中,背景配置体现为列表首次加载前cell中多出了一个_UISystemBackgroundView视图,该视图包含一个白色的子视图。使用TabAnimation时,会将这个视图的加载过程暴露出来。

WechatIMG1.png

我们要做的就是找到他,并把子视图背景色改掉即可。

将以下代码添加到didFinishLaunchingWithOptions中
Objective-C

    if (@available(iOS 14.0, *)) {
        UIBackgroundConfiguration *bgconfig = [UIBackgroundConfiguration listPlainCellConfiguration];
        bgconfig.backgroundColor = UIColor.clearColor;
        [UITableViewCell appearance].backgroundConfiguration = bgconfig;
    }

Swift

    if #available(iOS 14.0, *) {
        var bgConfig = UIBackgroundConfiguration.listPlainCell()
        bgConfig.backgroundColor = UIColor.clear
        UITableViewHeaderFooterView.appearance().backgroundConfiguration = bgConfig
        //For cell use: UITableViewCell.appearance().backgroundConfiguration = bgConfig
    }

相关文章

  • TABAnimation骨架屏框架闪白问题

    TABAnimation骨架屏框架闪白问题 在使用TABAnimation骨架屏框架时,UITableView首次...

  • 骨架屏

    一、什么是骨架屏? 骨架屏可以理解为是在需要等待加载内容的位置提供一个占位图形组合,描绘了当前页面的大致框架的骨架...

  • iOS骨架屏框架--->TABAnimated 使用文档

    iOS骨架屏框架--->TABAnimated 使用文档 参考信息: GitHub源码+开发文档: https:/...

  • SPA应用性能优化问题

    解决空白屏问题 组件懒加载和路由懒加载 骨架屏 骨架屏(skeleton screen)已经不是什么新奇的概念,他...

  • iOS常用库列表

    1、TABAnimated 骨架屏参考链接 CocoaPods pod 'TABAnimated' 骨架屏自动生成...

  • 骨架屏( Skeleton Screen )

    骨架屏 什么是骨架屏 骨架屏英文叫 Skeleton Screen,也被称为加载占位图。它是在页面数据尚未加载前先...

  • 骨架屏

    一、简介 1.1 骨架屏 SPA应用,由于初始的html内部只有一个空的div,需要等待 js、css加载编译完成...

  • 骨架屏

    https://www.jb51.net/article/140019.htm

  • 骨架屏

    https://mp.weixin.qq.com/s/ZZYSGMt3FAigYCBJEMRq9A

  • 骨架屏

    骨架屏可以理解为是当数据还未加载进来前,页面的一个空白版本,在页面完全渲染完成之前,用户会看到一个样式简单,描绘了...

网友评论

      本文标题:TABAnimation骨架屏框架闪白问题

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