如何在 Xcode 中设置 UITableView 部分标题渐变（和透明）背景？

Posted 2023-03-11

【中文标题】如何在 Xcode 中设置 UITableView 部分标题渐变（和透明）背景？

【英文标题】：How can I set UITableView's section's header gradient (and transparent) background in Xcode?

【发布时间】：2020-02-12 21:51:44

【问题描述】：

我尝试了多种方法，但不幸的是我无法成功。迄今为止最好的是comment。

我认为解决方案应该在函数func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) 中，但我不知道该怎么做。

我想得到类似this 的东西。我使用 Swift 5+，目标 ios 可以是任何东西 (13+)。

【参考方案1】：

1.使用 ViewForHeaderInSection 如下：

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? 
    let headerView = self.getGradientBackgroundView()

    // Add any title to the Header if needed
    let label = UILabel()
    label.frame = CGRect.init(x: 5, y: 5, width: headerView.frame.width-10, height: headerView.frame.height-10)
    label.text = "My header"
    headerView.addSubview(label)

    return headerView

2。使用 heightForHeaderInSection 设置标题的高度：

func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat 
        return 50 //whatever height you needed.
    

3.获取渐变 BG Header View

  private func getGradientBackgroundView() -> UIView 
    let gradientBackgroundView = UIView()

    // Prepare Gradient Layer
    let gradientLayer = CAGradientLayer()
    gradientLayer.frame.size = CGSize(width: self.myTableView.frame.size.width, height: 50) // height same as in heightForHeaderInSection
    gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.5)
    gradientLayer.endPoint = CGPoint(x: 1.0, y: 0.5)
    gradientLayer.colors = [UIColor.blue.cgColor, UIColor.green.cgColor]
    // Add layer to view
    gradientBackgroundView.layer.addSublayer(gradientLayer)
    return gradientBackgroundView
  

希望这会有所帮助！！

【讨论】：

不幸的是，在我添加了这段代码之后，整个 tableView 变成了这种绿色。

您必须根据您的需要在下面的行中更改颜色：gradientLayer.colors = [UIColor.blue.cgColor, UIColor.green.cgColor]

此时颜色无关紧要。这是我看到的：prnt.sc/r1xpyv。这是在整个 tableview 中（如您所见，我滚动大约到 tableview 的一半以确保我看不到任何单元格）。

我无法加载该页面，您可以将其附加到此处以方便查看吗？

@jasond - 哎呀，大小不正确！！！！检查我更新的答案，刚刚修改了 gradientLayer.frame.size 值。检查并告诉我