iphone - 如何使用 UIScrollView 创建顶部淡入淡出效果？

Question

我的应用程序中有一个 UIScrollView，我在其他一些应用程序中看到，当用户滚动时，顶部部分会在滚动时淡出，而不是消失。

我真的很喜欢这种效果并且想要实现它。有什么想法可以做到吗？

Answer 1

简单的 2020 解决方案:

import UIKit

class FadeTail: UIIView {
    
    private lazy var gradientLayer: CAGradientLayer = {
        let l = CAGradientLayer()
        l.startPoint = CGPoint(x: 0.5, y: 0)
        l.endPoint = CGPoint(x: 0.5, y: 1)
        let baseColor = UIColor.white // for example
        l.colors = [
            baseColor.withAlphaComponent(0),
            baseColor.withAlphaComponent(1),
        ].map{$0.cgColor}
        layer.addSublayer(l)
        return l
    }()
    
    override func layoutSubviews() {
        super.layoutSubviews()
        gradientLayer.frame = bounds
    }
}

简单

• 自动布局 Storyboard中的 View ，
• 任何你想要的形状或尺寸
• 在您希望淡入淡出的 View (文本、图像、 WebView 等任何内容)之上。

简单。

提示 - 渐变、圆圈等

如果您需要疯狂的圆形/带状/等淡入淡出，请使用此处的技术:https://stackoverflow.com/a/61174086/294884