플라이 아웃 주위에 그림자를 추가하는 방법

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>