LayerVisual.Effect プロパティ

定義

名前空間:

Windows.UI.Composition

LayerVisual の子のフラット化された表現に適用する効果を取得または設定します。

public:
 property CompositionEffectBrush ^ Effect { CompositionEffectBrush ^ get(); void set(CompositionEffectBrush ^ value); };

CompositionEffectBrush Effect();

void Effect(CompositionEffectBrush value);

public CompositionEffectBrush Effect { get; set; }

var compositionEffectBrush = layerVisual.effect;
layerVisual.effect = compositionEffectBrush;

Public Property Effect As CompositionEffectBrush

プロパティ値

CompositionEffectBrush

LayerVisual の子のフラット化表現に適用される効果。

例

この例では、 GaussianBlurEffect を LayerVisual に適用する方法を示します。

private async void InitComposition()
{
  Compositor compositor = ElementCompositionPreview.GetElementVisual(MyGrid).Compositor;

  //Create LayerVisual
  LayerVisual layerVisual = compositor.CreateLayerVisual();
  layerVisual.Size = new Vector2(900,900);

  //Create SpriteVisuals to use as LayerVisual child
  SpriteVisual sv1 = compositor.CreateSpriteVisual();
  sv1.Brush = compositor.CreateColorBrush(Windows.UI.Colors.Blue);
  sv1.Size = new Vector2(300, 300);
  sv1.Offset = new Vector3(200, 200, 0);

  SpriteVisual sv2 = compositor.CreateSpriteVisual();
  sv2.Brush = compositor.CreateColorBrush(Colors.Red);
  sv2.Size = new Vector2(300, 300);
  sv2.Offset = new Vector3(400, 400, 0);

  //Add children to the LayerVisual
  layerVisual.Children.InsertAtTop(sv1);
  layerVisual.Children.InsertAtTop(sv2);

  //Create Effect
  var graphicsEffect = new GaussianBlurEffect
  {
     Name = "Blur",
     Source = new CompositionEffectSourceParameter("Backdrop"),
     BlurAmount = 10.0f,
     BorderMode = EffectBorderMode.Hard,
     Optimization = EffectOptimization.Balanced
  };

  var blurEffectFactory = compositor.CreateEffectFactory(graphicsEffect,
      new[] { "Blur.BlurAmount" });
  var blurBrush = blurEffectFactory.CreateBrush();

  //Apply Effect
  layerVisual.Effect = blurBrush;

  ElementCompositionPreview.SetElementChildVisual(MyGrid, layerVisual);
}        

結果は次のようになります。

注釈

この CompositionEffectBrush は、 HostBackdropBrush を含む CompositionBackdropBrush を入力として受け取ることができません。