[swift] Swift Core Graphics로 그레디언트 효과 추가하기

12 Dec 2023

swift

Swift으로 그레디언트(gradient) 효과를 추가하여 UI를 개선하고 싶다면, Core Graphics를 사용하는 것이 좋은 방법입니다. 이 기술을 사용하여 다양한 그레디언트 스타일을 만들 수 있습니다. 이 글에서는 Swift에서 Core Graphics를 사용하여 그레디언트 효과를 추가하는 방법을 살펴보겠습니다.

1. 그레디언트 뷰 만들기

Core Graphics를 사용하여 UIView의 draw(_:) 메서드를 재정의하여 그레디언트를 만들 수 있습니다. 먼저 UIView 하위 클래스를 만들고 draw(_:) 메서드를 구현해야 합니다.

import UIKit

class GradientView: UIView {
    override func draw(_ rect: CGRect) {
        let context = UIGraphicsGetCurrentContext()
        let colors = [UIColor.red.cgColor, UIColor.blue.cgColor]
        let colorSpace = CGColorSpaceCreateDeviceRGB()
        let colorLocations: [CGFloat] = [0.0, 1.0]

        if let gradient = CGGradient(colorsSpace: colorSpace, colors: colors as CFArray, locations: colorLocations) {
            let startPoint = CGPoint(x: 0, y: 0)
            let endPoint = CGPoint(x: self.bounds.width, y: self.bounds.height)
            context?.drawLinearGradient(gradient, start: startPoint, end: endPoint, options: [])
        }
    }
}

draw(_:) 메서드 내에서 CGContext를 얻고, 원하는 색상 배열과 위치 정보를 사용하여 CGGradient를 만든 후, drawLinearGradient(_:start:end:options:) 메서드를 사용하여 실제 그레디언트를 그립니다.

2. 그레디언트 뷰 추가하기

이제 그레디언트가 적용된 뷰를 생성하고 화면에 추가해야 합니다.

let gradientView = GradientView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
view.addSubview(gradientView)

위의 코드는 GradientView 인스턴스를 생성하고, 부모 뷰에 추가하는 예시입니다.

이제 앱을 실행하면 해당 뷰에 그레디언트 효과가 적용된 것을 확인할 수 있습니다.

그레디언트 효과는 앱의 UI를 시각적으로 향상시키는 좋은 방법이며, Swift의 Core Graphics를 활용하여 다양한 스타일의 그레디언트를 만들 수 있습니다.

결론

Swift에서 Core Graphics를 사용하여 그레디언트 효과를 추가하는 방법을 살펴보았습니다. 이를 통해 UI에 시각적으로 풍부한 그레디언트 효과를 쉽게 추가할 수 있습니다.

Core Graphics를 사용하면 그레디언트를 비롯한 다양한 그림 및 효과를 만들 수 있으므로, UI/UX를 디자인하는 과정에서 유용하게 활용할 수 있습니다.

이러한 기술적인 내용은 애플리케이션의 사용자 경험을 향상시키는 데 큰 도움이 될 것입니다.

1. 그레디언트 뷰 만들기

2. 그레디언트 뷰 추가하기

결론

참고 자료