[SwiftUI] drawingGroup()

SwiftUI

drawingGroup()

view를 렌더링 하기 전에 view의 하위 트리를 만들어 납작해지게 만듭니다.

•

drawingGroup() modifer는 최종 표시 전에 뷰의 내용을 offscreen 이미지로 결합합니다.

◦

offscreen 구성은 애플의 고성능 그래픽 프레임워크인 Metal을 사용하여 복잡한 View를 렌더링하는데 있어 인상적으로 속도를 향상시켰습니다.

◦

많은 수의 gradient, shadow 및 기타 효과를 사용하다보면 성능 문제가 발생할 가능성이 크기 때문에 그럴때는 drawingGroup()을 생각하세요.!

◦

view의 내용은 단일 비트맵으로 구성되며, 비트맵은 뷰 대신에 표현 됩니다. 

Off-Screen Rendering

비트맵 방식

Metal

VStack {
    ZStack {
        Text("DrawingGroup")
            .foregroundColor(.black)
            .padding(20)
            .background(Color.red)
        Text("DrawingGroup")
            .blur(radius: 2)
    }
    .font(.largeTitle)
    .compositingGroup()
    .opacity(1.0)
}
 .background(Color.white)
 .drawingGroup()
Swift
복사

drawingGroup()은 성능 문제를 해결할 수 있는 방법이지만 자주 사용해선 안됩니다. offscreen render pass를 추가하는 것은 속도를 느려지게 만듭니다. 따라서 실제 성능 문제가 발생할 때까지 기다린 후에 drawingGroup()를 불러와야 합니다.

SwiftUI- Chpater 13: Drawing & Custom Graphics

더욱 복잡한 앱을 개발하기 시작하면 Swift의 내장되어 있는 control 보다 더 많은 유연성이 필요하다는 것을 알 수 있습니다. 운이 좋게도 SwiftUI는 graphic을 생성하는데 도움을 주는 풍부한 라이브러리가 있습니다. Graphic 은 사용자에게 정보를 효율적이고 이해하기 쉽게 전달할 수 있습니다. 예를 들어, 동일한 정보를 텍스트로 읽는 것보다는 그래픽을 사용하여 요약하는 것이 훨씬 효과적입니다.

Enabling high-performance Metal rendering with drawingGroup()

Paul Hudson @twostraws SwiftUI uses Core Animation for its rendering by default, which offers great performance out of the box. However, for complex rendering you might find your code starts to slow down - anything below 60 frames per second (FPS) is a problem, but really you ought to aim higher because many iOS devices now render at 120fps.