CAGradientLayer란 무엇입니까?

쉽게 말하면 CAGradientLayer는 그래디언트를 생성하는 레이어입니다.
애플 공식 문서에서 "배경색에 색상 그래디언트를 그리고 필렛 부분을 포함한 도면층 모양의 도면층을 채웁니다."이렇게 쓰여 있다.

어떻게 써요?

그럼 간단한 사용법을 살펴봅시다.
※ 원하는 색상의 그라데이션을 설정할 수 있습니다.이번에 사용한 색상은 왼쪽에서 오른쪽으로 그라데이션되는 두 가지 색상으로 설정됩니다.(향후 기사 업데이트, 추가 설정 등)

1. storyboard를 사용하여 그라데이션 뷰 준비

storyboard에서 다음과 같은 View를 준비합니다!
※ 이해하기 쉽도록 배경색을 회색으로 설정!

2. 코드 설치

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet var gradationView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        let gradientLayer = CAGradientLayer()
        let color1 = UIColor.red
        let color2 = UIColor.blue
        gradientLayer.colors = [color1.cgColor,color2.cgColor] //ここでグラデーションを構成する複数の色を設定する
        gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.0)
        gradientLayer.endPoint = CGPoint(x: 1.0, y: 0.0)
        gradientLayer.frame = gradationView.bounds //gradationViewにgradientLayerの位置を合わせる
        gradationView.layer.insertSublayer(gradientLayer, at: 0) //gradationViewにgradientLayerをinsert(挿入)する
    }
}

3. 구축 결과

4. 요약

두 색상의 그라데이션은 몇 줄 정도로만 확장할 수 있습니다.
또한 startPoint와 endPoint를 바꾸면 서로 다른 방향에서 점차적인 방향을 바꿀 수 있다.이번에는 왼쪽에서 오른쪽으로 설정된 만큼 이 기사를 업데이트하면서 앞으로 해설을 덧붙이고 싶다.

• 샘플 코드

https://github.com/Markun1975/SampleCAGradientLayer
읽어주셔서 감사합니다!