UIViewの色がぼやけて表示される

Question

私は基本的にUIView私はInterface Builder（XIB）で作成しました。

私は（画像中：画像上で私のビュー）：この効果を取得したい

にはどうすれば一番上にフェードするUIViewの背景色を作ることができますか？

ありがとうございました！

Answer 1

あなたのUIViewに「グラデーション」エフェクトを追加していますか？これを行うには、CAGradientLayerを追加する必要があります。

class CustomView: UIView { 
    private let gradientLayer = CAGradientLayer() 

    override func awakeFromNib() { 
     super.awakeFromNib() 

     addGradient() 
    } 

    override func layoutSubviews() { 
     super.layoutSubviews() 

     // update gradient 
     gradientLayer.frame = self.bounds 
    } 

    private func addGradient() { 
     // declaring colors for your gradient: 
     // top color is clear 
     let topColor = UIColor.clear.cgColor 
     // bottom color is black 
     let bottomColor = UIColor.black.cgColor 

     gradientLayer.frame = self.frame 

     // add colors to the gradientLayer: 
     gradientLayer.colors = [topColor, bottomColor] 

     // change the startPoint and endPoint to make it appears like it should... 
     gradientLayer.startPoint = CGPoint(x: 1.0, y: 0.0) 
     gradientLayer.endPoint = CGPoint(x: 1.0, y: 1.0) 

     // add the gradient to your view (which in my case is gradientView) 
     self.layer.insertSublayer(gradientLayer, at: 0) 
    } 
} 

のようなカスタム UIViewを作成することができます。