8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

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

Federico Amato 1月前

54 0

我有一个 UITableViewController,当用户点击“编辑”按钮时,我会在屏幕底部显示一个工具栏。我在工具栏顶部创建了一个阴影。它看起来很棒(直到我...

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

这是表格中有数据流经工具栏时的屏幕截图:

enter image description here

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

enter image description here

最后,当我将表格尽可能向上拖动并且最后一项完全位于工具栏上方时,我得到了以下信息:

enter image description here

很明显,随着表格的滚动,工具栏背景的不透明度会发生变化。我需要禁用此功能。我尝试了在情节提要中选中和取消选中“底部栏下”和“不透明栏下”的各种组合。我尝试过在表格中添加空页脚,而不添加空页脚。以下是创建工具栏的代码。请注意,我在标签栏控制器中使用表格视图控制器,并在用户编辑表格时隐藏标签栏:

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
    }
}

在我添加任何阴影层代码之前也发生了同样的事情,但当我滚动表格时,背景只是从白色变成了浅灰色,这一点不太明显。

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

[更正]...

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

enter image description here

帖子版权声明 1、本帖标题:为什么当表视图在其下方滚动时 UIToolBar 会变得透明/半透明
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由Federico Amato在本站《swift》版块原创发布, 转载请注明出处!
最新回复 (0)
  • 您可以在 appDelegate 或场景委托中执行此操作,甚至在您的第一个 viewController viewDidLoad 中执行此操作,这取决于您的选择......

  • 我无法访问导航栏。它显示错误“在范围内找不到‘导航栏’”。我该如何访问导航栏以及在哪里访问?

  • 在 iOS 15 中,UIKit 将 scrollEdgeAppearance 的使用范围扩展到所有导航栏,默认情况下,scrollEdgeAppearance 会产生透明背景。背景由滚动视图在导航栏后面滚动内容时控制。您的屏幕截图表明您已滚动到顶部,因此导航栏选择了其 scrollEdgeAppearance,而不是在滚动时以及在以前的 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 在标准状态和边缘状态下使用相同的外观来解决问题。还请注意,这将导致滚动视图覆盖导航栏 - 我们建议不要设置 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
    
  • @drfalcoew,我最终以编程方式在代码中创建了一个工具栏,并创建了约束以将其精确定位在不存在相同视觉问题的选项卡栏顶部。我不得不使用自定义视图(即按钮)添加栏项,以便我可以让按钮显示在这个新工具栏顶部附近的正确位置。一切都正常,但由于这并不能解释问题或错误,我无法将其列为为什么会发生这种情况的答案。感谢您提出的有用建议,让我找到了解决方案。

  • @Abdul Momen,谢谢你,但如果你读过我的问题并看过代码,你就会看到这行代码:bar.isTranslucent = false

  • 我将创建一个在编辑点击时调用的自定义视图。使用 UIView.animate 将视图从底部移到正确的 y 位置。这需要多做一些工作,但它可以让你免于使用奇怪的工具栏/tableview 默认样式

返回
作者最近主题: