如何实现导航栏半透明效果？如何给固定表头添加同风格模糊背景？

没问题！这两个需求在iOS开发里都很常见，我来给你详细拆解实现步骤：

你可以通过给表头视图添加UIVisualEffectView来实现和导航栏一致的半透明模糊效果，具体步骤如下：

• 第一步：创建模糊效果对象
  先根据你想要的模糊风格创建UIBlurEffect，系统提供了几种预设风格，比如和导航栏一致的.systemMaterial（iOS 13+），或者更早版本的.extraLight等：

  let blurEffect = UIBlurEffect(style: .systemMaterial)
  

• 第二步：创建模糊视图并添加到表头
  把模糊效果包装进UIVisualEffectView，然后将它作为表头的背景视图，同时确保你的自定义文本标签在模糊视图之上：

  // 假设你的表头是一个自定义UIView实例headerView
  let blurView = UIVisualEffectView(effect: blurEffect)
  blurView.frame = headerView.bounds
  blurView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
  headerView.insertSubview(blurView, at: 0) // 放在最底层作为背景
  
  // 然后把你的自定义文本标签添加到headerView上，确保在blurView之上
  let titleLabel = UILabel(frame: CGRect(x: 16, y: 0, width: headerView.bounds.width - 32, height: headerView.bounds.height))
  titleLabel.text = "你的自定义表头文本"
  titleLabel.textColor = .label
  headerView.addSubview(titleLabel)
  

• 小细节：如果你的表头高度是动态的，记得在布局更新时同步调整blurView的frame，或者用AutoLayout约束来绑定，避免模糊区域错位。

系统导航栏默认就支持半透明效果，但你可以手动配置来确保效果符合预期：

• 基础设置（iOS 13+）
  直接开启导航栏的半透明属性，并设置背景效果为模糊风格：

  // 在ViewController的viewDidLoad里设置
  navigationController?.navigationBar.isTranslucent = true
  navigationController?.navigationBar.scrollEdgeAppearance = UINavigationBarAppearance()
  navigationController?.navigationBar.scrollEdgeAppearance?.backgroundEffect = UIBlurEffect(style: .systemMaterial)
  navigationController?.navigationBar.standardAppearance = navigationController?.navigationBar.scrollEdgeAppearance
  

  这样设置后，导航栏在滚动到顶部时会保持半透明模糊，滚动内容时也会有自然的过渡效果。

• 兼容iOS 12及更早版本
  对于旧系统，你可以直接设置导航栏的背景图片为空，并开启半透明：

  navigationController?.navigationBar.isTranslucent = true
  navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
  navigationController?.navigationBar.shadowImage = UIImage()
  

  这种方式会让导航栏使用系统默认的半透明模糊效果。

• 额外提示：如果想要自定义模糊的强度或者颜色，可以在UIVisualEffectView上叠加一个半透明的颜色视图，调整alpha值来达到想要的效果。

内容的提问来源于stack exchange，提问作者Lifeplus