ios - 为什么当 TableView 在其下方滚动时，UIToolBar 会变成透明/半透明

Question

我有一个 UITableViewController，当用户点击“编辑”按钮时，我会在屏幕底部显示一个工具栏。我在工具栏顶部创建了一个阴影。它看起来很棒(直到我改变了颜色以使其更明显地出错了)。当我向上滚动表格时，一旦表格底部从工具栏后面出来，工具栏颜色就会全部变成透明或做一些看起来透明的事情。

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

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

最后，当我尽可能向上拖动表格并且最后一项完全位于工具栏上方时，我得到了这个:

很明显，工具栏背景随着表格的滚动而改变不透明度。我需要禁用它。我尝试了各种组合来选中和取消选中 Storyboard 中的“底栏下方”和“不透明栏下方”。我试过添加一个空的页脚而不是在表格中添加一个空的页脚。下面是创建工具栏的代码。请注意，我在标签栏 Controller 中使用 TableView Controller ，并在用户编辑表时隐藏标签栏:

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 的使用扩展到所有导航栏。背景由 ScrollView 在导航栏后面滚动内容时控制。您的屏幕截图表明您已滚动到顶部，因此导航栏选择了它的 scrollEdgeAppearance 而不是滚动时使用的 standardAppearance 以及以前版本的 iOS。要恢复旧外观，您必须采用新的 UINavigationBar 外观 API，即 UINavigationBarAppearance。删除您现有的自定义并执行如下操作:

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

在一般情况下，它是最后一行 navigationBar.scrollEdgeAppearance = navigationBar.standardAppearance，它通过让 UINavigationBar 在其标准状态和边缘状态使用相同的外观来解决问题。另请注意，这将导致 ScrollView 在导航栏下方重叠——我们建议不要设置 UINavigationBar.isTranslucent = true。您也可以在上面的代码中使用外观代理，但将最后一行替换为 navigationBar.appearance().scrollEdgeAppearance = appearance(因为您正在构建自己的外观对象 - 这个想法只是确保 scrollEdge 和标准外观都是一样)。

来源:https://developer.apple.com/forums/thread/682420

Tabbar 同样可以实现

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