compositingGroup()

Return Value 戻り値

A view that wraps this view in a compositing group. あるビュー、それはこのビューをある合成グループの中に包んだものです。

Discussion 議論

A compositing group makes compositing effects in this view’s ancestor views, such as opacity and the blend mode, take effect before this view is rendered. 合成グループは、エフェクト（効果）をこのビューのもつ祖先ビューに合成します、たとえば不透明そしてブレンドモードなど、このビューが描出される前に効果を表します。

Use compositingGroup() to apply effects to a parent view before applying effects to this view. compositingGroup()を使って、エフェクトを親ビューに適用してください、エフェクトをこのビューに適用する前に。

In the example below the compositingGroup() modifier separates the application of effects into stages. It applies the opacity(_:) effect to the VStack before the blur(radius:) effect is applied to the views inside the enclosed ZStack. This limits the scope of the opacity change to the outermost view. 下の例においてcompositingGroup()修飾子は、エフェクトそれらの適用をいくつかの舞台に隔てます。それは、opacity(_:)エフェクトをVStackに適用します、blur(radius:)エフェクトがZStackの内部に囲まれているビューそれらに適用される前に。これは、不透明度変更の作用範囲を一番外側のビューに制限します。

VStack {
    ZStack {
        Text("CompositingGroup")
            .foregroundColor(.black)
            .padding(20)
            .background(Color.red)
        Text("CompositingGroup")
            .blur(radius: 2)
    }
    .font(.largeTitle)
    .compositingGroup()
    .opacity(0.9)
}