为什么当表视图在其下方滚动时 UIToolBar 会变成透明/半透明

Question

我有一个 UITableViewController，当用户点击“编辑”按钮时，我会在屏幕底部显示一个工具栏。我在工具栏顶部创建了一个阴影。它看起来很棒（直到我改变了颜色以使其更明显出了问题）。当我向上滚动表格时，一旦表格底部从工具栏后面出现，工具栏颜色就会全部变为透明或执行看起来透明的操作。

下面是当表中有数据在工具栏下流动时的屏幕图片：

这是我向上拖动表格时的屏幕图片，最后一个项目仅部分位于工具栏下方：

最后，当我尽可能向上拖动表格并且最后一个项目完全位于工具栏上方时，我得到以下结果：

很明显，当表格滚动时，工具栏背景的不透明度正在改变。我需要禁用这个。我尝试了检查和取消选中情节提要中的“底部栏下方”和“不透明栏下方”的各种组合。我尝试添加一个空页脚，而不是在表格中添加一个空页脚。这是创建工具栏的代码。请注意，我在选项卡栏控制器中使用表视图控制器，并在用户编辑表时隐藏选项卡栏：

public func setEditingWithTabController( _ editing: Bool, animated: Bool, tabController: UITabBarController ) {
    if navigationController == nil || navigationController!.toolbar == nil {
        return
    }
    navigationController!.setToolbarHidden( !editing, animated: true )
    
    var items = [UIBarButtonItem]()
    
    let flexible = UIBarButtonItem( barButtonSystemItem: .flexibleSpace, target: self, action: nil )
    deleteButton = UIBarButtonItem(title: Strings.Delete.localized, style: .plain, target: self, action: #selector(didPressDelete))
    deleteAllButton = UIBarButtonItem(title: "Delete All", style: .plain, target: self, action: #selector(didPressDeleteAll))
    items.append( deleteAllButton! )
    items.append( flexible )
    items.append( deleteButton! )
    tabController.setToolbarItems( items, animated: false ) // toolbar gets its items form the current view controller
    
    let bar = navigationController!.toolbar!
    bar.backgroundColor = AppSettings.appBackgroundColor.isDark ? AppSettings.appBackgroundColor.lighten( amount: 0.05 ) : AppSettings.appBackgroundColor.darken( amount: 0.05 )
    bar.barTintColor = AppSettings.appBackgroundColor.isDark ? AppSettings.appBackgroundColor.lighten( amount: 0.05 ) : AppSettings.appBackgroundColor.darken( amount: 0.05 )
    
    bar.layer.shadowColor = UIColor.red.cgColor //AppSettings.appBackgroundColor.isDark ? UIColor.lightGray.cgColor :  UIColor.lightGray.cgColor
    bar.layer.shadowOpacity = AppSettings.appBackgroundColor.isDark ? 0 : 0.5
    bar.layer.shadowOffset = CGSize.zero
    bar.layer.shadowRadius = AppSettings.appBackgroundColor.isDark ? 0 : 20
    bar.layer.borderColor = UIColor.clear.cgColor
    bar.layer.borderWidth = 0
    
    bar.clipsToBounds = false
    bar.isTranslucent = false
    bar.isOpaque = true

    tableView.setEditing( editing, animated: true )
    
    if editing {
        refreshControl?.removeFromSuperview()
        tableView.backgroundView = nil
    } else {
        refreshControl = UIRefreshControl()
        refreshControl!.addTarget( self, action: #selector( refreshData(_:) ), for: .valueChanged )
        tableView.backgroundView = refreshControl
    }
}

在我添加任何阴影层代码之前也发生了同样的事情，但当我滚动表格时背景从白色变为浅灰色时就不那么明显了。

当用户点击应用程序标题中的“编辑”按钮时，会调用上面的函数。显然，我不需要每次发生这种情况时都配置工具栏，尤其是隐藏它时 - 我会担心稍后修复所有这些问题。我需要弄清楚为什么我不能得到一个干净不变的工具栏。哎呀，即使我将边框大小设置为零，我什至似乎无法摆脱工具栏顶部的灰线。这东西有自己的想法！

[更正]...

我没有设置背景颜色。现在，当我设置背景颜色时，我仅在安全区域插图的工具栏下获得半透明度，如下所示：

Answer 1

在iOS 15中，UIKit将scrollEdgeAppearance的使用扩展到所有导航栏，默认情况下它会产生透明背景。背景由滚动视图何时滚动导航栏后面的内容来控制。您的屏幕截图表明您已滚动到顶部，因此导航栏选择了其scrollEdgeAppearance，而不是滚动时使用的standardAppearance，以及在以前版本的 iOS 上。\n要恢复旧外观，您必须采用新的 UINavigationBar外观 API，UINavigationBarAppearance。删除现有的自定义并执行如下操作：

\n

let appearance = UINavigationBarAppearance()\nappearance.configureWithOpaqueBackground()\nappearance.backgroundColor = <your tint color>\nnavigationBar.standardAppearance = appearance;\nnavigationBar.scrollEdgeAppearance = navigationBar.standardAppearance\n

\n

在一般情况下，它是最后一行 navigationBar.scrollEdgeAppearance = navigationBar.standardAppearance，它通过让 UINavigationBar 对于其标准状态和边缘状态使用相同的外观来解决问题。另请注意，这将导致滚动视图与导航栏重叠\xe2\x80\x93，我们建议不要设置 UINavigationBar.isTranslucent = true。\n您还可以使用上述代码的外观代理，但替换为 navigationBar.appearance() .scrollEdgeAppearance = 最后一行的外观（当您构建自己的外观对象 \xe2\x80\x93 时，其想法是确保滚动边缘和标准外观相同）。

\n

信用： https: //developer.apple.com/forums/thread/682420

\n

Tabbar 也可以实现同样的效果

\n

let appearance = UITabBarAppearance()\nappearance.configureWithOpaqueBackground()\nappearance.backgroundColor = <your tint color>\nself.tabBarController?.tabBar.standardAppearance = appearance;\nself.tabBarController?.tabBar.scrollEdgeAppearance = self.tabBarController?.tabBar.standardAppearance\n

\n