フライアウト周辺にドロップシャドウを追加するには

Question

UWPのフライアウトの周りにドロップシャドウを追加するにはどうすればよいですか？

UWPコミュニティツールキットでDropShadowPanelを試してフライアウトをラップしましたが、フライアウトと一緒に表示されませんでした。フライアウトと一緒にドロップシャドウが表示され消えるようにするにはどうしたらいいですか？ありがとう！

<Flyout x:Name="Flyout" Placement="Bottom"> 
    <TextBlock Text="Error message" /> 
</Flyout> 

Answer 1

あなたはFlyoutPresenter、ないFlyout自体にDropShadowPanelを追加する必要があります。

<Flyout> 
    <Flyout.FlyoutPresenterStyle> 
     <Style TargetType="FlyoutPresenter"> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate> 

         <!-- This is the root visual of the flyout --> 

         <toolkit:DropShadowPanel> 
          <Border Background="LightGray" Padding="12"> 
           <ContentPresenter /> 
          </Border> 
         </toolkit:DropShadowPanel> 

        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
    </Flyout.FlyoutPresenterStyle> 

    <TextBlock Text="Error message" /> 
</Flyout>