iOS开发：实现View透明消失及TableView悬浮视图上滚完全隐藏

嘿，我来帮你搞定这两个iOS视图相关的问题，都是开发中常碰到的场景～

这里有几种实用的方式，你可以根据需求选择：

• 修改alpha属性：直接把视图的alpha设为0.0，就能让它完全透明。不过要注意，此时视图依然会占据布局空间，也能响应交互（如果没禁用的话）。代码示例：

  yourView.alpha = 0.0
  

• 设置hidden属性：把isHidden设为true，视图会直接隐藏，既不显示也不响应交互，布局空间也会保留（如果用Auto Layout，约束关联的话）。代码：

  yourView.isHidden = true
  

• 完全移除视图：如果之后再也不需要这个视图，可以直接从父视图移除，彻底释放资源：

  yourView.removeFromSuperview()
  

• 带动画的平滑消失：要是需要过渡效果，可以把alpha变化和动画结合：

  UIView.animate(withDuration: 0.3) {
      yourView.alpha = 0.0
  } completion: { _ in
      yourView.isHidden = true // 动画结束后隐藏，避免误触
  }
  

你现在的问题应该是只调整了背景色或者alpha没彻底到0，或者视图的布局约束/frame没调整到位，导致它还占据屏幕空间看起来可见。下面给你基于scrollViewDidScroll的具体解决方案：

核心思路 #

监听TableView的滚动偏移量，动态调整悬浮视图的位置（让它向上移出屏幕），同时配合alpha渐变实现平滑隐藏。因为视图高度是50.0，当滚动偏移量超过这个值时，让视图的y偏移等于负的自身高度，就能完全移出屏幕了。

具体代码实现 #

假设你的悬浮视图叫floatingView，TableView是tableView：
首先在类里定义属性记录初始布局状态：

// 用Auto Layout的话，记录顶部约束
private var floatingViewTopConstraint: NSLayoutConstraint!
// 或者记录初始frame的y值（手动布局用）
private var initialFloatingViewY: CGFloat = 0.0

在viewDidLoad里初始化：

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.delegate = self
    
    // Auto Layout场景：绑定顶部约束
    floatingViewTopConstraint = floatingView.topAnchor.constraint(equalTo: view.topAnchor)
    floatingViewTopConstraint.isActive = true
    // 记录初始位置
    initialFloatingViewY = floatingView.frame.origin.y
}

然后实现scrollViewDidScroll方法：

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    let offsetY = scrollView.contentOffset.y
    let viewHeight: CGFloat = 50.0 // 你的悬浮视图高度
    
    var targetOffset: CGFloat = -viewHeight
    var currentAlpha: CGFloat = 0.0
    
    // 滚动距离未超过视图高度时，渐变隐藏
    if offsetY < viewHeight {
        targetOffset = -offsetY
        currentAlpha = 1 - (offsetY / viewHeight)
    }
    
    // 方式1：Auto Layout调整（推荐）
    floatingViewTopConstraint.constant = targetOffset
    floatingView.alpha = currentAlpha
    
    // 方式2：手动布局调整
    // floatingView.frame.origin.y = initialFloatingViewY + targetOffset
    // floatingView.alpha = currentAlpha
    
    // 完全隐藏后禁用交互
    floatingView.isHidden = currentAlpha == 0.0
}

额外注意事项 #

• 检查你的悬浮视图背景色，要是之前设了不透明的白色，得确保alpha降到0后彻底透明，不然还会显示白色块；
• 上面的代码同时支持滚动回退时重新显示悬浮视图，不需要额外写逻辑；
• 如果想要更丝滑的过渡，可以把约束/frame修改放在UIView.animate里，不过因为scrollViewDidScroll会频繁调用，建议用短时长的动画：

  UIView.animate(withDuration: 0.2, options: .curveEaseInOut) {
      self.floatingViewTopConstraint.constant = targetOffset
      self.floatingView.alpha = currentAlpha
      self.view.layoutIfNeeded()
  }
  

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